How to design email templates on Mailchimp

beginner 12 min read Updated 2026-03-18

Quick Answer

Create custom email templates in Mailchimp by accessing the Templates section, choosing a starting layout, and customizing with drag-and-drop blocks. Save your design for future campaigns and reuse across different email sends.

Try Mailchimp Full Mailchimp Review

Prerequisites

Active Mailchimp account
Basic understanding of email marketing
Brand assets (logos, colors, fonts)
Email content ready

Step-by-Step Instructions

Access the Templates Section

Log into your Mailchimp account and navigate to the Content Studio from the main menu. Click on Email templates to view your template library. Select Create Template to start building a new custom template.

Browse existing templates first to get inspiration before creating from scratch.

Choose Your Template Foundation

Select your starting point from three options: Start from scratch for complete customization, Layouts for pre-built structures, or Themes for designed templates. For beginners, choose a layout that matches your content structure (1-column, 2-column, etc.).

Mobile-responsive layouts are automatically applied to all template options.

Customize the Header Section

Click on the header block to edit. Add your logo by selecting Replace and uploading your image file. Adjust the header background color, add your company name, and include navigation links if needed. Set the header height and alignment using the Style panel.

Keep header height under 150px for optimal mobile display.

Add and Arrange Content Blocks

Drag content blocks from the right panel into your template. Common blocks include Text, Image, Button, and Divider. Click any block to edit content, change colors, adjust fonts, and modify spacing. Use the Content tab for text and images, and Style tab for design elements.

Use merge tags like *|FNAME|* to personalize content for each subscriber.

Configure Global Styling

Access Style settings at the template level to set global fonts, colors, and spacing. Define your primary and secondary colors, choose body and heading fonts, and set default button styles. This ensures consistency across all blocks in your template.

Upload custom fonts through the Style panel if your brand requires specific typography.

Design the Footer

Scroll to the footer section and add required elements: unsubscribe link, physical address, and social media icons. Click Social follow block to add your social profiles. Ensure the *|LIST:ADDRESSLINE|* merge tag is included for legal compliance.

Footer text should be smaller (10-12px) and use a muted color for professional appearance.

Preview and Test Your Template

Click Preview to see desktop and mobile versions. Use Send test email to view how it appears in different email clients. Check that all links work, images load properly, and text is readable across devices.

Test your template with actual content rather than placeholder text for accurate results.

Save and Name Your Template

Click Save and Exit when satisfied with your design. Give your template a descriptive name like 'Newsletter - Monthly 2026' or 'Product Launch Template'. Add tags for easy organization and click Save to add it to your template library.

Use consistent naming conventions to easily find templates later as your library grows.

Common Issues & Troubleshooting

Images appear blurry or pixelated

Upload images at 2x the display size (e.g., 600px wide for 300px display) and ensure they're under 1MB. Use JPG for photos and PNG for graphics with transparency.

Template looks different in various email clients

Stick to web-safe fonts, avoid complex CSS, and use table-based layouts. Test across multiple email clients using Mailchimp's preview feature.

Content blocks won't align properly

Use the Structure blocks first to create columns, then add content blocks within them. Adjust padding and margins in the Style panel for precise alignment.

Template appears broken on mobile devices

Ensure you're using responsive blocks and avoid fixed pixel widths. Preview mobile version frequently and use single-column layouts for complex content sections.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Mailchimp website before purchasing.

Visit Mailchimp View Mailchimp Pricing