Can I Upload Template From Illustrater Into Mailchimp?

Import a Custom HTML Template

This page is now available in other languages.

If you lot desire more than control over your e-mail design than our templates offer, yous can code your own HTML template and import it to your Mailchimp account. Later y'all import your custom template, you can use it for time to come campaigns.

In this article, you'll acquire a few ways to import and edit your custom HTML template.

Before you lot kickoff

Here are some things to know before yous begin this process.

This is an avant-garde characteristic and is recommended for users familiar with custom coding. Contact your developer or hire a Mailchimp Skillful if you lot need assistance.
Accounts on a Mailchimp Standard plan or higher can use custom HTML templates. To notice out what features are included in each plan, check out our pricing page.
Before you create your own HTML template or hire a developer, consider other types of templates that don't require whatever HTML noesis.
For code tips and all-time practices, learn virtually limitations of HTML in electronic mail design, and browse Mailchimp's Email Pattern Guide.
When y'all edit a lawmaking-your-own template in the Template Builder, your changes may affect existing draft campaigns that employ the template.
We'll run your HTML through a validator service to make sure the syntax is right.
Include the *|UNSUB|* tag in your custom template, which is required in all campaigns.
Brand sure your HTML file'due south graphic symbol encoding is UTF-eight.
Format all images as JPG, JPEG, PNG, or GIF. Include whatever PDFs or other documents to host with Mailchimp that are linked in your template code.

Import options

After y'all or your developer code your template's HTML, yous can import the template with one of these methods.

Paste in code
Import HTML
Import Zippo

Paste in code

To create a custom template by pasting in your own HTML, follow these steps.

Click Campaigns.
Click Email templates.
Click Create Template.
Navigate to the Code your ain options and choose Paste in code.
On the Edit Lawmaking tab, supervene upon or edit the example code, and click Save in the editing pane.
When y'all've finished editing your template, click Save and Exit.
In the Salve Template pop-up modal, enter the proper name of your template and click Save.

Nice job. Y'all can find your new custom-coded template on the Templates page of your account.

Import HTML

To create a custom template by importing an HTML file from your computer, follow these steps.

Click Campaigns.
Click E-mail templates.
Click Create Template.
Navigate to the Code your own options and choose Import HTML.
Click Browse and choose your HTML file.
Name your template, and click Upload.
Review your template and click Edit Code or Edit Blueprint to make changes every bit needed.
When you lot've finished editing your template, click Salvage and Exit.

Nice job. You can find your new custom-coded template on the Templates page of your business relationship.

Import ZIP

There are a few requirements to review before you import your Zippo file.

Your Nil file must be less than 1MB and contain only 1 HTML file. If you have more than one HTML file, we'll use the first i nosotros find.
Place all images and files in the root directory of the ZIP file and not in subfolders. We'll upload all your images and files to the content studio and create absolute paths for you when we catechumen your Zero.
Utilize but messages, numbers, and hyphens in the file proper noun. Spaces or unusual characters tin cause bug when you import.
The upload is instance sensitive, and so your code must friction match your file names exactly.

After your file is properly saved and formatted, you're ready to create your template. To create a template by importing a Zip file from your figurer, follow these steps.

Click Campaigns.
Click Email templates.
Click Create Template.
Navigate to the Code your own options and choose Import zip.
Click Browse and choose your ZIP file.
Name your template, and click Upload.
Review your template and click Edit Lawmaking or Edit Design to make changes equally needed.
When y'all've finished editing your template, click Save and Exit.

Nice job. You can detect your new custom-coded template on the Templates page of your business relationship.

Edit your custom template

After you import your custom template, you can modify it on the Edit Code pane of the template builder. If y'all used Mailchimp's Template Linguistic communication, you lot can also apply styles on the Edit Design tab.

When you're ready to use your custom template in a campaign, y'all can add content and refine your design in the email builder. Any further changes made in the template builder may affect draft and ongoing campaigns that use the template.

More editing resources

Hither are some more than resources to assist you edit your custom-coded template.

Getting Started With Mailchimp'south Template Language
Where to Edit Template Code
Add together a Background Image to a Custom HTML Template
Utilize Repeatable or Variable Content Blocks

Utilise your template in an email

To use a saved custom-coded template for your email entrada, follow these steps.

Click Campaigns.
Click E-mail templates.
Click the drib-down side by side to the template you want to piece of work with, and choose Create campaign.

Y'all tin also find them under Saved Templates in the archetype email builder.