How To Make An Outlook Template So That It Looks The Same No Matter Where You Open It?

My electronic mail looks dissimilar in Outlook

This page is at present available in other languages.

Mailchimp templates are designed to expect great across all email clients. However, versions of Outlook from Outlook 2007 to present utilize Microsoft Word to render HTML email, which can crusade problems with campaign brandish.

Microsoft Give-and-take is meant for print design and attempts to render HTML like it would look in impress preview, causing the brandish to look different from what you may have designed and tested.

Nosotros recommend that you try to determine what version of Outlook well-nigh of your subscribers use and design and test for that version. Our Inbox Preview tool provides a good indication of how an electronic mail volition appear in Outlook, but we strongly encourage you to send a examination email and view your campaign directly in that version of Outlook, if possible.

In this article, you'll larn about problem behavior common in Outlook 2007, 2010, and 2013.

The padding around my images is being ignored.

Example of margins being ignored in Outlook
Outlook will ignore set padding and margins effectually images. Every bit a result, your wrapped text will be pushed against the paradigm. There are a couple means around this.

Utilise a photo-editing program to add together a border around your prototype that is the aforementioned color every bit the background of your email campaign, then upload the paradigm to your electronic mail campaign. Considering the padding is part of the image, Outlook cannot ignore it.
Admission the source lawmaking from the < > button in the editor toolbar of the Text block. In the tag for your paradigm, add together vspace and hspace. For example:

You'll also want to set margins for the image on the Edit Paradigm pane, because some electronic mail clients do not recognize vspace and hspace.

My image is existence clipped, rescaled, or is not loading.

This occurs in Outlook when a very long paradigm is inserted in a campaign. The limit for image length is approximately 1728px tall and Outlook volition clip the backlog off the top of images taller than 1728px.

If you cannot decrease the size of your epitome to under 1728px alpine, the best alternative is to ingather the image into separate images. If yous use a drag-and-drop template, you can then add together multiple Image blocks to the campaign to upload each part of the prototype. To ensure the images appear as one fluid prototype, navigate to the Settings tab for each Image block and select the Border To Edge bank check box under Margins.

My image isn't the correct size.

Outlook doesn't recognize the HTML that constrains images. This means that if you use HTML to resize an paradigm uploaded to a campaign or template, it may display at the original size in Outlook. Exist sure to resize your images before you lot upload them to Mailchimp, or use our built-in image editor.

My groundwork epitome doesn't show.

This is an issue with Outlook also as many other email clients. Without altering the template code, at that place isn't a quick fix to force the groundwork image in a custom-coded template to display.

My animated GIF doesn't work.

Outlook does not back up animated GIFs. Instead, it volition display the first frame of the GIF in your entrada, so make sure the most important information is on that frame.

There is extra white space in my content.

Example of extra white space being added in Outlook

Because Outlook renders HTML using Microsoft Word, white space is sometimes inserted above an image. This occurs considering Outlook renders email on a computer screen similarly to how impress preview shows how the electronic mail will look on a printed page. If the image falls between what Outlook sees as ii separate pages for that detail section, extra infinite is inserted above the prototype to force the epitome downwards to the next page. While email is a single, continuously scrolling folio, Outlook renders portions of the electronic mail as though they are meant to exist printed onto separate sheets of paper.

Eliminating the extra white space requires reorganizing your content. Considering reorganization can require all-encompassing layout and content changes, nosotros encourage first replicating your campaign in case y'all accidentally delete content in the entrada you are reorganizing.

When reorganizing your content, you ultimately want to determine where Outlook is marking the folio break in your content. If there is an epitome beneath the white infinite, effort to motion the image to some other expanse in your layout and send a test email to run into if this fixed the issue. Proceed reorganizing and testing your entrada until the white space is eliminated.

Note

If y'all are custom-coding your HTML template from scratch, there are a few things to go along in mind to ensure that your email renders correctly in Outlook and some additional data on what CSS is supported by Outlook.
Unfortunately, Mailchimp tin't do anything well-nigh the manner Outlook or other e-mail clients display HTML email.