How do I add an email pre-header to an HTML file or the code editor? – Numberly

Introduction

The Preheader allows you to add a sentence that will be visible on the user's email inbox to invite them to click on the email. This sentence will not be visible on the content of the email.

Add pre-header in HTML file or code editor

In order to be sure that the email preheader is correctly interpreted by Sendingly, you need to add the hidden_preheader id in a <div> or <span> tag.

To do this, you need to add the following HTML code:

<div style="display:none;font-size:1px;color:#fff;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden">
 <span id="hidden_preheader">
 <p>This is the preheader</p>
 </span> 
</div>

It is important to identify the email preheader to make sure that the preview pixel does not end up before the preheader.

Conclusion

Once the pre-header has been added, it will be visible on the BATs as well as on the campaigns.

If the pre-header is not added, the email box will display the first few words of the email content.

This feature uses a sentence to explain the context/content of your email to the reader.