How_to_Create_Email_Template_for_Outlook_with_Stripo
timer ~ 10 min read
330453 views
rate it
18 August

How to Create Email Newsletter Template for Outlook with Stripo

Stripo / Blog / How to Create Email Newsletter Template for Outlook with Stripo

With Stripo allowing pushing emails to the Outlook app (both on macOS and Windows) and to Outlook web, sending elegant HTML emails through your favorite email client is now easy! No add-ons are required.

In this post, we'll show how to export HTML email templates to Outlook with just two clicks. So, keep reading.

For a brief tutorial, please watch a short how-to video.

How to Create Email Newsletter Template for Outlook with Stripo

Build beautiful fully responsive email templates for Outlook
Get started

Why we decided to add direct export to Outlook

Why would you need to use Outlook when you can send emails with Mailchimp, eSputnik, or any other ESP?

According to Litmus, 6.5% of people currently use Outlook. Mostly, they are corporate clients who need to send out internal newsletters, be it an annual report or company news and updates. Definitely, this requires an HTML email template to make the email/report orderly-structured, responsive, and maybe even interactive with tables, video instructions, or video greetings embedded.

All emails of this kind, especially annual reports, should be kept confidential. Thus, you are unlikely to send them via a third-party service. Even though all ESPs guarantee the safety of information.

This is why many of our users reached out to us to ask about the way they can export templates to this email client.

So, our developers started working on this project. And we have released this option.

Build sophisticated emails and send them through Outlook

How to build an email template with Stripo and send it through Outlook

We are proud to announce that Stripo is one of the few email editors that allow you to create email templates for Outlook and seamlessly export them to this email client.

Step 1. Building email templates for Outlook

In our blog post "Manual A to Z", we explained how to build newsletter templates.

You design an email template for Outlook just the same way.

But there are some things we'd love to highlight here due to Outlook's special rendering rules:

  • CTA buttons in Outlook

It is a well-known fact that buttons in the featured email client may look somewhat different from the way they look in other email clients. For instance, rounded buttons in Outlook get "square angles". Hence, your email may lose its beauty and consistency. No worries — Stripo's on it.

To help you save buttons' design across all Outlook versions, you need to activate the "Support of Outlook" option.

  • go to the "Appearance" tab in the settings panel;

  • head to the "Button" tab;

  • enable the "Support of Outlook" option.

CTA Buttons for a Newsletter Outlook Template

Design Outlook-compatible CTA buttons easily
Join Stripo
  • Backgrounds in Outlook

Backgrounds render in Microsoft Outlook only if they have been set for the entire email. If you set a background for a row/stripe, or any other email element, it will not be displayed.

We found a way out.

Here's what you can do to set backgrounds for email elements/rows/stripes:

  • activate the settings of a certain email element you want to add a background to by clicking the label of this content element. It can be "Container", "Stripe", "Row", and "Structure";

  • then open the HTML code editor;

Exporting Emails to Outlook _ Opening the Code Editor

  • paste this code sample above the line in the code that starts with "Table width";
<!--[if gte mso 9]>

 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:327px;height:100%;">

   <v:fill type="frame" src="https://iiqf.stripocdn.email/content/guids/CABINET_b696bac619e2a6fd60a2c756b8b7c9c5/images/26661559905688877.png" color="#7bceeb" ></v:fill>

   <v:textbox inset="0,0,0,0">

 <![endif]-->
  • now paste this code sample below the line in the code that starts with "Table width", i.e. below the same line;

<!--[if gte mso 9]>

   </v:textbox>

 </v:rect>

 <![endif]-->
  • replace the link that we've underlined with the link to your background image — you'll have to do it twice;

How to Edit Customizable Templates Through Outlook _ Working on Backgrounds

  • be sure to edit the image width before uploading it so that it matches the container's — you can see it in the top line after the "width" tag. In our case, it is 600 px.

Please be advised that you cannot both use this code for backgrounds and activate the "Support of Outlook" option (for buttons) simultanuously as Outlook renders only one element written in VML, at a time.

In our "Common rendering issues in Outlook" blog post, we show alternatives to background images in emails:

9 min read

66483 views 3.9

Solving Common Email Rendering Issues in Outlook with Stripo Read on

  • GIFs in Outlook email templates

We all know that as of February 2019, Outlook supports GIFs

Which versions of Outlook handle GIFs:
  • Outlook as part of a Microsoft 365 subscription or Office 2021;

  • MS Outlook for mobile devices as app;

  • Outlook 2003, desktop app;

  • Outlook for Mac, app;

  • Outlook web version on both mobile and desktop devices.

