Edit and Test Mobile Styles in a Campaign

This feature requires Author user level or higher.

As mobile devices increasingly become the preferred way to view email, it’s more important than ever to understand how email behaves on mobile devices, and how to design and test for mobile.

In this article, you’ll learn how to customize your campaign’s appearance on mobile devices, and how to preview and test your mobile campaigns before you send them.

Edit Mobile Styles

MailChimp’s drag and drop templates allow you to easily edit mobile-specific styles. Classic and custom-coded templates don’t include a simple Mobile Styles section. Templates are labeled as classic or drag and drop under each template’s name on the Templates step of the Campaign Builder.

To edit mobile styles in a drag and drop template in the Campaign Builder, follow these steps.

  1. Navigate to the Campaigns page.
  2. Choose a draft campaign to edit, or create a new campaign.
  3. Navigate to the Design step of the Campaign Builder.
  4. Click the Design tab.
    Template Selector
  5. Click the Mobile Styles option.
    Template Selector
  6. Use the drop-down menus and other fields to edit the mobile styles as needed, and click Save.

Preview and test your campaign to view the changes you set in the Mobile Styles section.

Preview Mobile Design

To see how your campaign will render on a mobile device, follow these steps.

  1. Navigate to the Design step of the Campaign Builder.
  2. Click the Preview and Test drop-down menu and choose  Enter Preview Mode.
  3. The mobile preview is on the right side of the screen.
    Example of mobile preview for a campaign seen on the right side of the screen.

Create a Mobile Test List

If you or your colleagues have several different types of mobile devices you want to test your campaign on, you can create a mobile test list to compare the displays.

To create a mobile test list, follow these steps.

  1. Navigate to the Lists page.
  2. Select the drop-down menu next to your main list, and click Replicate list.
    Select Replicate list from the list's drop-down menu.
  3. Name it something like Mobile Test List and click Replicate.
    Name your list and click to Replicate it.
    Only the list settings and forms will be copied. No subscriber data is moved.
  4. Import your email address or a small handful of test emails as the subscribers.

Send to Mobile Test List

To test your campaign on mobile devices with the list you just created, follow these steps.

  1. Navigate to the Campaigns page.
  2. Click the drop-down menu of the campaign you want to work with, and choose  Replicate.
    Select to replicate a campaign from its drop-down menu.
  3. Rename the campaign to something like Mobile Test.
  4. Navigate to the Recipients step of the Campaign Builder and choose your new test list.
  5. Navigate to the Confirm step, and click Send Now.

Push to MailChimp Mobile

To streamline your testing, you may want to use MailChimp Mobile for iOS or Android to preview your campaigns on your mobile device. To push a campaign from your computer to MailChimp Mobile, follow these steps. 

  1. Navigate to the Design step of the Campaign Builder.
  2. Click the Preview and Test and choose  Push to MailChimp Mobile.
  3. If you haven't installed MailChimp Mobile on your mobile device, you'll be prompted to do so. Otherwise, click  Send To Mobile Apps.
    Select to Push to Mobile to view the campaign on MailChimp Mobile.
    You'll receive a push notification on your phone, which will open the mobile preview of your campaign in MailChimp Mobile.

You can also view your campaign preview on the Campaigns tab in MailChimp Mobile.

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

Technical Support