How To Edit Mailchimp Template Html

Import a Custom HTML Template

This folio is at present bachelor in other languages.

If you want more control over your email design than our templates offer, you can lawmaking your own HTML template and import it to your Mailchimp business relationship. After you import your custom template, you tin use it for future campaigns.

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

Before you kickoff

Here are some things to know before you brainstorm 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 assist.
Accounts on a Mailchimp Standard program or higher tin apply custom HTML templates. To find out what features are included in each plan, bank check out our pricing page.
Before you create your ain HTML template or hire a developer, consider other types of templates that don't require whatsoever HTML knowledge.
For code tips and best practices, learn about limitations of HTML in email design, and browse Mailchimp's Email Design Guide.
When yous edit a lawmaking-your-own template in the Template Builder, your changes may affect existing draft campaigns that apply the template.
Nosotros'll run your HTML through a validator service to brand 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-8.
Format all images equally JPG, JPEG, PNG, or GIF. Include any PDFs or other documents to host with Mailchimp that are linked in your template lawmaking.

Import options

Later yous or your developer lawmaking your template'southward HTML, y'all tin can import the template with ane of these methods.

Paste in lawmaking
Import HTML
Import ZIP

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, replace or edit the example code, and click Save in the editing pane.
When yous've finished editing your template, click Save and Get out.
In the Salvage Template pop-upward modal, enter the name of your template and click Save.

Nice task. You can find your new custom-coded template on the Templates folio 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 choose Import HTML.
Click Scan and choose your HTML file.
Proper noun your template, and click Upload.
Review your template and click Edit Code or Edit Design to make changes as needed.
When you've finished editing your template, click Save and Leave.

Overnice job. Y'all tin can find your new custom-coded template on the Templates page of your business relationship.

Import Cipher

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

Your ZIP file must exist less than 1MB and contain simply 1 HTML file. If you take more than one HTML file, we'll utilise the first one we observe.
Place all images and files in the root directory of the Aught file and not in subfolders. We'll upload all your images and files to the content studio and create absolute paths for yous when nosotros convert your Nix.
Use only letters, numbers, and hyphens in the file name. Spaces or unusual characters can cause problems when you import.
The upload is case sensitive, so your code must friction match your file names exactly.

After your file is properly saved and formatted, you're set up to create your template. To create a template by importing a ZIP file from your computer, follow these steps.

Click Campaigns.
Click Email templates.
Click Create Template.
Navigate to the Code your own options and choose Import zip.
Click Scan and choose your ZIP file.
Proper noun your template, and click Upload.
Review your template and click Edit Code or Edit Design to make changes as needed.
When you've finished editing your template, click Save and Exit.

Dainty job. Y'all can discover your new custom-coded template on the Templates folio of your business relationship.

Edit your custom template

After y'all 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 tin too apply styles on the Edit Pattern tab.

When you're ready to use your custom template in a campaign, you tin add together content and refine your pattern in the email builder. Any further changes made in the template builder may bear on draft and ongoing campaigns that employ the template.

More editing resources

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

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

Apply your template in an e-mail

To utilize a saved custom-coded template for your electronic mail campaign, follow these steps.

Click Campaigns.
Click Email templates.
Click the driblet-down side by side to the template yous want to work with, and cull Create campaign.

You lot can also find them under Saved Templates in the classic email builder.