Switch to a Mobile Friendly Newsletter with the MailChimp Drag and Drop Editor
 In E-mail Marketing

Freddie the MailChimpMailChimp has some big news. Based on customer feedback and preferences, they just completed a redesign. Over 3 million people use MailChimp to create, send, and track email newsletters.

I have been playing with some of the changes to my Just A Digital Minute newsletter for the past few weeks. You may have noticed the new streamlined format.  I used the Drag and Drop Editor to create a one column template which should make it easier to view my newsletter on Mobile devices.

The following are guidelines are for making a change to the Drag and Drop editor for those of you who have been using a regular template.

Tips for Using MailChimp’s Drag and Drop Editor

1.) The next time you are ready to create a newsletter in MailChimp, do not choose to replicate your last newsletter. Instead, choose Create a Campaign from the upper right hand corner of the newly designed screen.


Create a Campaign  Button


2.) Next you will be brought into the new screen design for selecting the list that you will be sending the campaign to. It is pretty intuitive but you will need to look at the bottom of the page for the trusty next step bar that used to be on the top of the page.

Next Step Bar at bottom of the Page


3.) The next step, as usual, is to name your campaign and fill out a few other items for your new campaign. This screen is also new.  The main items that are necessary are already exposed but the less used items are available in an accordion drop down.

4.) The next step is Design. Select the Drag and Drop Editor.


5.) Since this is the first time you are doing this, Select the Basic Template. In the future, once you have things set up as you like them, you can bring up your previous template and replicate a previous Drag and Drop campaign.


Choose template


6.) You will be presented with a long list of potential email formats, plain and banded. Banded means that you can have stripes or “bands” of color which can set off different areas of the email such as the footer.

I chose to use 1:2 Column Banded for mine. This is a one column format with a section below that is two columns. My template has a grey banded footer.


1:2 Column Banded Template


7.) When you select an option, you can preview it and see how it will look on both desktop and mobile devices. Once you are happy with one, then “Select” it.


Desktop and mobile preview

8.) You will then have an opportunity to use the Drag and Drop Editor to create your newsletter. The first time, you will have to upload your header again. It should be in the MailChimp files and be 600 pixels ready to insert.  Just highlight the header area on the left and click which will allow you to edit on the right. This format allows us to easily add text, images, captions, and so forth and see what they will look like as we do it. And editing works so much better than the old method.

9.) Continue to click in each section on the left to bring them up in the right to edit them. You can also drag other sections into the left to add additional text sections, images sections or lines, and social media icons. There are more editor options in the edit tool bar which you can access by clicking the triangle icon next to the first row of options, which opens the WYSIWYG toolbar.

10.) Remember, when writing your newsletter, simpler is better and it is best to stick to a single topic or several news items.

Have fun with it and let me know how it goes!

Tweet It OutTweetable: @judiknight says it’s time to change to a mobile friendly newsletter w/ MailChimp’s excellent new Drag and Drop Editor.

Recent Posts
Showing 6 comments
  • Vicki Templet

    Thank you, Judi, for keeping us up-to-date on all the new tools. It seems like the "toy box" gets something new every day, and you cut the learning curve down to size.

  • isvariyoga

    Thanks Judi. I was procrastinating about this and was considering paying someone to do this for me but it took less than 10 minutes. Thank you for writing this and keeping it simple. Now for the newsletter! I would like to change my header image if you have any ideas about this? Should it always be the same? Keep up the good work! xo Isvari

  • Jan Pavelka

    Thank you very much Judi! I’ve started wit Mailchimp yesterday and I have to say, it’s really great tool!

    • Judi Knight

      Jan, Great to hear it. I love me some MailChimp!

  • aric

    i want to use the 1:2 column or 1:3 column but i dont like it when on a smartphone is stacks the columns versus showing them side by side. do you know hot to fix this? thanks.

    • Judi Knight

      The definition of responsive is presenting the information that is needed by a mobile viewer in one column. Good is starting to ding sites that are not responsive.

Leave a Comment