With Stripo permitting pushing emails to the Outlook app (each on macOS, and Home windows) and to Outlook internet, sending elegant HTML emails by means of your favourite e-mail consumer is now straightforward! No add-ons required.
On this submit, we’ll present find out how to export HTML e-mail templates to Outlook with simply two clicks. So, maintain studying.
For a quick tutorial, please watch a brief how-to video.
Construct stunning absolutely responsive e-mail templates for Outlook
Intro
Till not too long ago, it was troublesome, virtually inconceivable to ship HTML e-mail newsletters by means of Outlook that might show appropriately. And Stripo discovered a manner out. Any longer you possibly can create an e-mail template for Outlook and seamlessly export it to the featured e-mail consumer.
Why we determined so as to add direct export to Outlook
Why would you want to use Outlook when you possibly can ship emails with Mailchimp, eSputnik, or some other ESP?
In accordance with Litmus, 6.5% of individuals at the moment use Outlook. Largely, they’re company purchasers who have to ship out inner newsletters, be it an annual report or firm’s information and updates. Positively, this requires an HTML e-mail template to make e-mail/report orderly-structured, responsive, and possibly even interactive with tables, video directions, or video greetings embedded.
All emails of this sort, particularly annual reviews, must be saved confidential. Thus, you might be unlikely to ship them through a third-party service. Regardless that all ESPs assure the protection of knowledge.
That is why lots of our customers reached out to us to ask about the best way they will export templates to this e-mail consumer.
So, our builders began engaged on this mission. And we’ve got launched this selection.
Construct refined emails and ship them by means of Outlook
The way in which direct export to Outlook works
We’re proud to announce that Stripo is among the few e-mail editors that permit you to create e-mail templates for Outlook and seamlessly push them to this e-mail consumer.
Step 1. Constructing e-mail templates for Outlook
In our weblog submit “Handbook A to Z“, we intimately present find out how to construct e-newsletter templates.
You design an e-mail template for Outlook simply the identical manner.
However there are some issues we would love to spotlight right here as a consequence of Outlook’s particular rendering guidelines:
It’s a well-known undeniable fact that buttons within the featured e-mail consumer might look considerably completely different from the best way they appear in different e-mail purchasers. For example, rounded buttons in Outlook get “sq. angles”. Therefore, your e-mail might lose its magnificence and consistency. No worries — Stripo’s on it.
That can assist you save buttons’ design throughout all Outlook variations, you want to activate the “Help of Outlook” choice.
- go to the “Look” tab within the settings panel;
- head to the “Button” tab;
- allow the “Help of Outlook” choice.
Design Outlook appropriate CTA buttons straightforward
Backgrounds render in Outlook provided that they’ve been set for total emails. Should you set a background for a row/stripe, or some other e-mail factor, it is not going to be displayed.
We discovered a manner out.
Here is what you are able to do to set backgrounds for e-mail components/rows/stripes:
- activate the settings of a sure e-mail factor you need 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" fashion="width:327px;top:100%;">
<v:fill kind="body" src="https://iiqf.stripocdn.e-mail/content material/guids/CABINET_b696bac619e2a6fd60a2c756b8b7c9c5/photographs/26661559905688877.png" coloration="#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 possibly can see it within the high line after the “width” tag. In our case, it’s 600 px.
Please be suggested that you just can’t each use this code for backgrounds and activate the “Help of Outlook” choice (for buttons) simultanuously as Outlook renders just one factor written in VML, at a time.
In our “Frequent rendering points in Outlook” weblog submit, we present alternate options to background photographs in emails:
-
GIFs in Outlook e-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 internet model each cell and desktop gadgets.
How do you add GIFs in emails with Stripo
Simply the best way you do with common photographs:
-
drag the “Picture block into your Outlook e-newsletter template;
-
add a essential GIF file by importing your picture or inserting a hyperlink to exterior file storage;
-
your e-mail is able to go.
Keep in mind so as to add a hyperlink to the net model of your e-mail for these recipients who use Outlook variations as follows: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016 and even Outlook 2019.
The right way 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 e-mail template for Outlook.
Add GIF animations to emails
Step 2. Previewing
Once you create an HTML e-mail template for Outlook or some other e-mail consumer, you want to preview it previous to sending it out to valued recipients to verify your emails look simply as you needed it to.
There are 3 ways to examine 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 e-mail.
-
Method 2. Testing e-mail templates for Outlook with our built-in e-mail testing instrument
Stripo is built-in with Electronic mail on Acid, among the best e-mail testing instruments. This integration permits you to see your emails throughout all variations of Outlook and different e-mail purchasers.
-
Method 3. Sending check emails
You may need to ship check emails to a number of accounts in Outlook that belong to your pals and colleagues to see “stay” checks.
To take action, simply click on the “Take a look at” icon, above the template, enter quite a few e-mail addresses — separate them with commas if there is a bunch of them, click on “Ship”.
Take a look at your emails for Outlook previous to sending them out
Step 3. Pushing e-mail templates to Outlook
We need to emphasize that you just can export emails from Stripo to Outlook Apps and Outlook Net.
Exporting emails to Outlook Apps
This feature works on each Home windows and macOS (Microsoft Workplace 365 and Outlook 2019).
When your e-newsletter template for Outlook is prepared, you want to:
- click on the “Export” button;
- choose Outlook from quite a few 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 pc as a file. By clicking this file, you get an Outlook window along with your ready-to-send e-mail template opened;
- edit your e-mail if essential;
- now enter your recipients’ e-mail addresses and a topic line. Finished!
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;
Essential:
You solely permit 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 e-mail if essential;
- enter topic line (by default it inherits the Title of your template);
- your e-mail is able to go!
Essential to notice:
Outlook doesn’t permit utilizing a number of accounts in a single browser. So, in an effort to join a brand new account, you want to disconnect the earlier one. Then chances are you’ll need to be sure to are absolutely logged out of your Outlook account. And solely then you can begin connecting a brand new Outlook account to Stripo.
Export my e-mail templates to Outlook
Within the drafts folder, you will note the e-mail precisely the best way your readers will. On this window, you possibly can edit the template if wanted.
Essential:
Outlook removes the types that make e-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.
(e-mail despatched through ESP)
(e-mail despatched through Outlook)
We need to emphasize as soon as once more that there will not be any horizontal scroll.
Closing ideas
As you possibly can see, constructing and sending emails by means of Outlook is now a stroll within the park.
If in case you have any questions, please go away a remark beneath — we can be pleased to help.
Create e-mail e-newsletter templates for Outlook and push them to this e-mail consumer effortlessly
