Newsletter Template. How to manage template design in the MailChimp editor

Erica Saunders August 8, 2016
Rating: 5.0/5. From 3 votes.
Please wait...

Hello, this tutorial is going to show you how to use the MailChimp templates editor.

In order to start using a newsletter you need to create a campaign at your MailChimp account and upload a template there using the File Manager. Then you’ll see your template available for editing at the Templates section. Press Edit button to start modifying it.


It will load a preview of the Design editing mode. There are 2 modes available: Design and Code. Let’s learn how to use the Design mode.

Hover your newsletter content to see the editing tools. Press the Edit button to see the item’s details at the right side:


As you can see, it’s an image with a white text on a transparent background. Let’s edit it. There are available tools listed at top, use them to change an image up to your needs and press Apply and Save


The edits will be displayed on the preview right away.


You can also replace the image (it’s better to keep the same dimensions as the original one has). Just choose a one in a File Manager or upload a new one. Next, you can edit the text content similarly. Hover the text and press the Edit button. You can modify the text at the right side using the editor options. All the changes will be displayed immediately, save them using the Save & Close button when you’re done.


Same is applicable for any other content below. You can remove some sections if you don’t need them, but you can’t drop files here. As to images, there are also the editing Settings available, such as width, height, image alignment, etc.


If the Design mode options are not enough, you can switch to Code mode anytime and edit the page’s source code. You can also expand it to the entire screen using a button at the bottom right corner and change code window size back or Save and exit.


You can preview and test your newsletter directly from the editor using the respective button


There are different layouts available for preview: Desktop, Mobile, Inbox. You can also close that window and send a test email instead, just enter your address and check the inbox.


As you can see, our edits were applied successfully. That’s the end of this tutorial, now you know how to use the MailChimp templates editor.

Feel free to check the detailed video tutorial below:

Newsletter Template. How to manage template design in the MailChimp editor
This entry was posted in JS Animated tutorials and tagged editor, maichimp, newsletter, template. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket