I have created an email and used a subject line as well. Is there any way that subject line will be visible in the browser also?
Solved! Go to Solution.
Not sure, I understand the question, but are you asking if you can make the subject line of an email appear on the browser tab of the view-as-a-webpage version of that email?
You can. Just add
<title>{{my.Subject_Line}}</title>
to the head section of your email template and put the subject line of your email in a program token. Then it appears on your browser tab.
As the others have mentioned, there’s no container allocated in View As Web Page for the Subject line. (This makes sense, because it’s not trying to look like an email client, it’s just trying to display the email content itself.)
But you can easily create any number of HTML elements that are only shown in View As Web Page!
Hide them as you would with an email preheader:
<div id="emailSubjectMirror" style="mso-hide:all;mso-line-height-rule:exactly;visibility:hidden;opacity:0;color:transparent;line-height:0;font-size:0px;display: none;">They’re tariffin’ pariffin, but our tactical candles are made here in the US of Flamin’ A</div>
Then include this CSS, which will unhide them only in VAWP:
body:has(#forwardtoFriendDropDown) div#emailSubjectMirror {
visibility: unset !important;
opacity: unset !important;
color: unset !important;
line-height: unset !important;
font-size: unset !important;
display: unset !important;
}
(Obviously you don‘t need to unset
the color and font, this is just a simplified example and you can change those styles any way you want.)
In Marketo, the subject line of your email is typically not automatically visible in the browser view of the email. Can you provide more context on what you are trying to achieve?
Thanks! - Beth
Not sure, I understand the question, but are you asking if you can make the subject line of an email appear on the browser tab of the view-as-a-webpage version of that email?
You can. Just add
<title>{{my.Subject_Line}}</title>
to the head section of your email template and put the subject line of your email in a program token. Then it appears on your browser tab.
As the others have mentioned, there’s no container allocated in View As Web Page for the Subject line. (This makes sense, because it’s not trying to look like an email client, it’s just trying to display the email content itself.)
But you can easily create any number of HTML elements that are only shown in View As Web Page!
Hide them as you would with an email preheader:
<div id="emailSubjectMirror" style="mso-hide:all;mso-line-height-rule:exactly;visibility:hidden;opacity:0;color:transparent;line-height:0;font-size:0px;display: none;">They’re tariffin’ pariffin, but our tactical candles are made here in the US of Flamin’ A</div>
Then include this CSS, which will unhide them only in VAWP:
body:has(#forwardtoFriendDropDown) div#emailSubjectMirror {
visibility: unset !important;
opacity: unset !important;
color: unset !important;
line-height: unset !important;
font-size: unset !important;
display: unset !important;
}
(Obviously you don‘t need to unset
the color and font, this is just a simplified example and you can change those styles any way you want.)
Hi Yesh0000 - the subject line will populate in their email inbox on the top line, and you also have the opportunity to add a "preheader" (edited within Email Settings), that will also display next to or underneath the subject line - depending on the recipients email server (Gmail/Outlook/etc.)
@rcoppol98 the question is about the Subject line showing in View As Web Page view, not in the email client.