Marketing Templates How-to
~ 8 min read
4 comments
76723 views
rate it
11 days ago

How to Create Email Newsletter Template for Outlook with Stripo

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

On May 21, 2018, we released a brand new option: exporting email templates to Outlook on Windows. On June 18, 2020, we expanded this feature with the ability to export emails to Outlook on macOS.

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

Join Stripo

Intro

Until recently, it was difficult, almost impossible to send HTML email newsletters through Outlook that would be displayed correctly. And Stripo found the way out. From now on you can create an email template for Outlook and seamlessly export it to the featured email client.

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, 8% of people currently use Outlook. Mostly, they are corporate clients who need to send out internal newsletters, be it an annual report or company’s news and updates. Definitely, this requires an HTML email template to make 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 us out 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

The way it works

We are proud to announce that Stripo is the first email editor that allows you to create email templates for Outlook and seamlessly push them to this email client.

Step 1. Building email templates for Outlook

In our blog post "Manual A to Z", we in detail show how to create 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 what they do 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 on the side panel;
  • open the "Button" tab;
  • enable the "Support of Outlook" option.

Support-for-Outlook Button

Try Stripo out

  • Backgrounds in Outlook

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

We found a way out:

  • 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 "label", "stripe", etc.;
  • then open HTML code editor;
  • insert 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 insert this code sample below the line in the code that start 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;

Outlook_Rendring-Issues_Inserting-Code-Samples-for-Backgrounds

  • be sure to edit image width so that it corresponds the container's width — 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 as Outlook renders only one element written in VML at a time.

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

Try Stripo out

  • GIFs in Outlook email templates

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

What versions of Outlook handle GIFs:
  • Outlook for Office 365, desktop app;
  • Outlook for Office 365, mobile app;
  • Outlook 2003, desktop app;
  • Outlook for Mac, app;
  • Outlook web version both mobile and desktop devices.
How do you upload GIFs in emails with Stripo

Just as a regular imager:

  • drag the image block into your Outlook newsletter template;

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

  • your email is ready to go.

Stripo-GIFs-in-Outlook-Adding-Link

Remember to add a link to the web version of your email for those recipients who use the following versions of this email client: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016 and even Outlook 2019.

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

Stripo-Send-Test-Email-Get-the-Shareable-Links

  • insert this link at the top of your email template for Outlook.

Try Stripo out

Step 2. Previewing

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

There are three ways to check your emails with Stripo:

  • Way 1. Preview mode

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

Entering Preview Mode

  • Way 2. Testing email templates for Outlook with our 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. 

Test-an-Email-Template_Previwing-Your-Email

  • Way 3. Sending test emails

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

To do so, just click the "Test" icon, enter a number of email addresses — separate them with commas if there's a bunch of them, click "Send".

Sendng-Test-Emails_Stripo

Try Stripo out

Step 3. Pushing email templates to Outlook

We want to emphasize once again that this option works on both Windows and macOS.

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

  • click the “Export” button;

Stripo-Outlook-Export-Button

  • select Outlook from a number of ESPs suggested;

Exporting Emails to Outlook

  • now please choose the type of file you need — OFT for Windows or EMLTPL macOS;

Choosing Your Operating System

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;

Exporting Templates to Outlool

  • enter your email if necessary;
  • now enter your recipients' email addresses. Done!

Entering Recipients' Email Addresses

You will need to download an Outlook app to your computer instead of using a web version. 

Here, you will see it exactly the way 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 no be a 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.

Containers Get Moved to Next Rows

(email sent via ESP or most email clients)

Email Sent Through Outlook

(email sent via Outlook)

Save all Outlook email newsletter templates to your personal content library with Stripo. Export them to Outlook with just 2 clicks at any time you need.

We've prepared over 300 HTML email templates that you can customize and send through Outlook
Templates

Final thoughts

Dear Outlook users!

If you have any questions or concerns, please leave a comment below or email us at contact@stripo.email.

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

Owolabi Olanrewaju 2 weeks ago

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

Hanna Kuznietsova commented to Owolabi Olanrewaju 2 weeks 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 11 months 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 11 months ago

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

You might be interested in

← previous next →
2 days ago · 10 min read
How To Create an Internal Company Newsletter for Employees

Personal meetings or internal emails — which communication tool to choose? According to the BBC’s recent research, 67% of office employees prefer emails to personal conversations. This proves that internal company newsletters are vital for your business growth. Use this template for informing your teammates about new hires in your company Use it There are many reasons why you should prefer emails over online chats/messengers. Among them are the following ones: there is a descriptive subject line which shows the importance of...

Design Marketing Structure
9 days ago · 11 min read
How to Add Social Media Icons to Your Email Signature and Email Footer

Now when more than 2.6 billion people use Facebook, and 1 bln people actively use Instagram, adding social media links to email signatures and to all email marketing newsletters is a must for your business growth. No matter what business you run. In one of the previous posts, we showed how to create a professional signature for email clients. This signature may be used as an email template footer. Today, we are gonna show you how to add social media icons to email footers, email signatures, and how...

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