From the course: Creating a Responsive HTML Email

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Adding inbox preview text

Adding inbox preview text - HTML Tutorial

From the course: Creating a Responsive HTML Email

Adding inbox preview text

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…

Contents