How do you upload GIFs in emails with Stripo

Just the way you do with regular images:

  • drag the "Image” block into your Outlook newsletter template;

  • add a necessary GIF file by uploading your photo or inserting a link to external file storage;

  • your email is ready to go.

Remember to add a link to the web version of your email for those recipients who use Outlook versions as follows: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016, and even Outlook 2019 so that they can also see your GIFs.

How to get the Web Version link with Stripo
  • enter the "Preview" mode;
  • above your template, please click the “Copy” button or click the "Open in a new tab" button;

Exporting Emails to Outlook _ Link to the Web Version of Email Newsletters

  • insert this link at the top of your email template for Outlook.
Add GIF animations to emails
Get started

Step 2. Previewing

When you create an HTML email template for Outlook or any other email client, you need to preview it prior to sending it out to valued recipients to make sure your emails look just as you wanted them to.

There are three ways to check your emails with Stripo:

  • Way 1. By entering the Preview Mode

Once you enter this mode, you will see the desktop and mobile versions of your email.

Entering Preview Mode to Check Your Outlook Newsletter Template

  • Way 2. Testing email templates for Outlook with our built-in email testing tool

Stripo is integrated with Email on Acid, one of the best email testing tools. This integration allows you to see your emails across all versions of Outlook and other email clients.

Run the Test for User Templates in Stripo

  • Way 3. Sending test emails

To do so, just click the "Test" icon, above the template and enter a number of email addresses — separate them with commas if there is a bunch of them and click "Send". If you want to make your messages even more responsive, you can always use our 600+ Outlook-compatible email templates.

You might want to send test emails to multiple accounts in Outlook that belong to your friends and colleagues to see "live" tests.

Test your emails for Outlook prior to sending them out
Join Stripo

Step 3. Exporting email templates to Outlook

We want to emphasize that you can export emails from Stripo to Outlook App and Outlook Web.

Exporting emails to Outlook App

This option works on both Windows and macOS (Microsoft Office 365 and Outlook 2019 and higher).

When your newsletter template for Outlook is ready, you need to:

  • click the “Export” button;

Designing Newsletter Templates for Microsoft Outlook _ The Export Button

  • select Outlook App from a number of ESPs suggested;

Choose the Outlook App Option From the Dialog Box

  • pick the type of file that you need — OFT for Windows or EMLTPL macOS;

Pick the Type of File for Your Newsletter Template

  • your template will be downloaded to your computer as a file. By clicking this file, you get an Outlook window with your ready-to-send email template opened;

  • edit your email if necessary. That’s easy — just like editing documents in Microsoft Word;

  • now enter your recipients' email addresses and a subject line. Done!

Outlook File System _ Editing Your Email After Export

Exporting emails to Outlook.com (Outlook on the Web)

When your template is ready:

  • click the "Export" button;

  • pick Outlook Web as your destination;

Choose the Outlook Web Option From the Dialog Box

  • in a pop-up window, click the "Export" button. The "Make it public" option is already activated;

Export Your Outlook Newsletter Template

  • enter your credentials for Outlook;
  • give Stripo access to your Outlook account;

Giving Access to Your Outlook Account

Important: 

You only allow us to access your drafts folder (for delivery purposes). We will not have access to your contacts, sent and incoming messages.

  • head to the "Drafts" folder in Outlook;

  • edit email if necessary;

  • enter the subject line (by default, it inherits the Title of your template);

  • your email is ready to go!

You can also use our “Bulk export” option to export a lot of emails to Outlook:

  • click on the “Email Messages” in your dashboard;

  • pick emails you want to export;

  • choose the “Export” option in the pop-up menu above your messages;

  • repeat the steps we described in the section “Exporting email templates to Outlook”.

Bulk Export for Several Newsletter Templates

If you choose the Outlook App option to export several emails, they will be downloaded as an archive to your computer. To find your emails in Outlook Web, please check the “Drafts” folder.

Important to note:

Outlook does not allow using several accounts in one browser. So, in order to connect a new account, you need to disconnect the previous one. Then you may want to make sure you are fully logged out of your Outlook account. And only then you can start connecting a new Outlook account to Stripo.

Connecting a New Account

Export my email templates to Outlook

You will see the email in the drafts folder exactly how your readers will. In this window, you can edit the template if needed.   

Important:

