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 for iOS or Android

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

  1. Navigate to the Design step of the Campaign Builder.
  2. Click the Preview and Test drop-down and choose Push to mobile.
  3. If you haven't installed MailChimp on your mobile device, you'll be prompted to do so. Otherwise, click  Push To Mobile.
    Pop-up modal to confirm push to mobile with cursor on button.
    You'll receive a push notification on your phone, which will open the mobile preview of your campaign in MailChimp for iOS or Android.

You can also view your campaign preview on the Campaigns tab on your mobile device.

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

Technical Support