Your Achievements
Level 1
0% to
Level 2
Next /
to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
Open Alert Bar

How to make email's subject line appear in preview field when sending an email?

Jekaterina_Cunn
Level 1
Level 1
‎01-13-2015 11:27 AM
‎01-13-2015 11:27 AM

How to make email's subject line appear in preview field when sending an email?

Hi,

Marketo seems to always pull information into the preview field (what you see first when you get an email from someone) from the body of the email itself. Can I regulate what I want to show in the preview field? If so, how?

Thanks!
Labels:
Tags (1)
0 Likes
952
Reply
2 REPLIES 2
Josh_Hill13
Level 10 - Champion Alumni
Level 10 - Champion Alumni
‎01-13-2015 12:37 PM
‎01-13-2015 12:37 PM

Re: How to make email's subject line appear in preview field when sending an email?

You mean in Gmail?

You may be able to do this by adding this code. You may want to test this on a separate Template and Email, then roll it out.
 
  1. Navigate to 'HTML Source' or Replace HTML in the email.
  2. Under the text "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">" add the following code:
  3. <head><style type="text/css">span.preheader { display: none !important;}a {color:#8B3013 !important;text-decoration:none !important;}</style></head><span class="preheader" style="color: white; font-size: 1px;">PREHEADER TEXT GOES HERE.</span><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
893
Reply
Anonymous
Not applicable
‎01-13-2015 12:40 PM
‎01-13-2015 12:40 PM

Re: How to make email's subject line appear in preview field when sending an email?

Yep, you can use preheaders in your HTML for this. This would be just below the head and just above the body, and would look something like this:

<body style="background:#f1f1f1; margin:0; padding:0; display:block !important; width:100% !important; " ><div class="mktEditable" id="Preheader" align="left" style="color:#f1f1f1; font-size:1px; line-height:0; font-family:Arial, Helvetica, sans-serif; " ><font color="#F1F1F1">YOUR PREVIEW TEXT.</font></div>

One thing you'll have to worry about is how to make the preheader trump the "view as web page" html that Marketo inserts. If you are using this for emails where you have that option, then you'll likely need to recreate the "view as web page" functionality with some HTML. Here's a good relevant thread on how to do that: https://community.marketo.com/MarketoDiscussionDetail?id=90650000000PN6NAAW
0 Likes
893
Reply
Home