Exporting a Design to Mailchimp

May 23 2017

By Exporting a Design to Mailchimp

If you’ve created a newsletter design that you want to email to large number of users, you might want to send it out with Mailchimp – a professional email marketing service.

While you can send your newsletter directly to your readers via your own email address, most email providers won’t allow you to send emails to hundreds or thousands of readers at a time. That’s where Mailchimp comes in. This service can send emails to large numbers of newsletter subscribers at a time.

Mailchimp Logo

Mailchimp offers free accounts to get you started, with paid accounts available for users with larger numbers of subscribers.

To start using Mailchimp

First you’ll need a free Mailchimp account, so head over to their website to sign up:

→ https://www.maildesigner365.com/goto/maildesigner-mailchimp-signup

Once you have a Mailchimp account, open one of your templates in Mail Designer 365 and choose “Mailchimp” from the send menu:

Exporting a design to Mailchimp

You’ll be asked to enter your Mailchimp API key:

To add your API key:

‣ Go to the Mailchimp website and sign in to your Mailchimp account

‣ Choose “Account" > "API keys & authorized apps” from the menu

‣ Copy your API key

‣ Paste it into Mail Designer 365

Mail Designer 365 can store your API key in your keychain, so you only need to set this up once.

Why an API Key?

In order to add new templates to your Mailchimp account, Mail Designer 365 needs your MailChimp account API key. The API key will allow Mail Designer 365 to upload templates on your behalf.

After this, you will be able to directly export emails to Mailchimp. Find out more in our integration guide.

Disclaimer: This article contains affiliate links.

How Can We Help?

A Quick Tour of Mail Designer 365

Changing the language settings of Mail Designer 365

Choose your design from Design Ideas

Creating a new design

Early access to Beta versions of Mail Designer 365

How to use the search and sort features in Mail Designer 365

Mail Designer 365 at a glance

Mail Designer 365 Best Practice Guide

Mail Designer 365 News section

Mail Designer 365 Tutorials section

The Contents section

The Style section

Advanced Design Techniques

3 Incredible Eye-Catchers to Use in Your Designs

3 Ways to Use Blend Modes

Aligning different objects

Combining design elements

Creating a Sketched Headline Effect

Creating Call to Action Buttons

Creating polygons and polygrams

Editing images using third party applications

Grouping design elements

Moving objects to the front or back

Using hex color values

Appendix: Compatibility

Appendix: Compatibility

Basic compatibility tips

Appendix: Keyboard Shortcuts

Appendix: Keyboard shortcuts

Keyboard shortcuts for alignment tools

Approval

Assigning Approval Plans

Inviting Team Members to Give Feedback on Designs

Upload a Design for Approval

Background

Adding Patterns and Textures

Applying a background to a text area

Choosing a background

Edit the inner background of your design

Blend Modes

3 Ways to Use Blend Modes

Using Blend Modes

Using Blend Modes on Text

Creative Tools

Adding borders to design elements

Creating a border for your design

Using Alignment & Distribution Tools

Using Mail Designer 365's image effects

Using the Pinning Tool

Using the Shadow Tool

Exporting a Design to Campaign Monitor

Campaign Monitor editing and compatibility

Exporting a design to Campaign Monitor

Uploading a design to Campaign Monitor

Using placeholders with Campaign Monitor

Exporting a Design to Mailchimp

Exporting a design to Mailchimp

Formatting when uploaded to Mailchimp

Uploading a design to Mailchimp

Using placeholders with Mailchimp

Graphics and Other Objects

Adding and duplicating graphics, shapes, And objects

Adding animated graphics

Adding video placeholders

Pixel precise element editing

Resizing objects

Rotating objects

Rounded corners

Using objects with text

HTML Export

Exporting to other email marketing tools

Exporting your design as a website

Hosting images for HTML email designs

Offering your email newsletter on the web

Image Areas

Editing image areas

Optimizing your image area

Using Alt Text

Working with image areas

Images

Adding image masks

Adding photos

Adding your own logos and signatures

Filling a mask with your image

How to crop images

Using Retina images for the desktop version

Using the image optimisation tool

Using Unsplash Image Integration

Layout Blocks

Adding and removing layout blocks

Adding space in between layout blocks

Adjusting the size of areas within a layout block

Deleting saved custom layout blocks

Duplicating layout blocks

Saving custom made layout blocks

Text and image areas

Using Ready-Made Layout Blocks

Working with layout blocks

Optimizing your Template for Mobile

Adding layout blocks for the mobile version

Creating "mobile only" text styles

Hiding layout blocks in the smartphone view

Modifying a layout block for the mobile version

Working with text and links

Plain Text

Creating a plain text version of your design

Preparing your Design for Sending

Checking your design for issues

Exporting as a .zip file

Saving your design

Using the spell check and grammar check

Adding attachments to your message

Preview your Design

Changing the size of the preview window

Checking your design on different email clients

Mobile and iPad preview

Open the preview window

Refreshing the preview window

Setting up a custom preview device

Using the Test Send Feature

Send via Mail Designer 365

Configuring your own email address for sending

Sharing your Designs

Converting email templates to JPG or PNG file

Export as Mail Designer 365 document

Print your document

Share via email

Tables

Accessing the tables feature

Adding borders to your table

Adding content to your tables

Building your table layout

Changing the color of your table

Teamwork

Creating targeted comments

Leave a todo

Lending your design

Set up a Team

Tag a team member in a comment

Using the Log feature

Text Styles

Adjust letter spacing for text styles

Apply Emphasis to a Text Section

Creating "mobile only" text styles

Paste text and keep style

Setting up a fallback font

Using Text Styles

The Inbox View

Using TextScout AI for Email Subject Lines

Using Retina Images with your Design

Deactivating Retina images for your template

Using Retina images with your design

Working with Links and Buttons

Adding buttons

Adding different buttons with different links

Adding multiple links with a single image background

Creating a text link

Creating an image link

Format link styles

Formatting styles for text links

Why is my link being applied to the entire image area instead of my button or shape?

Working with Text

Adding different types of text links

All Caps tool

Automatic hyphenation

Creating Nested Lists

Editing a text area

Editing text in an image area

Special characters

Using web fonts in Mail Designer 365

Working with font sets

Account

Articles coming soon

Formatting when uploaded to Mailchimp

Is your email design being displayed incorrectly?

How Can We Help?

Using placeholders with Mailchimp

With Mailchimp, you can use “placeholders” or “merge tags” in your email design

To use Mailchimp placeholders

For more information about Mail placeholders:

More on Mailchimp

How Can We Help?

Uploading a design to Mailchimp

To add a Mailchimp Unsubscribe Link

Upload your email design

How Can We Help?