Overview:

  1. Email design tips

  2. Upload a HTML file into MailChimp

  3. Upload a HTML file into Outlook


1. Email design tips

Check compatibility: You can create custom email templates in Outlook for Wndows, but Outlook for Mac does not support custom templates; additionally, custom HTML may not display correctly in Outlook's interface. For this reason we strongly recommend using MailChimp for your custom-designed email campaigns.

Page Size: in order to export a design to HTML designs, it must be a single page. The page should be up to 816 x 3000 px. Smaller designs optimize email load time.

Merge Tags: when you export your design to HTML from the Venngage editor, merge tags will not transfer. Ensure you save add any custom merge tags in MailChimp.

Text size: ensure legible text by using a text size of at least 16pt.

Interactive elements: interactive elements like forms and polls are displayed but not interactive in an HTML export. Embedded hyperlinks are functional in an HTML export.


2. Upload a HTML file into MailChimp

From your MailChimp dashboard, click "Campaigns".

[Image Description: Screengrab of MailChimp dashboard with the "Campaigns" tool (a megaphone with the title "Campaigns") highlighted. End.]

Open the menu and select "Email templates":

[Image Description: Screengrab of MailChimp dashboard with the "Campaigns" menu open (black text on a yellow column). The "Email templates" tool is highlighted, and a black label tag beside it reads "View your saved templates or design a new one to fit your brand." End.]

Click the Create Template button.

[Image Description: Screengrab of MailChimp Templates page with the grey button titled "Create Template" in the top right corner of the page highlighted by a red box. End.]

From the Create a template page (pictured below) under "Select a starting point for your template", click the "Code your own" tab.

[Image Description: Screengrab of MailChimp "Create a template" page with the "Code your own" tab highlighted by a red box. End.]

Select "Import HTML".

[Image Description: Screengrab of MailChimp "Code your own" page with the "Import HTML" option in the center highlighted by a red box. End.]

Click the Add Files button. Select the HTML file you downloaded from Venngage and click the Upload button.

[Image Description: Close-up of the "Import HMTL" pop-up box with the Add Files button visible in the center and the "Upload" button at the bottom. Both are highlighted with a red box. End.]

Your HTML template is now ready to preview and test in MailChimp.

Click Save and Exit to use the design in a campaign.


3. Upload an HTML file into Outlook 365

NOTE: Outlook for Mac does not support custom 
templates. We recommend sending from MailChimp
because when sending from Outlook, the design
may not display as it did in the editor.

Create a new email.

[Image Description: The top menu of Outlook for Windows, with the "New Email" icon highlighted by a red box. End.]

Right-click in the toolbar area and select "Customize the Ribbon".

[Image Description: Right-click menu open on the top toolbar of Outlook, with the first option, "Customize the Ribbon..." highlighted by a red box. End.]

Select "Attach File" and then click Add button so that it can be added to your toolbar. Press the OK button to confirm.

[Image Description: In the "Outlook Options" pop-up dialog, the "Customize Ribbon" tab is highlighted in the left pane. In the right pane, the option "Attach file" is highlighted in blue and framed by a red box in the list of Popular Commands. The "Add" button in the center is framed by a red box. The "Ok" button at the botton of the dialog box is highlighted with a red box. End.]

Click "Attach File".

[Image Description: In the main window of Outlook, under the "Message" tab, the "Attach File" tool (represented by a paperclip icon) is highlighted and framed by a red box. The mouse hovering over the icon has brought up an ALT text box that reads "Attach File: Attach a file to this item". End.]

Select the HTML file you want to insert, but do not insert it yet. Using the drop-down next to Insert, select "Insert as text", then click Insert.

[Image Description: Close-up of file selector where the "Insert" button is highlighted by a red box around it. The down arrow next to the button is clicked, and the mouse is hovering over the second option in the menu which reads "Insert as Text". End.]


Related Articles:

Curious about upgrading? Compare our plan features side by side.

Did this answer your question?