If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

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

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.

Newsletter_templates.How_to_use_mailchimp_editor_1

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:

Newsletter_templates.How_to_use_mailchimp_editor_2

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

Newsletter_templates.How_to_use_mailchimp_editor_3

The edits will be displayed on the preview right away.

Newsletter_templates.How_to_use_mailchimp_editor_4

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.

Newsletter_templates.How_to_use_mailchimp_editor_5

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.

Newsletter_templates.How_to_use_mailchimp_editor_6

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.

Newsletter_templates.How_to_use_mailchimp_editor_7

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

Newsletter_templates.How_to_use_mailchimp_editor_8

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.

Newsletter_templates.How_to_use_mailchimp_editor_9

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
  • Nick Richardson

    Thanks for the tutorial.
    I don’t have a lot of experience with mailchimp’s editor so it will come in handy.

    No votes yet.
    Please wait...
 
Live Chat
We help you to choose the right product.
Start chat