How to add preheader and footer block to emails

Did you remove your preheader and footer blocks from your Modern Editor email design? Learn how to add your preheader or footer blocks back to your design in this support article.


Topics covered in this article:

Adding preheader back to template

Adding footer back to template

 

 

Adding preheader back to template

 

Preheader blocks are included in all WordFly starter emails as you begin your email design in Modern Editor. You may have removed your preheader block by deleting it. Once deleted it is removed from the email design.

 

Follow these steps to add the preheader block back to your Modern Editor email design:

 

1. Open your email in Modern Editor.

2. Click on the HTML tab from the lower left corner.

 

3. Scroll to the <body> tag in the code (directly after the </head> tag).

4. Paste the following code directly after the <div id="email-container" data-wfeviltwin="align: center; width: 600px"> tag.


<div data-wfcb="preheader" data-wflabel="Preheader" class="preheader-block" draggable="false">
<div data-wfedit="html" data-wflabel="Text"><p class="fine-print">
Add preheader text here &#160;|&#160; <a href="http://tracking.wordfly.com/view?sid=##subscriberMailingId##" target="_blank">View in browser</a>
</p>
</div>
</div>

 

Example,

 

 

 

Adding footer back to template

 

Footer blocks are included in all WordFly starter emails as you begin your email design in Modern Editor. You may have removed your footer block by deleting it. Once deleted it is removed from the email design.

 

Follow these steps to add the preheader block back to your Modern Editor email design:

 

1. Open your email in Modern Editor.

2. Click on the HTML tab from the lower left corner.

 

3. Scroll to the closing </body></html> tag in the HTML (towards the end of the HTML).

4. Paste the following code directly above the </body></html> tag.

<div data-wfcb="footer" data-wflabel="Footer" class="footer-block" draggable="true" id="footer-block-1472151699250">
<div data-wfedit="html" data-wflabel="Text">
<p align="center" class="fine-print">
<a href="http://tracking.wordfly.com/unsubscribe?sid=##subscriberMailingId##" target="_blank">Unsubscribe</a>
&#160;|&#160;
<a href="http://tracking.wordfly.com/forward?sid=##subscriberMailingId##" target="_blank">Forward</a>
&#160;|&#160;
<a href="http://tracking.wordfly.com/view?sid=##subscriberMailingId##" target="_blank">View in browser</a></p>
<p align="center" class="fine-print">##BestPracticeParagraph##</strong></p>
<p align="center" class="fine-print">##OrganizationAddress##</p>
</div>
</div>
</div>

 

 

 

Have more questions? Submit a request
Powered by Zendesk