Import a Custom HTML Template

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 account. After you import your custom template, you can use it for future campaigns.

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

Before You Start

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

  • This is an advanced feature and is recommended for users familiar with custom coding. Contact your developer or hire a MailChimp Expert if you need assistance.
  • Before you create your own HTML template or hire a developer, review other types of templates that don't require any HTML knowledge.
  • For code tips and best practices, learn about limitations of HTML in email design, and browse MailChimp's Email Design Guide.
  • When you edit a code-your-own template in the Template Builder, your changes may affect existing campaigns that use the template. Changes to a drag-and-drop template will not affect existing campaigns.

Import Options

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

Paste in HTML

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

  1. Navigate to the Templates page.
  2. Click Create Template.
  3. On the Code your own tab, choose Paste in code.
    Code your own options in the Template Builder, with cursor on the Paste in Code option.
  4. On the Edit Code tab, replace or edit the example code, and click Save in the editing pane.
    Cursor on Save button.
  5. When you’ve finished editing your template, click Save and Exit.
    Cursor on Save and Exit.
  6. In the Save Template pop-up modal, enter the name of your template and click Save.
    Save Template modal with template name in field and cursor on Save button.

Nice job. You can access your custom template on the Templates page and as a saved template in the Campaign Builder.

Import HTML or ZIP File

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

  1. Navigate to the Templates page.
  2. Click Create Template.
    templates createtemplatebutton
  3. On the Code your own tab, select Import HTML or Import zip.
    Code your own options in the Template Builder, with cursor on the Import HTML option.
  4. Click Browse and choose your HTML or ZIP file.
  5. Name your template, and click Upload.
    Modal example with HTML file and template name, with cursor on Upload button.
    If your ZIP file won't upload correctly, review our troubleshooting tips.
  6. Review your template and click Edit Code or Edit Design to make changes as needed. image shows Edit Code and Edit Design links
  7. When you’ve finished editing your template, click Save and Exit.
    Cursor on Save and Exit.

Nice job. You can access your custom template on the Templates page and as a saved template in the Campaign Builder.

Edit Your Custom Template

After you import your custom template, you can modify it on the Edit Code pane of the Template Builder. If you used MailChimp’s Template Language, you can also apply styles on the Edit Design tab.

image shows Edit Code and Edit Design links

When you’re ready to use your custom template in a campaign, you can add content and refine your design in the Campaign Builder. Any further changes made in the Template Builder may affect draft and ongoing campaigns that use the template.

More Editing Resources

Where to Edit Template Code
Add a Background Image to a Custom HTML Template
Getting Started With MailChimp’s Template Language
Use Repeatable or Variable Content Blocks

Was this article helpful?
Anything else we can do to improve our site?

Technical Support