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.

    Kb172286141489467617

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>