# Email Preview / Preheader Text

**URL:** <https://forum.mautic.org/t/email-preview-preheader-text/7717>\
**Category:** Development\
**Created:** [February 28, 2017, 12:45pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717 "2017-02-28T12:45:40Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![DerekBuntin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/derekbuntin/32/90_2.png) [@DerekBuntin](https://forum.mautic.org/u/DerekBuntin)\
**Post date:** [February 28, 2017, 12:45pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/1 "2017-02-28T12:45:40Z")

</div>

I noticed today that our client’s email preview text in Appl Mail consisted of the unsubscribe content, which we have placed at the beginning of the email, clearly not helping with open rates and needs optimised.  
  
  
  
It would be great to add an extra field into the interface for such content to be added automatically from the main body or added manually.  
  
  
  
With exception to manually creating a hidden content area, is there an easier way to achieve this?  
  
  
  
Cheers  
  
Derek

---

<div class="post-metadata">

**Author:** ![DerekBuntin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/derekbuntin/32/90_2.png) [@DerekBuntin](https://forum.mautic.org/u/DerekBuntin)\
**Post date:** [February 28, 2017, 12:45pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/2 "2017-02-28T12:45:40Z")

</div>

I noticed today that our client’s email preview text in Appl Mail consisted of the unsubscribe content, which we have placed at the beginning of the email, clearly not helping with open rates and needs optimised.

It would be great to add an extra field into the interface for such content to be added automatically from the main body or added manually.

With exception to manually creating a hidden content area, is there an easier way to achieve this?

Cheers  
Derek

---

<div class="post-metadata">

**Author:** ![chris0928](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/chris0928/32/118_2.png) [@chris0928](https://forum.mautic.org/u/chris0928)\
**Post date:** [February 28, 2017, 2:28pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/3 "2017-02-28T14:28:18Z")

</div>

As far as I know, there’s nothing that allows you to insert hidden preheader text for the email preview, but that’s a great idea. I’ve always just created it manually as needed, like you mentioned.

---

<div class="post-metadata">

**Author:** ![DerekBuntin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/derekbuntin/32/90_2.png) [@DerekBuntin](https://forum.mautic.org/u/DerekBuntin)\
**Post date:** [February 28, 2017, 2:49pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/4 "2017-02-28T14:49:02Z")

</div>

I added it as a hidden field but for ease for the client who knows nothing about coding having a separate textarea for some content or have it populate automatically would be a better idea.

---

<div class="post-metadata">

**Author:** ![chris0928](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/chris0928/32/118_2.png) [@chris0928](https://forum.mautic.org/u/chris0928)\
**Post date:** [March 9, 2017, 11:14pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/5 "2017-03-09T23:14:52Z")

</div>

@DerekBuntin just saw this: [https://www.campaignmonitor.com/blog/new-features/2017/03/announcing-flexible-preheader/](https://www.campaignmonitor.com/blog/new-features/2017/03/announcing-flexible-preheader/)

Is this what you were imagining as a feature in Mautic?

---

<div class="post-metadata">

**Author:** ![DerekBuntin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/derekbuntin/32/90_2.png) [@DerekBuntin](https://forum.mautic.org/u/DerekBuntin)\
**Post date:** [March 22, 2017, 8:17pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/6 "2017-03-22T20:17:36Z")

</div>

Yes @chris0928, it makes complete sense to be able to have a separate text area for this function.

---

<div class="post-metadata">

**Author:** ![asrulmunir](https://avatars.discourse-cdn.com/v4/letter/a/919ad9/32.png) [@asrulmunir](https://forum.mautic.org/u/asrulmunir)\
**Post date:** [March 23, 2017, 2:16am UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/7 "2017-03-23T02:16:35Z")

</div>

Be aware that hidden text in email can increase spam score.

SpamAssassin gives 2.0 points to email with hidden text.

---

<div class="post-metadata">

**Author:** ![DerekBuntin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/derekbuntin/32/90_2.png) [@DerekBuntin](https://forum.mautic.org/u/DerekBuntin)\
**Post date:** [March 23, 2017, 7:37am UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/8 "2017-03-23T07:37:18Z")

</div>

@asrulmunir I assume you’re referencing this post [](https://www.campaignmonitor.com/forums/topic/8131/hidden-preheader-span-scores-20-points-with-spamassassin/)?

If you read the article it details that this particular person received a spam score of 2.0 points but there is no real data showing that it was the hidden text or the email itself, we would really need to break down everything about the email and test each element for it to be conclusive.

I would point out though that having the background and text the same colour would likely be a source of spam, which if you look at the inline styling is exactly what they did.

That being said, using hidden anything will undoubtedly cause concern for spam filters, so it’s likely best practice to modify your template so that your content is the first to be picked up.

Also, spam assassin using needs a spam score of 5.0 points to consider the email spam, which is the default so if your email isn’t spammy and conforms to best practice it should be fine.

---

<div class="post-metadata">

**Author:** ![chris0928](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/chris0928/32/118_2.png) [@chris0928](https://forum.mautic.org/u/chris0928)\
**Post date:** [March 23, 2017, 9:58pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/9 "2017-03-23T21:58:09Z")

</div>

@asrulmunir @DerekBuntin I think it’s certainly worth considering how hidden text could impact spam score. In my experience it hasn’t been an issue. I recently started using Glock Apps for spam testing and in the handful of campaigns I’ve run the hidden preview text hasn’t added any points to my score. But I haven’t tested extensively, so it’s something to think about on a case-by-case basis probably.

In the inbox, preview text is likely not as important as sender name and subject line. But I think enticing preview text can definitely be a valuable contributor to better engagement with an email!

---

<div class="post-metadata">

**Author:** ![DerekBuntin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/derekbuntin/32/90_2.png) [@DerekBuntin](https://forum.mautic.org/u/DerekBuntin)\
**Post date:** [March 23, 2017, 10:27pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/10 "2017-03-23T22:27:04Z")

</div>

@chris0928 I agree, but like any email, you should concern yourself with all elements.

From a marketing perspective, the preview text is important in improving open rates, I’m sure it’ll become a much more common practice as time goes on but for now we will need to work around where we can.

---

<div class="post-metadata">

**Author:** ![chris0928](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/chris0928/32/118_2.png) [@chris0928](https://forum.mautic.org/u/chris0928)\
**Post date:** [March 23, 2017, 10:32pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/11 "2017-03-23T22:32:19Z")

</div>

Yup that’s exactly the point I was making in the second paragraph of my post, @DerekBuntin 🙂

---

<div class="post-metadata">

**Author:** ![DerekBuntin](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/derekbuntin/32/90_2.png) [@DerekBuntin](https://forum.mautic.org/u/DerekBuntin)\
**Post date:** [April 2, 2017, 7:44am UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/12 "2017-04-02T07:44:59Z")

</div>

I changed the text first seen on the page and removed the unsubscribe link to the footer only, now it looks not too bad without the need for the hidden text.

---

<div class="post-metadata">

**Author:** ![ayusopatricia](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ayusopatricia/32/2587_2.png) [@ayusopatricia](https://forum.mautic.org/u/ayusopatricia)\
**Post date:** [May 13, 2020, 7:27pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/13 "2020-05-13T19:27:59Z")

</div>

This is a functionality that we want badly. Since this is a 3 years post, does anyone knows if there is an implementation of it?  
Here is an update link of Campaign Monitor preheader feature [https://help.campaignmonitor.com/preheader-text](https://help.campaignmonitor.com/preheader-text)

---

<div class="post-metadata">

**Author:** ![sparrowandsnow](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/sparrowandsnow/32/4308_2.png) [@sparrowandsnow](https://forum.mautic.org/u/sparrowandsnow)\
**Post date:** [January 20, 2021, 5:37pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/15 "2021-01-20T17:37:54Z")

</div>

I solved it by entering the code found in this video tutorial [https://youtu.be/d5lwydFLnd4](https://youtu.be/d5lwydFLnd4)

---

<div class="post-metadata">

**Author:** ![ekke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ekke/32/296_2.png) [@ekke](https://forum.mautic.org/u/ekke)\
**Post date:** [January 22, 2021, 3:54pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/16 "2021-01-22T15:54:31Z")

</div>

Dear @sparrowandsnow , thanks for sharing!  
Would you mind posting more details? I think that’d be helpful for many 🙂  
Best,  
Ekke

* * *

Ekke Guembel  
**Mautic Open Source Project** , Team Lead “Community”  
Mail: [ekke.guembel@mautic.org](mailto:ekke.guembel@mautic.org)  
Phone: +49 511 6262 9311  
Profile & Social Media: [https://Leuchtfeuer.com/ekke](https://Leuchtfeuer.com/ekke)  
Podcast: [https://www.mauticast.com](https://www.mauticast.com)

---

<div class="post-metadata">

**Author:** ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)\
**Post date:** [January 22, 2021, 6:22pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/17 "2021-01-22T18:22:03Z")

</div>

Did you experience this big when you added the proper HTML code?

> <https://github.com/mautic/mautic/issues/9605>
>
> Bug Description
> To block the Email Preview / Preheader Text I use the   ‌ (see screenshot https://prnt.sc/xbi1rm) but after saving the...

As the poster of this bug mentioned - not possible.

---

<div class="post-metadata">

**Author:** ![sparrowandsnow](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/sparrowandsnow/32/4308_2.png) [@sparrowandsnow](https://forum.mautic.org/u/sparrowandsnow)\
**Post date:** [February 1, 2021, 11:06pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/18 "2021-02-01T23:06:09Z")

</div>

Thank you so much Joeyk,  
the link you shared is complete, perfect!

---

<div class="post-metadata">

**Author:** ![robm](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/robm/32/260_2.png) [@robm](https://forum.mautic.org/u/robm)\
**Post date:** [July 24, 2021, 9:42am UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/19 "2021-07-24T09:42:03Z")

</div>

I have been using this for a while.

I created a very quick tutorial video on how to do it with the new builder.

[![](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/c/c11d3310240f9582aacf0c98172a37ff73132fe9.jpeg "How to add preview text to a Mautic email") ](https://www.youtube.com/watch?v=35FErkUtpTc)

---

<div class="post-metadata">

**Author:** ![smc\_iris](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/smc_iris/32/6888_2.png) [@smc\_iris](https://forum.mautic.org/u/smc_iris)\
**Post date:** [February 17, 2022, 12:29pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/20 "2022-02-17T12:29:30Z")

</div>

For anyone coming across this issue in times of MJML, it has now gotten quite easier:

You can include your preview text within the -Tag and inlcude that inside the -Tag.  
[https://documentation.mjml.io/#mj-preview](https://documentation.mjml.io/#mj-preview) I tested this with a test-email and the mj-preview tag seems to work in mautic.

---

<div class="post-metadata">

**Author:** ![zwf](https://avatars.discourse-cdn.com/v4/letter/z/f475e1/32.png) [@zwf](https://forum.mautic.org/u/zwf)\
**Post date:** [April 5, 2022, 1:16pm UTC](https://forum.mautic.org/t/email-preview-preheader-text/7717/21 "2022-04-05T13:16:53Z")

</div>

Hello there !

Didn’t worked for me (Mautic 4, mjml template) 😕

[Next page](https://forum.mautic.org/t/email-preview-preheader-text/7717.md?page=2)
