Learn how to Create an Outlook Electronic mail E-newsletter Template with Stripo — Stripo.electronic mail

With Stripo permitting pushing emails to the Outlook app (each on macOS, and Home windows) and to Outlook net, sending elegant HTML emails by your favourite electronic mail consumer is now straightforward! No add-ons required.

On this publish, we’ll present tips on how to export HTML electronic mail templates to Outlook with simply two clicks. So, hold studying.

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

Intro

Till lately, it was troublesome, virtually not possible to ship HTML electronic mail newsletters by Outlook that might show accurately. And Stripo discovered a means out. Any more you’ll be able to create an electronic mail template for Outlook and seamlessly export it to the featured electronic mail consumer.

Why we determined so as to add direct export to Outlook

Why would it is advisable use Outlook when you’ll be able to ship emails with Mailchimp, eSputnik, or every other ESP?

Based on Litmus, 6.5% of individuals at present use Outlook. Largely, they’re company shoppers who have to ship out inner newsletters, be it an annual report or firm’s information and updates. Undoubtedly, this requires an HTML electronic mail template to make electronic mail/report orderly-structured, responsive, and perhaps even interactive with tables, video directions, or video greetings embedded.

All emails of this type, particularly annual stories, needs to be saved confidential. Thus, you’re unlikely to ship them through a third-party service. Though all ESPs assure the security of data.

Because of this a lot of our customers reached out to us to ask about the best way they’ll export templates to this electronic mail consumer.

So, our builders began engaged on this challenge. And we’ve launched this selection.

The way in which direct export to Outlook works

We’re proud to announce that Stripo is among the few electronic mail editors that enable you to create electronic mail templates for Outlook and seamlessly push them to this electronic mail consumer.

Step 1. Constructing electronic mail templates for Outlook

In our weblog publish “Guide A to Z“, we intimately present tips on how to construct e-newsletter templates.

You design an electronic mail template for Outlook simply the identical means.

However there are some issues we might love to focus on right here as a result of Outlook’s particular rendering guidelines:

It’s a well-known incontrovertible fact that buttons within the featured electronic mail consumer might look considerably completely different from the best way they give the impression of being in different electronic mail shoppers. As an illustration, rounded buttons in Outlook get “sq. angles”. Therefore, your electronic mail might lose its magnificence and consistency. No worries — Stripo’s on it.

That can assist you save buttons’ design throughout all Outlook variations, it is advisable activate the “Assist of Outlook” choice.

• go to the “Look” tab within the settings panel;
• head to the “Button” tab;
• allow the “Assist of Outlook” choice.

Backgrounds render in Outlook provided that they’ve been set for total emails. Should you set a background for a row/stripe, or every other electronic mail factor, it is not going to be displayed.

We discovered a means out.

Here is what you are able to do to set backgrounds for electronic mail parts/rows/stripes:

• activate the settings of a sure electronic mail factor you wish to add a background to by clicking the label of this content material factor. It may be “Container”, “Stripe”, “Row”, and “Construction”;
• then open the HTML code editor;

• paste this code pattern above the road within the code that begins with “Desk width”;

<!--[if gte mso 9]>

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

   <v:fill kind="body" src="https://iiqf.stripocdn.electronic mail/content material/guids/CABINET_b696bac619e2a6fd60a2c756b8b7c9c5/photos/26661559905688877.png" colour="#7bceeb" ></v:fill>

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

 <![endif]-->

<!--[if gte mso 9]>

   </v:textbox>

 </v:rect>

 <![endif]-->

• be sure you edit the picture width earlier than importing it in order that it matches the container’s — you’ll be able to see it within the high line after the “width” tag. In our case, it’s 600 px.

Please be suggested that you just can not each use this code for backgrounds and activate the “Assist of Outlook” choice (for buttons) simultanuously as Outlook renders just one factor written in VML, at a time.

In our “Widespread rendering points in Outlook” weblog publish, we present options to background photos in emails:

• 
  

  GIFs in Outlook electronic mail templates

Everyone knows that as of February 2019, Outlook helps GIFs. 

Which variations of Outlook deal with GIFs:

