SOLVED

Subject line showing browser view

Go to solution
Yesh0000
Level 1

Subject line showing browser view

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?

2 ACCEPTED SOLUTIONS

Accepted Solutions
Michael_Florin
Level 10

Re: Subject line showing browser

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.

Michael_Florin_0-1747241268704.png

 

View solution in original post

SanfordWhiteman
Level 10 - Community Moderator

Re: Subject line showing browser

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.)

View solution in original post

5 REPLIES 5
beth-corby
Level 2

Re: Subject line showing browser

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

Marketing Ops Unicorn
Michael_Florin
Level 10

Re: Subject line showing browser

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.

Michael_Florin_0-1747241268704.png

 

SanfordWhiteman
Level 10 - Community Moderator

Re: Subject line showing browser

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.)

rcoppol98
Level 2

Re: Subject line showing browser

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.)

SanfordWhiteman
Level 10 - Community Moderator

Re: Subject line showing browser

@rcoppol98 the question is about the Subject line showing in View As Web Page view, not in the email client.