How to add a Preheader in your Email

A preheader is a short summary text that appears next to or just below the subject line when an email is viewed in the inbox. It's often used to provide additional context to the subject line and encourage the recipient to open the email. A well-crafted preheader can significantly increase open rates by giving a glimpse of what the email contains. Here are some key points about preheaders:


Location: Preheaders appear next to or below the subject line in the inbox preview, depending on the email client.


Purpose: They provide a preview of the email content, supplementing the subject line to increase the open rate.


Content: They can include promotions, key messages, or any compelling information that encourages the recipient to open the email.

Best Practices:

  1. Keep it concise and relevant.

  2. Complement the subject line without repeating it.

  3. Use it to create curiosity or provide a clear call to action.

Email marketers can significantly improve the chances of their emails being opened and read.

To add a preheader for your emails in MSG91, follow these simple steps.

  1. Go to MSG91 dashboard >> Email section >> Templates section

  1. Click on Create Template then click on Start and Choose Drag & Drop Builder or HTML & Text Editor or select any existing template.
    ​​

  2. You will get a setting icon ⚙️ on the top right side of the page. Please check the below image.

Once you will click on the settings icon, it will redirect you to enter the content which you want to show as a preheader in your email. Click on Save after entering the Preheader.


After saving the preheader text in your template, the preheader text will appear in your emails sent via this template.


For any other cases, you can use add below piece of code at the start of <body> tag in your HTML body. To add a preheader.

<span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">Insert preview text here :)</span>