With Stripo permitting pushing emails to the Outlook app (each on macOS, and Home windows) and to Outlook internet, sending elegant HTML emails by your favourite electronic mail consumer is now simple! No add-ons required.
On this submit, we’ll present learn how to export HTML electronic mail templates to Outlook with simply two clicks. So, hold studying.
For a quick tutorial, please watch a brief how-to video.
Construct stunning absolutely responsive electronic mail templates for Outlook
Till lately, it was troublesome, nearly inconceivable to ship HTML electronic mail newsletters by Outlook that might show accurately. And Stripo discovered a manner out. To any extent further you possibly can 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 you might want to use Outlook when you possibly can ship emails with Mailchimp, eSputnik, or every other ESP?
In response to Litmus, 6.5% of individuals presently 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 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 studies, must be saved confidential. Thus, you’re unlikely to ship them by way of a third-party service. Regardless that all ESPs assure the security of data.
For this reason a lot of our customers reached out to us to ask about the way in which they’ll export templates to this electronic mail consumer.
So, our builders began engaged on this undertaking. And we have now launched this selection.
Construct refined emails and ship them by Outlook
The best way direct export to Outlook works
We’re proud to announce that Stripo is likely one of the few electronic mail editors that permit 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 submit “Handbook A to Z“, we intimately present learn how to construct e-newsletter templates.
You design an electronic mail template for Outlook simply the identical manner.
However there are some issues we would love to spotlight right here as a result of Outlook’s particular rendering guidelines:
It’s a well-known indisputable fact that buttons within the featured electronic mail consumer could look considerably totally different from the way in which they appear in different electronic mail purchasers. As an illustration, rounded buttons in Outlook get “sq. angles”. Therefore, your electronic mail could lose its magnificence and consistency. No worries — Stripo’s on it.
That can assist you save buttons’ design throughout all Outlook variations, you might want to activate the “Help of Outlook” possibility.
- go to the “Look” tab within the settings panel;
- head to the “Button” tab;
- allow the “Help of Outlook” possibility.
Design Outlook suitable CTA buttons simple
Backgrounds render in Outlook provided that they’ve been set for total emails. For those who set a background for a row/stripe, or every other electronic mail aspect, it is not going to be displayed.
We discovered a manner out.
Here is what you are able to do to set backgrounds for electronic mail components/rows/stripes:
- activate the settings of a sure electronic mail aspect you need to add a background to by clicking the label of this content material aspect. 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;peak:100%;"> <v:fill kind="body" src="https://iiqf.stripocdn.electronic mail/content material/guids/CABINET_b696bac619e2a6fd60a2c756b8b7c9c5/photos/26661559905688877.png" shade="#7bceeb" ></v:fill> <v:textbox inset="0,0,0,0"> <![endif]-->
<!--[if gte mso 9]> </v:textbox> </v:rect> <![endif]-->
- you should definitely edit the picture width earlier than importing it in order that it matches the container’s — you possibly can see it within the prime 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” possibility (for buttons) simultanuously as Outlook renders just one aspect written in VML, at a time.
In our “Widespread rendering points in Outlook” weblog submit, 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 internet model each cell and desktop units.
How do you add GIFs in emails with Stripo
Simply the way in which you do with common photos:
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 electronic mail is able to go.
Bear 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.
The right way to get the Internet 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 prime of your electronic mail template for Outlook.
Add GIF animations to emails
Step 2. Previewing
If you create an HTML electronic mail template for Outlook or every other electronic mail consumer, you might want to 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 examine your emails with Stripo:
Approach 1. By getting into the Preview Mode
When you enter this mode, you will notice the desktop and cell variations of your electronic mail.
Approach 2. Testing electronic mail templates for Outlook with our built-in electronic mail testing instrument
Stripo is built-in with E-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 purchasers.
Approach 3. Sending take a look at emails
You may need to ship take a look at emails to a number of accounts in Outlook that belong to your folks and colleagues to see “stay” checks.
To take action, simply click on the “Take a look at” icon, above the template, enter a variety of electronic 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 electronic mail templates to Outlook
We need to emphasize that you just can export emails from Stripo to Outlook Apps and Outlook Internet.
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 might want to:
- click on the “Export” button;
- choose Outlook from a variety of ESPs instructed;
- 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 together with your ready-to-send electronic mail template opened;
- edit your electronic mail if essential;
- now enter your recipients’ electronic mail addresses and a topic line. Performed!
Exporting emails to Outlook.com (Outlook on the Internet)
When your template is prepared:
- click on the “Export” button;
- choose Outlook Internet as your vacation spot;
- in a pop-up window, click on the “Export” button. The “Make it public” possibility is already activated;
- enter your credentials for Outlook;
- give Stripo entry to your Outlook account;
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 electronic mail if essential;
- enter topic line (by default it inherits the Title of your template);
- your electronic mail is able to go!
Vital to notice:
Outlook doesn’t permit utilizing a number of accounts in a single browser. So, with the intention to join a brand new account, you might want to disconnect the earlier one. Then chances are you’ll need to ensure you are absolutely logged out of your Outlook account. And solely then you can begin connecting a brand new Outlook account to Stripo.
Export my electronic mail templates to Outlook
Within the drafts folder, you will notice the e-mail precisely the way in which your readers will. On this window, you possibly can edit the template if wanted.
Outlook removes the types that make electronic mail design responsive. Thus, these customers who see your emails on cell units will see the desktop model of it. No, there’ll no be a horizontal scroll. However all of the containers from one row which are usually moved to the second row on mobiles, will all stay in a single row.
(electronic mail despatched by way of ESP)
(electronic mail despatched by way of Outlook)
We need to emphasize as soon as once more that there will not be any horizontal scroll.
As you possibly can see, constructing and sending emails by Outlook is now a stroll within the park.
If in case you have any questions, please depart a remark under — we can be pleased to help.