Join Chris Converse for an in-depth discussion in this video Adding inbox preview text, part of Creating a Responsive HTML Email.
Now if your email clients support showing you preview text in the Inbox.…You'll notice that the text that we see is the heading goes here.…And then the content that we put inside of the content area.…So what the preview text does is look for the first set of texts inside of the HTML.…So what we're going to do is hide some text so that the…preview text sees our hidden text before it sees the text that's inside.…This will give us the ability to customize what we see inside of our preview area.…Now inside…of the email, that HTML, let's scroll down, right after the body tag, before…the table that creates our background for browsers that don't support the body tag.…
And let's come in here, and let's start by adding a div tag.…So we'll type div, inline style, first property's going to be font size.…We're going to set this to one pixel.…We're going to set the color to the same as the background.…So,…#efe1b0.…Next we're going to set a display to none, and then end the div tag.…Now with that in place, I'll get the…
This course was created and produced by Chris Converse. We are honored to host this content in our library.
- Creating the graphics
- Setting up the base layout structure
- Styling the table rows for the headline, banner, etc.
- Creating buttons
- Adding CSS media queries
- Styling the content
- Incorporating animation and web fonts
- Validating your code
- Testing in various email clients
Skill Level Beginner
Q: What are the sizes of the images used in this course?
Q: This course was updated on 11/26/2013. What changed?
A: We added two new movies to Chapter 5, "Adding HTML5 video into HTML email" and "Encoding and embedding base64 images."
Q: This course was updated on 12/03/2014. What changed?
A: We added one bonus movie, "Using high-definition graphics in your HTML email."