UPDATE: Jetpack plugin now includes this capability so I no longer use this plugin (although I still love Mailchimp).
I originally could not get this to work, so I posted to the WordPress forum seeking help… then I figured it out. Since then others have had the same issue. So I wrote a “how to”. You should have already created a list and placed the sign up form somewhere.
You may not need to go through all this if you set the template within WordPress in the autoChimp settings to “Post to Blast Custom” then send your first post over. You should see this new template in MailChimp and you can modify the design through the MailChimp interface.
- Open mail Chimp
- In the left sidebar choose Campaigns
- Top right, choose My Templates
- Top right: Create Template
- Top right, Code your own, choose Code a template.
- Save your template.
- Notice the view options Code and Design options at the very bottom. Go into the design to set up the look and feel as you want.
- To get back into code view, hit the arrow under the screen-shot thumbnail of your Template screen. Edit Code.
- On line 392 or so you will see the body content you modified in the editor. Replace that whole thing from opening div to closing div with:
-
<div mc:edit="header"><h1>*|MC:SUBJECT|*</h1></div> <div mc:edit="main">Main</div>
- Save your template. Note: The above *|MC:SUBJECT|* will repeat the subject as the header of the email inside the body. You can remove that line if you want.
- Go back to WordPress and go to the settings for AutoChimp. You should now see your template in the drop down list. You may want to create a test list in mail chimp while you are getting things set up. Set it to send an email once it’s published AND remove the last check so that it will send an email each time you hit publish, this is easiest for development. I did not have things work with the excerpt option on…
- Do a test send. See if it worked. To get back into code view of your template go to Campaigns > My Templates> (Down arrow) Edit Code.
- If all is well, then reset your Auto chimp to its final send settings (out of test mode). And you are good to go.
Cheers!
Thanks for posting this Heather! I have one question…
On your step #12, you say “You should now see your template in the drop down list. ” Where should that drop down list appear? We’re not seeing it show up after we complete the previous steps and everything else appears to be setup. Our mailing lists do show up on the “Mailing Lists” tab. Should the templates list be on the “Campaigns” tab? thanks…
Cancel that. We got it. Thanks for the tutorial Heather!
Hi, I have tried the above a few times now, but still no luck? My header comes up perfectly, but where the body of the email (i.e. my blog post) should be, there is only 3 dots. Any help would be greatly appreciated! Thanks!
Hi Germarie, Did you uncheck show excerpt in the settings? Also be sure you added mc:edit=”main”
Hi Heather, Thanks so much – got it – YAY! Is there any way to have the feature image that I use in the blog post come up between my logo and title? And ideally I don’t want the whole post to appear since I want people to click through to my site – is there a way to do that without ticking the “only show excerpt”box? Thanks so much for your help!
Germarie
ANy tips on how to get an excerpt and a read more link in the email, rather than the whole post? I can’t figure it out for the life of me…
Sorry Nathan, No, I havent managed to figure that out. I think we need a developer to fix it or the plugin author.
Hey Heather,
Thank you very much for this tutorial. I’m new to WP and would never have figured this out on my own. With your instructions, I got it working on the first try.
Thanks again,
Steve
Oh, thanks for the note Steve. Glad to help.
Well that saved me a lot of time 🙂 Thanks so much for posting.
Hi Heather,
Great info, thanks for that!
Just to let you know, I successfully used the excerpt instead of the full post and it works great! (perhaps latest update fixed it!)
Cheers
Cris
Oh great news! Thanks for sharing Cris. Good luck!
This was SO helpful! Thanks for sharing, as I’m sure it saved me a lot of time and frustration! 🙂
Awesome Thank you!!!!
Hello. I followed the steps as you mentioned, but when I do, my MailChimp template comes up with this code:
div mc:editheader>h1>*MC:SUBJECT*h1>div>div mc:editmain>Maindiv>max-width:600px importantwidth:100 important{
Will the emails still work with this?
Thanks!
Ken
Does not work anymore unfortunately, as there is no “My Template” secion anymore in the current MailChimp!
Heather thank you for your post. I have gotten to creation of the coded template, which for those who are asking, there are a bunch of merge (short) codes here – http://kb.mailchimp.com/article/all-the-merge-tags-cheatsheet#Personalize you can insert to enable title, image, excerpt etc to be insterted. I haven’t actually tested mine yet, but, a question I have is about line 392 to instert you div tag. My code only goes to line 36. Maybe I am looking in the wrong place.
Victoria
Hello. I try now to configure mailchimp, but can not set my template correct.
Made this simple custom email temlate as shown in this post.
As ” *|MC:SUBJECT|*”- pulls information correct
but
Main
does not work at all, and I get empty space, nothing shows up.Could somebody help me to sort out this bug?
Thanks in advance
For anyone having problems getting the content to show:
Make sure your div tag isn’t nested inside another div tag. If you’re copy and pasting in the design side it will not translate properly. The designer mode adds code around it that will block it from working.
Hi Karam. That’s big help, Thanks.
I’ve a question. Not sure why but every time we edit a post, it autosends. Can anyone help?
Thanks in advance!
There is a checkbox that relates to that option in the settings.
I don’t see how I can send an eblast out that I can design to have two columns, and use the niced design editor. Also how to send an eblast with more than one article from WordPress?
For that level of customization you will need to go into MailChimp (MC) and build your newsletter. I think there was an option to copy it over to MC as a draft then tweak it?
What a lifesaver! Just to clarify to other users: I thought coding your own template would be difficult because I didn’t realise that it’s the same as using one of their standard templates except you can also access the code. But it’s actually quite simple.
This workaround fixed the problem of not being able to find my template when I used Autochimp. I searched EVERYWHERE until I found this, so thank you so much for posting!
Question for you: is there a way to have your custom template be mobile-friendly? I notice when I preview my new template that it doesn’t scale on the phone, which seems like a real flaw.
Email clients are still pretty fickle when it comes to mobile (last I heard Gmail on iOs didn’t read media queries), but if you design the template to fit a small width you can fake it.
Do you have any idea why I am unable to save the Save campaign as soon as a post is published option? Our site has used mailchimp for several years and just the other day I needed to do some work and wanted to be sure emails would not be sent out so I unchecked it. Now when I check it and save it doesn’t save. I also can’t delete any of my post category mappings. Any thoughts would be appreciated. I have the current version 2.15 and current WordPress.
Hmm, they just upgraded WP today- that might have done something? You may try uninstalling and reinstalling although you may lose your customizations.
Hi Heather,
Thank you for the very clear instructions! I have everything working pretty well but I’m wondering if there is a way to show the featured image in the image header? I’ve skimmed the shortcodes but they are all MC related and wondering if there is one that can pull in featured image somehow? Thank you!
Thanks Mike. Sorry Im not really sure- usually the image is set in the template (if you could find a shortcode, Id put it there).If you cant find a shortcode then it might not be doable. Sorry.
We don’t have the image in the body of the post, its only in the featured image so I will try to figure out how to get those two to talk. Thx for the reply. 🙂
Of course I figured it out after I posted. Just in case anyone ever runs into the same problem. My AutoChimp seems to add duplicate categories to my list almost every time I open the settings so the list was so long it wouldn’t do anything…including deleting the ones at the end of the list. When I started deleting categories mapped at the beginning of the list, it work to delete them and eventually I deleted enough for me to check the option and it save. Hope this help someone else some day. 🙂
I have tried the above I get the subject to come in but I can’t get the content of the blog post to come in I’m I doing something wrong.
Sorry Robert, I can’t tell what the issue is with the info you provided.
My code in the template looks completely different and doesn’t have anything near line 392 that is opening or closing DIV. Do you have any instructions for the latest version of Mailchimp or have i constructed my template incorrectly?
Sorry Rosie, Im not sure. I haven’t actually used this plugin in a while since Jetpack includes the same capability without the setup.
Hi Heather, thanks for this article. I’m considerating not use AutoChimp plugin because is not being updated nowadays. Please let me know how you send blog news to an email list. What plugins and email list providers could you recommend me? Thank you !
Hi Lucas, I actually am using again… but it only transfers my blog post text to MailChimp (I don’t auto-send), then I have to go in and re-import the images.
I know IFTTT has integrations from WP to MC but I haven’t tried them yet.
Works great! But have you found a way to include images? I don’t use images in body content.
Thanks Heather and everyone else who value added for this, it was great. In my case I had used the MailChimp (MC) “drag and drop template” for my newsletter in previous editions. As I wanted to use the same format for my blog posts I wanted to be able to add the code as you suggested to my drag and drop templated so :
1) in MC, I chose my drag and drop template/which had my logo/layout etc.
2) exported as HTML (in the drop down arrow menu on the right of the relevent template).
3) edited in another program (my browser) the HTML code of the template as you described above.
4) In MC went back to Templates/Create Templates (left hand side top).
5) chose the option “code your own”/ “upload html”.
From this point I was able to get it to work (not using the excerpt but the full body content).
Note I use theme Divi and the page builder option for my blog layout. However MC obviously doesn’t recognise this “page builder layout”/tool. Instead I had replicate relevant content in the page section.
Hope this helps someone; if anyone knows about how to get MC to pull the content from the divi page builder layout let me know!
thanks again
Thanks for sharing!
Heather,
Great article. I couldn’t find this info anywhere else. Thanks for posting! Worked great for me.
Brian
Hi Heather, Thanks so much for this. It works immaculately. Is there any chance you know how to make the title a livelink in the content? I know I’m pushing, but if you did, I’d use it right out.
Thanks very much.
Sorry, I’m not sure. I don’t use the plugin anymore.
So many years later and this still helped me a ton!
Thanks for sharing!
Oh good, glad to hear it.
Heather,
Great article. I couldn’t find this info anywhere else. Thanks for posting!
But I have another pb:
when I choose (autoChimp): “Only use an excerpt of the post (AutoChimp will include a link back to the post). If you wrote an excerpt, that excerpt will be used. Otherwise, the first 50 words of the post will be used.”
…It doesn’t work. I don’t have a back link neither an excerpt in my campaign
Why
Thank’s for your answer
Luc