Preview Your Subject Lines and Preheaders in Gmail and iOS
My company recently hired copywriters who have never written for email before. So I built this simple tool to show them how their subject lines and preheaders will be displayed. I thought I'd share with you, maybe someone else has a use for it! If enough people are interested I could add more devices :D
Check it out here
This is great. Thanks so much for creating and sharing this, Austin! I'll definitely be sharing it with teams I work with.
Love the typo correction in the gif. And that you're bank account was successfully verified! ;)
Very cool! Are you playing HotS yourself? We're big fans at Litmus - bogusround#1881 is my battle tag :)
Really good. Thanks for sharing!
Thanks for the suggestion on codepen. I just updated the tool to display your character count.
Very good! useful
This is excellent! It'll be really useful to even just illustrate the importance of subject lines and preheaders to our localisation and translation teams. Cheers!
This is awesome. well done
This is awesome! This beats the hell out of counting characters.
Wow, I would love if this tool had different environments and devices. I've been searching for something like this for weeks.
Hi Matt! I've got good news for you. This subject line checker is now available in Litmus! You can find all the details about it right here: https://litmus.com/blog/make-the-best-first-impression-with-subject-line-checker-in-litmus
Jaina, it would be great if you could access this tool through the main nav and not have to do it through the Builder.
Thanks for the feedback, Matt. I'll pass it on :) If you have any other feedback don't be shy to email it in to firstname.lastname@example.org :)
Like Danielle said - we're big fans of HotS at Litmus. My battletag: wonderer. Say hello!
Fantastic tool that you built, by the way!
For me, the preheader line seem to always be "View this email in your browser"... am I doing it wrong ? :)
Am I missing important space for a catch fraze?
This is a really great tool to have around. However, I cannot scroll down. When I switch to iPad, I don't see anything.
Great idea. This will be really useful for our fundraisers.
This tool has been toast for a while, unfortunately. We used to be a heavy user. The similar TestSubject tool by Zurb shows 3 mobile GUI examples, but it's nothing like what the previously available Litmus tool could do. All other tools are full-monty QA systems that require you to send a finished email through it to see what the inbox or desktop notification will look like. No good for copywriters who are working at the other end of the BaseCamp!
Great stuff Austin. Referenced this in my recent building HTML email post.
A bit off topic, but did you roll that iOS UI mockup yourself, or is that a package somewhere.
The iPhone shell was based off another pen I can't find at the moment, but the actual UI elements I did myself.
Is this page suppose to be scrollable? Not sure if it is or not, or if my browser is being screwy. When I switch ti iPad mode, I can see the email shoot to the bottom but I cant see anything. :(