How To Make Mailchimp Template Editable

Import a Custom HTML Template

This page is now available in other languages.

If you want more control over your email design than our templates offer, you can code your own HTML template and import it to your Mailchimp business relationship. After you import your custom template, you tin can employ information technology for futurity campaigns.

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

Before you lot starting time

Here are some things to know before you lot begin this process.

This is an avant-garde feature and is recommended for users familiar with custom coding. Contact your developer or hire a Mailchimp Expert if you lot need assistance.
Accounts on a Mailchimp Standard plan or higher can utilize custom HTML templates. To notice out what features are included in each programme, check out our pricing page.
Before you lot create your ain HTML template or hire a programmer, consider other types of templates that don't require any HTML knowledge.
For code tips and best practices, learn most limitations of HTML in email design, and browse Mailchimp's Email Design Guide.
When yous edit a code-your-own template in the Template Builder, your changes may affect existing draft campaigns that use the template.
We'll run your HTML through a validator service to make sure the syntax is correct.
Include the *|UNSUB|* tag in your custom template, which is required in all campaigns.
Make sure your HTML file's character 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

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

Paste in lawmaking
Import HTML
Import Naught

Paste in code

To create a custom template by pasting in your ain 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 Code tab, replace or edit the example code, and click Save in the editing pane.
When you've finished editing your template, click Salvage and Exit.
In the Save Template pop-up modal, enter the name of your template and click Salvage.

Nice chore. You lot 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 Email templates.
Click Create Template.
Navigate to the Code your own options and cull Import HTML.
Click Browse and choose your HTML file.
Name your template, and click Upload.
Review your template and click Edit Code or Edit Pattern to make changes as needed.
When you've finished editing your template, click Save and Get out.

Dainty job. You can find your new custom-coded template on the Templates page of your account.

Import Zilch

There are a few requirements to review earlier you lot import your ZIP file.

Your Zip file must be less than 1MB and incorporate only 1 HTML file. If you have more than one HTML file, we'll use the starting time i we detect.
Place all images and files in the root directory of the Naught file and non in subfolders. We'll upload all your images and files to the content studio and create absolute paths for you when we convert your Aught.
Apply merely letters, numbers, and hyphens in the file proper name. Spaces or unusual characters can crusade problems when y'all import.
The upload is example sensitive, and so your lawmaking must match your file names exactly.

After your file is properly saved and formatted, you're prepare to create your template. To create a template past importing a Nil file from your estimator, follow these steps.

Click Campaigns.
Click Electronic mail templates.
Click Create Template.
Navigate to the Code your ain options and choose Import zip.
Click Browse and choose your ZIP file.
Name your template, and click Upload.
Review your template and click Edit Code or Edit Design to make changes as needed.
When you lot've finished editing your template, click Save and Exit.

Nice task. Yous can notice your new custom-coded template on the Templates page of your business relationship.

Edit your custom template

After yous import your custom template, yous can modify it on the Edit Lawmaking pane of the template architect. If you used Mailchimp'south Template Linguistic communication, you tin can also apply styles on the Edit Design tab.

When you lot're set up to utilise your custom template in a campaign, you tin add content and refine your design in the email architect. Whatsoever farther changes made in the template builder may affect draft and ongoing campaigns that use the template.

More than editing resources

Here are some more resources to help you edit your custom-coded template.

Getting Started With Mailchimp's Template Linguistic communication
Where to Edit Template Code
Add together a Groundwork Epitome to a Custom HTML Template
Use Repeatable or Variable Content Blocks

Use your template in an email

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

Click Campaigns.
Click E-mail templates.
Click the drop-down next to the template y'all want to piece of work with, and cull Create entrada.

Yous can also observe them under Saved Templates in the archetype email builder.