# Preview mail in Outlook with incorrect display

**URL:** <https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919>\
**Category:** Product Support\
**Created:** [May 5, 2023, 11:40am UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919 "2023-05-05T11:40:13Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![smichalke](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@smichalke](https://forum.mautic.org/u/smichalke)\
**Post date:** [May 5, 2023, 11:40am UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/1 "2023-05-05T11:40:13Z")

</div>

**Your software**  
My Mautic version is: 4.4.3  
My PHP version is: 8.0.28  
My Database type and version is: MySQL

**Your problem**  
My problem is:  
When we send a test email, it is displayed incorrectly in Outlook 365. The images are truncated or only a narrow approx. 20px high. Everything looks fine in Gmail as an example.  
If we now send this email correctly, everything looks correct.

The problem seems to have existed for a while, my colleagues say, I just want to get to the bottom of it now.

**Preview Outlook**

 ![Screenshot 2023-05-05 133441](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/d/d051b7d2a9531fb8572c5a59643199d383469e7e.png)

**Preview Gmail**

 ![Bildschirm_foto 2023-05-05 um 13.36.14](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/0/0e29c2ac0de4d84acb6f623781f26cbd9fa54421.jpeg)

---

<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:** [May 6, 2023, 8:24am UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/2 "2023-05-06T08:24:07Z")

</div>

Hi, are you using the grapejs builder?

---

<div class="post-metadata">

**Author:** ![smichalke](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@smichalke](https://forum.mautic.org/u/smichalke)\
**Post date:** [May 10, 2023, 1:16pm UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/3 "2023-05-10T13:16:23Z")

</div>

We are using [stripo.email](https://stripo.email) for the design.  
The weird thing is as I said it only looks weird in the preview mail in Outlook. As soon as it is sent in Outlook everything is correct. And in G-Mail it looks correct in both cases. Hence the question of whether there is a difference between the preview and the final delivery. Otherwise it makes no sense why the images are displayed differently in the preview.

---

<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:** [May 10, 2023, 1:19pm UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/4 "2023-05-10T13:19:05Z")

</div>

Final delivery and preview are using different rendering engine.  
I know it doesn’t make sense, but that is how it is.  
Do you use the code mode feature or paste it in into a template?  
Joey

---

<div class="post-metadata">

**Author:** ![smichalke](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@smichalke](https://forum.mautic.org/u/smichalke)\
**Post date:** [May 10, 2023, 2:07pm UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/5 "2023-05-10T14:07:01Z")

</div>

We use the API from stripo. Direct from Stripo to Mautic.

---

<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:** [May 10, 2023, 2:56pm UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/6 "2023-05-10T14:56:52Z")

</div>

I’m not sure what Stripo does in the background during the API call.  
Can you plz check if in your **mautic** database, **emails** table, **template** column, do you see **mautic\_code\_mode** as template for the email in question?

This is important, otherwise another template in use can modify the final html, which would account for the changes.

---

<div class="post-metadata">

**Author:** ![smichalke](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@smichalke](https://forum.mautic.org/u/smichalke)\
**Post date:** [May 15, 2023, 9:13am UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/7 "2023-05-15T09:13:42Z")

</div>

yes it is mautic\_code\_mode

---

<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:** [May 15, 2023, 10:57am UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/8 "2023-05-15T10:57:29Z")

</div>

Okay, so we know, that you have the proper HTML and Mautic will simply relay what you feed in.  
My suspicion is, that Mautic doesn’t change the code, but the HTML is written in a way, that displays ‘wrong’ in Outlook. In other words: Stripo did not create an Outlook-proof HTML.

Joey

---

<div class="post-metadata">

**Author:** ![smichalke](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@smichalke](https://forum.mautic.org/u/smichalke)\
**Post date:** [May 15, 2023, 12:25pm UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/9 "2023-05-15T12:25:47Z")

</div>

Interesting idea  
However, the newsletter is correctly displayed when it runs through the final engine. Therefore, my suspicion continues that there are technical distinctions with the engine at your end. Or can that not be?

---

<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:** [May 15, 2023, 1:58pm UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/10 "2023-05-15T13:58:05Z")

</div>

Hello,  
I’m not sure what final engine is. If you have an email displayed in a browser preview in Stripo, that doesn’t mean it will actually look like that in outlook.  
We use Litmus to test emails in 16 email readers incl. Outlook, Apple Mail, etc.  
There is almost always a difference.  
Joey

---

<div class="post-metadata">

**Author:** ![smichalke](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@smichalke](https://forum.mautic.org/u/smichalke)\
**Post date:** [May 15, 2023, 2:51pm UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/11 "2023-05-15T14:51:04Z")

</div>

I think we’re talking at cross purposes. 🙂 We create the e-mail in Stripo - it then ends up with you through the API. I don’t mean the test by you with the optics by other browsers, but by the button “Preview” which sends an email to any email.

---

<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:** [May 15, 2023, 5:13pm UTC](https://forum.mautic.org/t/preview-mail-in-outlook-with-incorrect-display/27919/12 "2023-05-15T17:13:05Z")

</div>

Can u plz send me the html zipped in private?
