Design a Campaign in MailChimp

This feature requires Author user level or higher.

MailChimp's Campaign Builder allows you to use one of our templates to build beautiful email designs with ease. If you have a custom-coded template, add our template language so you can edit content from within the Campaign Builder.

In this article, you'll learn the basics to design your campaign with the Campaign Builder.

Select a Template

The template you pick will serve as the foundation for your design. All of MailChimp's available templates can be found on the Template step of the Campaign Builder. Choose from Basic, Themes, Saved Templates, Campaigns, or Code your own to begin to design your campaign.

  1. Navigate to the Campaigns page.
  2. Click Create Campaign and choose your Campaign name and Campaign type.
  3. On the Template step of the Campaign Builder, click the Select button for the template you want to use. You can always go back later to switch templates.

Template step options

Basic

Our Basic templates make full use of the Campaign Builder's Drag and Drop Editor, so you can fully customize the layout of your campaign. Many of these templates are available in banded versions. Banded templates extend each section of the campaign to the edge of the page rather than to the email's margin.

Themes

We teamed up with some of the most talented designers on the web to bring you beautiful predesigned templates that are simple to use. Themes templates also make use of our Drag and Drop Editor, so you can further customize your campaign design.

Saved Templates

Saved templates include templates you uploaded on the Templates page of your account, and any campaign designs that you saved as templates for use in future campaigns. Select a template from Saved Templates, and edit the content and design how you want.

Campaigns

Choose one of your recently sent or draft campaigns as the starting point for a new campaign. We'll create an exact copy of the campaign's content and design, so you can edit it as needed without starting over from scratch.

Code Your Own

If you have a custom-coded template, use the Code your own option to paste in your code, import it from a ZIP file, or import it from a URL. Include our template language in your code to edit the design of the campaign with our Campaign Builder.

Add Your Content

Use content blocks in the Design step of the Campaign Builder to add and format text, upload images, link to files, and more. All templates show placeholder text and images to help you begin to design your campaign. Depending on the template you choose, you can add, delete, move, and replicate content blocks to create the look and feel you want.

Drag and Drop Content Blocks

Our Drag and Drop Editor allows you to duplicate, delete, and rearrange content blocks on the fly. Drag and drop a variety of content blocks into your layout and rearrange them to customize the look and feel of your campaign.

 

Add Text

The best way to add text to your campaign is to type it directly into the content block editing pane. If you prefer to work outside of the Campaign Builder, copy and paste your content from a simple text editor, like Notepad or TextWrangler. Rich-text word-processing programs, like Word or Publisher, add styling code to the text that can prevent your ability to style content in the Campaign Builder.

If you want to copy content from a rich-text editor, website, or email program, click the Paste as plain text or Paste from Rich Text Editor icon on the editor toolbar to add your text.

Click the Paste as Plain Text option to paste in you content and strip out any hidden styles.

If content has already been added to your campaign and you didn't use the Paste as plain text or Paste from Rich Text Editor icons, or if content doesn't update when you apply styling to your text, then you likely need to clear styles.

Clear Styles

Clear styles to remove any conflicting formatting or styles that were brought in when you added content. The Clear Styles icon only removes the formatting that's been applied to your text and does not remove the text itself. Below, you'll learn how to clear styles from your content.

  1. Click the content block you want to edit.
    Click the edit button to edit the content block.
  2. On the Content tab, highlight the text you want to change.
  3. Click the Clear Styles icon on the editor toolbar.
    Highlight text and click Clear Styles to remove styling from your content.

Edit Styles

Styles and settings for your campaign design can be applied from a few different places on the Design step of the Campaign Builder. In this section, you'll learn about the hierarchy of these options, so the styles you set in one area of the Campaign Builder don't override styles you want elsewhere.

  • The Design Tab
    Every template is divided into different sections, including the preheader, body, and footer. You can apply styles to these sections on the Design tab in the Campaign Builder. When  styles are applied to a section, they are also applied to all content blocks in that section.
  • The Style and Settings Tabs
    If you want one of your content blocks to have different styling from other content blocks in its section, set preferences on the Style and Settings tabs for that content block. Styles you apply here will override the style for the section that content block is in.
  • Use the Editor Toolbar
    Use the editor toolbar in each content block to fine-tune the styling on a line-by-line basis. Changes you make here will override any styles you've set for that content block or section.

Was this article helpful?
What can we do to improve articles like this?

Technical Support