Boomtrain University
BME Guide

Pre-Header Text

Boomtrain Marketing Engine allows you to set the pre-header text that you want your user to see in their email inbox. This is also known as preview text because a recipient of your email can ‘preview’ the first few lines of your email before they even open it. This makes the pre-header text an opportunity to entice the user to read more beyond the subject line of the email.

The Problem

When a user receives an email, the pre-header text is the first bit of text that appears in the template. If not planned appropriately, this can result in a wasted opportunity of space. No one wants to see a ‘View in browser’ or ‘Forward to a friend’ message in their email preview.
Screen Shot 2016-02-19 at 2.42.18 PM

The Solution

To set the pre-header text, follow these steps:

  1. Create your email campaign following the regular process.
  2. If you’re using the advanced editor to create your template, read on. If you’re using your own HTML, skip to the manual solution below.
  3. Click Templates to open the advanced editor.
  4. Choose the layout for your template. You’ll be brought to the advanced editor page and a window will pop up, allowing you to name your template and insert the pre-header text.
    Screen Shot 2016-02-19 at 2.50.35 PM
  5. Save your template name, then save the template once you’re satisfied with the design. Then, push to your campaign.
  6. If you already have an email template and want to edit the pre-header text, you can do so from within the menu page of the advanced editor. Just select the ‘Rename’ option to change your template name and/or your pre-header text.
    Screen Shot 2016-02-19 at 2.57.37 PM
    Screen Shot 2016-02-19 at 2.57.11 PM
  7. When you send your email campaign, you’ll see the pre-header text appear.
    Screen Shot 2016-02-19 at 3.07.14 PM

Manual Fix

If you’re importing your email template from another source, you can manually add pre-header text by modifying the HTML.

  1. Open your email template and view its source code in HTML.
  2. At the top of the email body, below the </head> and right after <body>, insert this text:
    • <div style=”display: none; visibility: hidden; color: #ffffff; font-size: 0px;”>Insert your pre-header text here</div>
  3. Since the text is set to be invisible, it won’t show up in the actual email, only on the preview window of your email client.
    Screen Shot 2016-02-19 at 3.22.07 PM
  4. Be sure to make the text long enough!
Share This