• Outlook for Workplace 365, desktop app;
• Outlook for Workplace 365, cell app;
• Outlook 2003, desktop app;
• Outlook for Mac, app;
• Outlook net model each cell and desktop gadgets.

How do you add GIFs in emails with Stripo

Simply the best way you do with common photos:

• drag the “Picture block into your Outlook e-newsletter template;

• add a obligatory GIF file by importing your picture or inserting a hyperlink to exterior file storage;

• your electronic mail is able to go.

Keep in mind so as to add a hyperlink to the net model of your electronic mail for these recipients who use Outlook variations as follows: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016 and even Outlook 2019. In order that they’ll additionally see your GIFs.

Learn how to get the Net Model hyperlink with Stripo

• enter the preview mode;
• above your template, please click on the “Copy” button or click on the “Open in a brand new tab” button;

• insert this hyperlink on the high of your electronic mail template for Outlook.

Step 2. Previewing

Once you create an HTML electronic mail template for Outlook or every other electronic mail consumer, it is advisable preview it previous to sending it out to valued recipients to verify your emails look simply as you wished it to.

There are 3 ways to verify your emails with Stripo:

• 
  

  Method 1. By getting into the Preview Mode

When you enter this mode, you will note the desktop and cell variations of your electronic mail. 

• 
  

  Method 2. Testing electronic mail templates for Outlook with our built-in electronic mail testing software

Stripo is built-in with Electronic mail on Acid, probably the greatest electronic mail testing instruments. This integration permits you to see your emails throughout all variations of Outlook and different electronic mail shoppers. 

• 
  

  Method 3. Sending take a look at emails

You may wish to ship take a look at emails to a number of accounts in Outlook that belong to your pals and colleagues to see “reside” exams.

To take action, simply click on the “Take a look at” icon, above the template, enter plenty of electronic mail addresses — separate them with commas if there is a bunch of them, click on “Ship”.

Step 3. Pushing electronic mail templates to Outlook

We wish to emphasize that you just can export emails from Stripo to Outlook Apps and Outlook Net.

Exporting emails to Outlook Apps

This selection works on each Home windows and macOS (Microsoft Workplace 365 and Outlook 2019).

When your e-newsletter template for Outlook is prepared, it is advisable:

• click on the “Export” button;

• choose Outlook from plenty of ESPs advised;

• now please select the kind of file that you just want — OFT for Home windows or EMLTPL macOS;

your template can be downloaded to your laptop as a file. By clicking this file, you get an Outlook window along with your ready-to-send electronic mail template opened;

• edit your electronic mail if obligatory;
• now enter your recipients’ electronic mail addresses and a topic line. Carried out!

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

When your template is prepared:

• click on the “Export” button;
• choose Outlook Net as your vacation spot;

• in a pop-up window, click on the “Export” button. The “Make it public” choice is already activated;

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

Necessary: 

You solely enable us to entry your drafts folder (for supply functions). We is not going to have entry to your contacts, despatched and incoming messages.

• head to the “Drafts” folder in Outlook;
• edit electronic mail if obligatory;
• enter topic line (by default it inherits the Title of your template);
• your electronic mail is able to go!

Necessary to notice:

Outlook doesn’t enable utilizing a number of accounts in a single browser. So, with a purpose to join a brand new account, it is advisable disconnect the earlier one. Then chances are you’ll wish to be sure you are totally logged out of your Outlook account. And solely then you can begin connecting a brand new Outlook account to Stripo.

Within the drafts folder, you will note the e-mail precisely the best way your readers will. On this window, you’ll be able to edit the template if wanted.   

Necessary:

Outlook removes the kinds that make electronic mail design responsive. Thus, these customers who see your emails on cell gadgets will see the desktop model of it. No, there’ll no be a horizontal scroll. However all of the containers from one row which might be usually moved to the second row on mobiles, will all stay in a single row.

(electronic mail despatched through ESP)

(electronic mail despatched through Outlook)

We wish to emphasize as soon as once more that there will not be any horizontal scroll.

Ultimate ideas

As you’ll be able to see, constructing and sending emails by Outlook is now a stroll within the park.

In case you have any questions, please go away a remark beneath — we can be comfortable to help.