Connecting Canva with Mailchimp
Canva and Mailchimp work together to help you create visually compelling email campaigns. Canva excels at graphic design while Mailchimp handles email delivery, automation, and audience management. The integration between them allows you to design email headers, banners, and full email templates in Canva and bring them into Mailchimp for sending.
There are multiple ways these tools connect: Mailchimp has a Canva integration within its email builder, Canva can export designs in email-compatible formats, and Mailchimp's Content Studio can store and manage Canva-created assets.
Method 1: Canva Integration in Mailchimp's Email Builder
Mailchimp includes a Canva integration directly in its email campaign builder, allowing you to design graphics without leaving Mailchimp.
How to Access It
- Log into Mailchimp and go to Campaigns > Create Campaign (or Email > Create).
- Select your audience and email settings, then proceed to the Design step.
- In the email editor, add or select an Image content block.
- In the image options, look for the Canva button alongside the standard upload and stock photo options. Click it.
- The Canva editor opens in an overlay. If prompted, log into your Canva account and authorize the connection.
- Design your image. Canva will suggest dimensions optimized for email (typically 600px wide, which is the standard email content width).
- When finished, click Save or Insert. The image is placed into your Mailchimp email.
This method is ideal for creating individual images within your email: headers, banners, promotional graphics, or section dividers.
What You Can Design
- Email headers: Branded banners that go at the top of every email, featuring your logo, campaign title, or seasonal branding.
- Promotional graphics: Sale announcements, product features, or event promotions designed to catch attention.
- Section images: Graphics that break up text sections in longer emails.
- Call-to-action buttons: While Mailchimp has its own button blocks, a designed CTA image can be more eye-catching (though plain HTML buttons are better for accessibility and click tracking).
Method 2: Designing Full Email Templates in Canva
Canva offers email-specific templates that you can customize and then export for use in Mailchimp. This approach gives you more design control than Mailchimp's built-in editor, but requires a few extra steps.
Step-by-Step Process
- In Canva, search for Email Header, Email Newsletter, or Email in the template search. Canva has hundreds of pre-designed email templates.
- Select a template and customize it with your brand colors, fonts, images, and copy.
- When the design is complete, click Share > Download.
- For email use, download as PNG or JPEG. PNG is better for graphics with text (sharper edges), while JPEG is better for photographic images (smaller file size).
- Keep the image width at 600px for optimal email display. In Canva's download settings, you can set custom dimensions or resize before downloading.
- In Mailchimp, open your email campaign editor.
- Add an Image content block and upload the downloaded Canva design.
- Set the image to full width within the content area.
Important Consideration: Image-Heavy Emails
A common mistake is designing an entire email as one large image in Canva and dropping it into Mailchimp. While this looks good visually, it creates problems:
- Accessibility: Screen readers cannot read text embedded in images. You must add descriptive alt text to every image.
- Spam filters: Emails that are mostly images with little HTML text are more likely to be flagged as spam.
- Load times: Large images slow down email loading, especially on mobile devices.
- Text scaling: Text in images does not scale with the reader's font size preferences.
- Link limitations: You can only add one link to a single image block. An all-image email limits your clickable CTAs.
The best approach is to use Canva for specific visual elements (header, hero image, product photos) and Mailchimp's text blocks for the body copy, buttons, and footer.
Method 3: Using Mailchimp's Content Studio
Mailchimp's Content Studio is a media library where you can store, organize, and reuse images across campaigns. Canva designs can be uploaded here for easy access.
Organizing Canva Assets in Content Studio
- In Mailchimp, go to Content Studio (found under the Content or Campaigns menu, depending on your Mailchimp version).
- Click Upload and select your Canva-designed images.
- Use folders to organize assets by campaign, type (headers, product images, icons), or date.
- Once uploaded, these images are available in any email campaign. When adding an image block in the email editor, browse your Content Studio to find and insert them.
This is especially useful for recurring email elements like branded headers, seasonal graphics, or product images that you design once in Canva and reuse across multiple Mailchimp campaigns.
Designing Email Templates: Best Practices
Sizing for Email
Email clients display content in a narrow column, typically 600px wide. Design your Canva graphics accordingly:
| Email Element |
Recommended Width |
Typical Height |
| Full-width header banner |
600 px |
150-250 px |
| Hero image |
600 px |
300-400 px |
| Product image |
280 px (for 2-column) |
280 px |
| Social media icons |
30-40 px each |
30-40 px each |
| Full-width divider |
600 px |
20-50 px |
In Canva, set a custom design size by clicking Create a Design > Custom Size and entering the pixel dimensions.
File Format and Compression
- PNG: Best for graphics with text, logos, illustrations, or flat colors. Produces crisp edges and supports transparency.
- JPEG: Best for photographs or images with many colors and gradients. Produces smaller file sizes.
- Target file size: Keep each image under 200 KB for fast loading. Mailchimp will accept larger files, but recipients on slow connections or mobile devices may not see them quickly.
- Canva compression: When downloading, Canva lets you adjust quality. For email, a slightly reduced quality (around 80%) usually looks identical but cuts file size significantly.
Mobile-Friendly Design
Over half of emails are opened on mobile devices. When designing in Canva for Mailchimp:
- Use large, readable fonts (minimum 14px for body text equivalent, 22px or larger for headlines).
- Keep text minimal on images since it becomes very small on phone screens.
- Use high contrast between text and background.
- Avoid fine details that disappear on small screens.
- Test your email by sending a Mailchimp test email and viewing it on a phone.
Creating a Consistent Email Design System
For teams sending regular email campaigns, establish a design system in Canva that carries into Mailchimp:
- Create a Canva Brand Kit (Pro/Teams): Set your brand colors, fonts, and logo. Every design starts on-brand.
- Build reusable templates: Design header templates for different email types (newsletter, announcement, promotion, event). Save them in a shared Canva folder.
- Create a Mailchimp template: In Mailchimp, build a reusable email template with placeholder image blocks. When creating a new campaign, swap in fresh Canva graphics while keeping the layout consistent.
- Document the workflow: Write down which Canva templates map to which Mailchimp email types so any team member can produce on-brand emails.
Limitations
- No full template transfer: You cannot design a complete email layout in Canva (with multiple sections, buttons, and text) and import it as a fully functional Mailchimp template with live text and clickable buttons. Canva exports images, not HTML email code.
- No two-way sync: Changes to a design in Canva do not automatically update in Mailchimp. If you edit a header graphic in Canva, you need to re-download and re-upload it to Mailchimp.
- Embedded editor limitations: The Canva editor inside Mailchimp may not offer every Canva feature. For complex designs, work in the full Canva application and upload the result to Mailchimp.
- Canva Pro features cost extra: Premium templates, stock photos, background remover, and Brand Kit require a Canva Pro or Teams subscription. The Mailchimp integration itself does not add Canva Pro features.
- Alt text responsibility: When using image-based designs, remember to add alt text to every image in Mailchimp for accessibility. Mailchimp provides an alt text field for each image block.
Summary
The Canva-Mailchimp connection works best when you use Canva for what it does best (visual design) and Mailchimp for what it does best (email structure, text content, automation, and delivery). Design your headers, hero images, and promotional graphics in Canva, then combine them with Mailchimp's text blocks, buttons, and layout tools to create emails that look professional and perform well across all email clients and devices.