Outlook removes the styles that make email design responsive. Thus, those users who see your emails on mobile devices will see the desktop version of it. No, there will not be a horizontal scroll. But all the containers from one row that are normally moved to the second/third row on mobiles will remain in the same row.

Containers Get Moved to Next Rows

(Email sent via ESP)

Email Sent Through Outlook

(Email sent via Outlook)

We want to emphasize again that there won't be any horizontal scroll.

Wrapping up

As you can see, building and sending emails through Outlook is now a walk in the park.

If you have any questions, please leave a comment below — we will be happy to assist.

Create email newsletter templates for Outlook and push them to this email client effortlessly

grant medefindt 10 months ago

When sending out a Mac Outlook emltpl file, the mobile responsive styling gets stripped out and the end result is no mobile view and only the desktop design. Is there a reason for this?

Hanna Kuznietsova commented to grant medefindt 10 months ago

Hello, Grant Medefint. Thank you for your question. It happens because Outlook removes the styles that make email design responsive. It only happens to those emails that you send through Outlook. Thus, those users who see your emails on mobile devices will see the desktop version of it. There will be no horizontal scroll. But all the containers from one row that are normally moved to the second row on mobiles, will all remain in one row.

Bill Wick 1 year ago

Remarkable! Its really amazing article, I have got much clear idea about from this paragraph.

Hanna Kuznietsova commented to Bill Wick 1 year ago

Bill Wick, Thank you. We're happy you find this post useful. If you have any questions on how to export templates from Stripo to Outlook, please let us know.

Jin Ke 2 years ago

Благодарю! На будущее как раз очень пригодится.

Hanna Kuznietsova commented to Jin Ke 2 years ago

Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.

Owolabi Olanrewaju 2 years ago

But the HTML of stripo does not have outlook conditional tags, why.

Hanna Kuznietsova commented to Owolabi Olanrewaju 2 years ago

Hello, Owolabi. Thank you for your question. Could you please clarify what exactly you mean? Because our templates contain conditions for Outlook - for structures, containers, and buttons... Thank you

Adams Smith 3 years ago

Thank you for sharing this post, it is very effective and informative, I like the way you present all the things, I am a Technical Support Advisor, We are providing the best solutions to your problems. For any query or any technical issues, Contact us or visit our website-https://www.outlooksupporto.com/embed-youtube-video-in-outlook-email/

Hanna Kuznietsova commented to Adams Smith 3 years ago

Adams, Thank you for your supportive feedback. We're glad you like our blog post.

You might be interested in

previous next
banner9
06 June · 15 min read
10 Best Email Template Builders for 2022

Do all email template builders seem alike? You are now confused about which one to choose for your email campaigns, aren’t you? No wonder, as there are so many of them.  We will survey the most popular builders to find their distinguishing features to help you find the best HTML email builder for your current needs. I will try to create one template in all these editors with the same media files to see if the builders differ. The best...

Design Marketing Templates
best-fonts-for-email-cover-image-stripo
24 May · 18 min read
Best Fonts for Email: Usage Tips and Tricks

One of the most striking concerns in the email production process is choosing the right font. Weight, height, width, color, shape, spacing… Does everything matter? Yes, it does, but also one of the most crucial things is to choose legible typography. In this post, we're going to show you how to choose the best professional font for email. Design beautiful emails with Stripo by using prebuilt templates Browse   HTML email fonts: General rules to follow There are three ground...

Design Marketing
Greatest Examples of GIF animations in Emails_Cover Image
27 October 2021 · 10 min read
16 Great Examples of Animated GIFs in Emails

GIFs in emails will be of great use if you want to showcase your product, draw users’ attention to certain elements, or just slightly decorate your text. In this article, we have provided some of the best email gif animation examples. Examples of animated GIFs in emails Here’s a compilation of the best examples with GIFs in emails. Each GIF fulfills its mission. 1. Adidas (Source: Email from Adidas) Adidas used email animations to show what color options they had....

Design Marketing
08 April 2021 · 17 min read
14 Best Email Signature Design Examples

Good email signatures help us build our business and make a lasting impression on potential clients. Since email signature is the last thing people see in emails, we should make them creative and memorable. Let's examine useful tips and real-life examples of email signatures from famous companies and their appropriate use in personal emails and newsletters. Please be advised that all types of businesses require different professional email signatures with detailed contact information, job title, and much more. Use this...

Design Marketing Templates
Be always wide awake in recent email marketing news, guides, articles and how-to’s