demobook

Design an email template in Mailchimp

Demo summary

Using the Mailchimp classic builder to customize layouts, change background colors, edit text, and add links to images.

Step-by-step

  1. Navigate to Campaigns and select Email templates
  2. Click Create Template
  3. Select a layout or theme from the available options
  4. Click the Style tab to modify page, body, or footer background colors
  5. Click the pencil icon on a content block to edit its specific design
  6. Switch to the Blocks tab to drag and drop new elements into the layout
  7. Use Canva to create custom headers by setting a custom size of 1280 x 400 pixels
  8. Download your Canva design and upload it back into the Mailchimp editor

Options

  • Code your own template from scratch
  • Choose between Featured or Basic free layouts
  • Upgrade to a Pro account to access premium templates

Watch out for

  • Many templates are locked behind a 'Pro' paywall and require an upgrade to use
  • The free version of Mailchimp currently offers significantly fewer features than in the past

Tips

  • Use Canva to design custom graphics if Mailchimp's free design features feel too limited
  • Stick to a white background for a cleaner look
  • Use the 'Sign up with Google' option in Canva for a faster setup
  • Play around with the style settings for the header and footer to make the email look more professional

Highlights

this is how you can play around these two it's very easy drag and drop

All demos from “MAILCHIMP TUTORIAL 2025 (For Beginners) - Step by Step Email Marketing Guide

  1. 3:192:49Create a Mailchimp accountStep-by-step walkthrough of signing up for a free Mailchimp account, activating it via email, and completing the initial business profile setup.MailchimpDeliverability & setup
  2. 6:434:42Configure audience settings and double opt-inHow to manage audience settings, rename lists, enable double opt-in for verification, and set default sender details.MailchimpAudience & data
  3. 11:328:01Design an email template in MailchimpCurrentUsing the Mailchimp classic builder to customize layouts, change background colors, edit text, and add links to images.MailchimpDesign a newsletter / email (drag-and-drop editor)
  4. 23:484:32Create image groups and social footersDemonstration of adding image groups to a template, linking them to external URLs, and configuring social media icons in the footer.MailchimpUse / customize email templates
  5. 30:391:41Connect Mailchimp to WordPress via APIHow to generate a Mailchimp API key and use the 'Mailchimp for WordPress' plugin to sync a website with an email list.MailchimpIntegrate with Shopify / store / CRM / other apps
  6. 32:375:18Create and embed a signup form with custom CSSBuilding a signup form in Mailchimp, applying custom CSS for styling, and embedding it into a WordPress sidebar using shortcodes.MailchimpCreate an email signup / subscription form
  7. 38:189:19Set up an exit-intent popupUsing the Hustle plugin to create a popup, connecting it to Mailchimp, and setting display rules like scroll depth and exit intent.MailchimpAdd an opt-in popup
  8. 47:462:28Send a plain text email campaignWalkthrough of creating a plain text campaign, verifying the sending domain, and broadcasting to the entire audience.MailchimpSend a broadcast campaign
  9. 50:211:44Send a regular HTML email campaignSelecting a saved template and sending a formatted HTML newsletter to subscribers.MailchimpSend a broadcast campaign
  10. 52:052:18Set up a welcome email automationCreating an automated welcome email triggered when a new subscriber joins the list, including setting the delivery delay.MailchimpBuild a welcome / drip automation
  11. 55:162:43Connect Mailchimp to WooCommerceInstalling the Mailchimp for WooCommerce plugin and enabling the 'subscribe at checkout' feature.MailchimpIntegrate with Shopify / store / CRM / other apps
  12. 59:454:10Create a first-time customer thank you automationSetting up an automated thank you email for new customers that includes a dynamic promo code for future purchases.MailchimpSet up a post-purchase / win-back flow
  13. 1:04:572:08Configure abandoned cart recovery emailsActivating the abandoned cart automation in Mailchimp to automatically pull product data from a WooCommerce cart and email the user.MailchimpSet up an abandoned-cart flow (ecommerce)
  14. Watch “MAILCHIMP TUTORIAL 2025 (For Beginners) - Step by Step Email Marketing Guide” →

Design a newsletter / email (drag-and-drop editor)

  1. 6:343:25Design a newsletter with Mailchimp's email builderA walkthrough of creating a campaign, selecting a minimal layout, and using the editor to add logos, text, images, and styled call-to-action buttons.Kevin Stratvert
  2. 11:328:01Design an email template in MailchimpCurrentUsing the Mailchimp classic builder to customize layouts, change background colors, edit text, and add links to images.BizatWeb
  3. 0:511:28Insert first name merge tags in MailchimpThe video demonstrates how to select a text block, navigate to the 'more options' menu (three dots), and select the FNAME merge tag to personalize an email greeting.How To with Alex
  4. 2:031:23Customizing the Welcome Email ContentThe creator shows how to use the drag-and-drop editor to personalize the welcome message and configure the sending schedule.Just Kristers
  5. 7:475:12Designing an email campaign with MailchimpA walkthrough of the Mailchimp email builder, showing how to select a template, edit text using AI assistance, add logos, and insert GIFs.Tech Express
  6. 0:391:11Navigating the Mailchimp Campaign EditorThe video demonstrates navigating to the campaigns section and selecting a sample template to begin the editing process using Mailchimp's visual editor.How To with Alex
  7. 1:451:53Add Canva designs to a Mailchimp emailShows how to open the email builder, drag an image block, and use the Canva tab within the Content Studio to sync and insert designs directly into a template.Intuit Mailchimp
  8. 1:261:00Add content blocks and imagesDemonstrates using the drag-and-drop editor to add image blocks and pull assets from the Content Studio or Canva integration.Intuit Mailchimp
  9. 4:480:54Styling sections and using AI AssistShows how to set universal background colors and use AI Assist to rewrite headlines or change text tone.Intuit Mailchimp
  10. 5:490:47Mobile-specific styling and optimizationDemonstrates how to un-link desktop and mobile styles to adjust button size and padding specifically for mobile devices.Intuit Mailchimp
  11. 8:331:06Create HTML Templates for Transactional EmailShows the process of creating a new template, using the HTML editor, and adding dynamic content like merge tags or handlebars.Intuit Mailchimp
  12. 5:403:31Design an email campaign with Mailchimp AI and editorShows how to use AI to generate subject lines, set a specific send time, and use the drag-and-drop editor to add logos, text, and images to an email campaign.Kevin Stratvert