Skip to main content

Constant Contact HTML Email Import Checklist

A Constant Contact HTML email should be tested before import. Build the design in Mail Designer 365, host the images, and review the message on desktop and mobile. See our image hosting guide and the Constant Contact platform for the next steps.

<p>A Constant Contact HTML email can use a custom layout created in Mail Designer 365 and imported into your campaign workflow.</p>&lt;p&gt;The Constant Contact import HTML email template workflow lets you create a custom design in Mail Designer 365 and upload it for use in your campaign.&lt;/p&gt;
&lt;h2 style="font-size: 55px !important; line-height: 65px !important; text-align: center;"&gt;Mail Designer 365 and ConstantContact&lt;/h2&gt;

&lt;p style="font-size: 35px !important; line-height: 45px !important; text-align: center;"&gt;Send custom made HTML email templates using the ConstantContact email marketing platform.&lt;/p&gt;

&lt;h2&gt;&lt;a href="https://www.constantcontact.com/de/home-page"&gt;&lt;img class="aligncenter size-medium wp-image-22129" src="https://data.equinux.com/com.equinux.wordpress/uploads/sites/4/2019/02/ctct_logo_horiz_color_300dpi-300x75.png" alt="Constant Contact HTML email platform" width="300" height="75" /&gt;&lt;/a&gt;&lt;/h2&gt;

&lt;a href="https://www.equinux.com/goto/MT6569"&gt;&lt;img class="aligncenter" style="max-height: 40px;" src="https://data.equinux.com/com.equinux.wordpress/uploads/sites/4/2019/02/CTA_get-started_en.png" /&gt;&lt;/a&gt;

&lt;h2 style="font-size: 40px !important; line-height: 50px !important; text-align: center;"&gt;How to export your HTML email to ConstantContact&lt;/h2&gt;

&lt;ol style="color: #000000;"&gt;
&lt;li style="text-align: left;"&gt;Build your HTML email design in Mail Designer 365 and select "Share” &amp;gt; “Website / HTML…&lt;/li&gt;
&lt;li style="text-align: left;"&gt;Enter the image URL prefix for the online server where you will be hosting your images. You will need this later on so that your images can be located and displayed accurately in your design. (Learn more about this step &lt;a href="https://www.maildesigner365.com/knowledge-base/hosting-images-for-html-email-designs/"&gt;here&lt;/a&gt;.)&lt;/li&gt;
&lt;li&gt;Make sure you select “Restricted Compatibility” before clicking “Export.” This is needed to make your design compatible in ConstantContact.&lt;/li&gt;
&lt;li style="text-align: left;"&gt;Following export, select the images in the folder and upload them to the server from the previous step.&lt;/li&gt;
&lt;li style="text-align: left;"&gt;Sign in to your ConstantContact account and go to “Create new email.”&lt;/li&gt;
&lt;li style="text-align: left;"&gt;Choose "Custom code" and give your campaign a name. In the next window, select HTML as the format of your email.&lt;/li&gt;
&lt;li&gt;Enter the subject line and recipients and then move on to the "Advanced editor." Then, delete the default code in the HTML editor.&lt;/li&gt;
&lt;li style="text-align: left;"&gt;Locate the content.html file in the HTML export folder. Right click the file, and open it with a text editor. Copy the entire code and paste it into the HTML Body area to upload your newsletter.&lt;/li&gt;
&lt;li style="text-align: left;"&gt;After you have copied the HTML code into your ConstantContact email template, you can select preview to check for any mistakes.&lt;/li&gt;
&lt;li style="text-align: left;"&gt;You can now use your Mail Designer 365 HTML design with the automation tools provided in the ConstantContact platform.&lt;/li&gt;
&lt;/ol&gt;

&lt;img class="wp-image-22130 size-full" src="https://data.equinux.com/com.equinux.wordpress/uploads/sites/4/2019/02/Bildschirmfoto-2018-06-22-um-09.57.50.png" alt="" width="1024" height="540" /&gt; Use your HTML email design with the ConstantContact platform.

&lt;h2 style="font-size: 40px !important; line-height: 50px !important; text-align: center;"&gt;Need support?&lt;/h2&gt;

Our team is always on hand ready to give you support. If you have specific questions regarding HTML export to ConstantContact, or just need some extra help getting set up,&lt;a href="http://equinux.com/goto/sendtomaildesigner/contact/en"&gt; get in touch&lt;/a&gt;!

&lt;h2 style="font-size: 40px !important; line-height: 50px !important; text-align: center;"&gt;That's not all!&lt;/h2&gt;

Mail Designer 365 works seamlessly with all leading email marketing services. You can check out our full range of integrations and compatible platforms on our &lt;a href="https://www.maildesigner365.com/export"&gt;integrations page&lt;/a&gt;.

&lt;h1 style="text-align: center;"&gt;&lt;strong&gt;&lt;span style="font-size: 35px !important; line-height: 50px !important; color: #ffffff;"&gt;Start using Mail Designer 365 with Constant Contact today&lt;/span&gt;&lt;/strong&gt;&lt;/h1&gt;

&lt;div style="text-align: center;"&gt;&lt;span style="font-size: 25px !important; line-height: 30px !important; color: #ffffff;"&gt;Start your 7 day free trial and use your Mac to create stylish emails to use with Constant Contact.&lt;/span&gt;&lt;/div&gt;

&lt;a href="https://www.maildesigner365.com/goto/MT6569"&gt;&lt;img class="aligncenter" style="max-height: 55px;" src="https://data.equinux.com/com.equinux.wordpress/uploads/sites/4/2020/01/Demo-weiss-en.png" /&gt;&lt;/a&gt;

&lt;div style="color: #ffffff; text-align: center; font-size: 20px;"&gt;&lt;strong&gt;No credit card required&lt;/strong&gt;&lt;/div&gt;

&lt;div style="clear: both; color: #ffffff; text-align: center;"&gt;OS X 10.11 - macOS Big Sur&lt;/div&gt;

Privacy Settings / Datenschutz-Einstellungen