Add a preheader or footer block

Article author
Miguel Panayotty
  • Updated

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

 

Add preheader back into email

Preheader blocks are included in all WordFly starter emails as you begin your email design. If you deleted your preheader block, it can be added back by following these steps.

 

1. Open your email

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://e.wordfly.com/view?sid=##subscriberMailingId##"
  target="_blank">View in browser</a>
  </p>
  </div>
</div>

 

Example,

 

 

 

Add footer back to email

 

Footer blocks are included in all WordFly starter emails as you begin your email design. If you deleted your footer block, it can be added back by following these steps.

 

1. Open your email design

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://e.wordfly.com/unsubscribe?sid=##subscriberMailingId##" target="_blank">Unsubscribe</a>
  &#160;|&#160;
  <a href="http://e.wordfly.com/forward?sid=##subscriberMailingId##" target="_blank">Forward</a>
  &#160;|&#160;
  <a href="http://e.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>

 

 

 

Was this article helpful?

Comments

0 comments

Article is closed for comments.