7 Custom MailChimp Email Signup Forms that Work

by Derek Halpern · 128 comments

Yesterday we shared 7 custom AWeber email signup forms that you can use to build your list.

However, if you look in the comments, there were many people who wanted those same forms for MailChimp too.

Well, your wishes have been granted :-D.

We had Alex Mangini whip together those same custom email signup forms for MailChimp.

7 Custom MailChimp Email Signup Forms

These forms are for MailChimp only. If you want the AWeber forms, see our article from yesterday.

Here’s how you use them:

First, download the zip file here:

Download these MailChimp Optin Forms

NOTE: These forms have been updated to fix a bug that occurred during installing. Please redownload if you had trouble before.

When you unzip this file, you’ll see 7 different folders. In each folder, you’ll see the directions on how to install each email signup form. Make sure you follow those directions.

Then, if you want to use those forms on your Thesis website, follow this tutorial here. You’ll see how you can add those forms in the 4 key places on your blog for high conversions. All you gotta do is replace “PASTE YOUR EMAIL SIGN-UP FORM CODE HERE” with the code from one of those files.

What Do These MailChimp Forms Look Like?

We posted the screenshots yesterday, but just in case you didn’t see them, here’s what these forms look like:

1.

MailChimp Email Signup Form 1

2.

MailChimp Email Signup Form 2

3.

MailChimp Email Signup Form 3

4.

MailChimp Email Signup Form 4

5.

MailChimp Email Signup Form 5

6.

MailChimp Email Signup Form 6

7.

MailChimp Email Signup Form 7

Do you want to see these forms for other providers?

Now that we’ve got these forms available to both AWeber and MailChimp users, we’d like to get these forms in more hands.

What other email service providers would you like to see these forms created for/ Let us know, and if there’s enough demand, we’ll try to get it done for you.

About the Author: Derek Halpern ran marketing at DIYthemes, and is the founder of Social Triggers. To get more tips on how to be confident, sign up to his list here.

If you enjoyed this article, enter your email below to get free updates!

{ 128 comments }

Chris Cheatham

You knew it was coming….

Can you do this for Constant Contact? Pretty please?

Thanks
Chris

Rob @ Atlanta Real Estate

I’m good with the Chimp, thanks.

Dave

Hi, I would love to see some forms for GetResponse.

That would be great and great appreciated.

Thanks.

Vítor Maia

Hello, so do I!

Please provide for GetResponse :)

Much appreciated.

Thanks

Louis

GetResponse All the way!!!

Stacey

iContact would be great! :)

tracey

Genius. Just another reason to love Thesis. Thank you so much!

Jon Prentice

Woah, I was JUST now working on cleaning up some MailChimp forms. I took a break to check my email and saw this…Thanks!

Where did you buy your crystal ball? I need one.

Anne Wayman

okay, now, how about some forms for getresponse?

Ellen Schmidt

I’d like to second Anne:

Can we get them also for Getresponse, please?
The templates are awesome!

Thanks,
Ellen

Usman Latif

Cool thing. A really great resource for a Thesis enthusiast but a novice in development. Would definitely be using anyone of these.

Thanks :)

Annie Sisk (Pajama Productivity)

Go, Alex. :)

LesleyB

YeaYYYY! Fabulous. I was only thinking yesterday when I saw the aweber ones… oh why can’t we have the same for Mailchimp! Well done chaps… now I guess I have no excuse for not getting on and building my proper website!

Cristina Ansbjerg

I can’t believe it! Finally someone taking care of Mailchimp’s users wishes and needs. It seems like only Aweber exists.

Congrats and thanks!

Kreativ Theme

Yup, Mailchimp user here too … thanks for the forms :)

Karin

Wow!! Thanks so much!

Jai

Thanks for awesome forms, but pls let a newbie out here know of changing the form code so it can be plugged into all AR service providers.

Brad Acker

Thanks Alex! You rock!

Jadah

Any forms for 1shoppingcart!?

I love your e-newsletters!

:-)

Laurie McCarriar

this is awesome! MadMimi please!! We love Mimi.

Nik

Thanks guys, will be implementing one of them before the weekend.

Marc

Awesome, thanks guys!

warner blake

MailChimp experts start at $80 an hour … i was suddenly happy with the subtle shades of gray design!

I once asked how i could have an opt-in form as nice as the one on their blog — http://blog.mailchimp.com/redesigning-mailchimp/ — and got no reply!?

So Thanks Alex and DIY!

Chris

I found many thesis based sites broken in Google Chrome (winxp), two eg. in your show case :
themogulmom.com
mxpolice.com
is that caused by your framework?

LK

The form appears perfect on the site, but when a name/email is entered…you’re taken to the web page sign up form with an error saying “email could not be sent.” Any idea what I might be doing wrong? BTW, the forms all look terrific.

LK

Tried the tricks listed below, but they don’t work for me. I’m sure it’s PILOT ERROR. The appearance on the page looks perfect. It just won’t behave as it should. DOH! Could a more skilled pilot help me?

Get Free Email Updates
I INSERTED MY TEXT HERE

Brendan

I use Alex’s themes on all of my sites so these forms are pretty par for the course. Top notch as always.

Just one quick note though: You guys a F___ing KILLING IT with these e-mails lately. I have about 50 e-mails ‘starred’ in my gmail and EVERY SINGLE ONE is from you guys dating back to when I first bought thesis in february!

My about page, my resources page, my e-mail forms, etc. The list goes on forever! Everything that I’ve had success with is because of these free e-mails. Thank you, Thank you, Thank you.

Julie

Awesome, can’t want to implement these on my sites. Great work Derek and Alex, you guys are the best!

alex

Nice I was just about to start using mailchimp. Is it better than aweber?

Lise Halskov

I am really impressed with you guys, it’s an awesome service to give out all this stuff. Thank you so much! :-) Lise

Carey @ Little Cherry Blossoms

Yay! Perfect, you guys are wonderful.

Puneet Sahalot

Great work guys! This was much awaited stuff :-)

Karin

I’m probably doing something wrong… The form works. When I enter an e-mail address I see the message that an e-mail is sent for confirmation, but I never receive the e-mail. When I use another form (wordpress plugin), I do get the e-mail. Any ideas what’s going wrong?

Alex Mangini

Hey Karin,

Did you replace the tag with your own from MailChimp?

steve

Hi Alex,

Could you please help me with a question regarding this part of installing the signup forms:

NOTE: MAKE SURE YOU REPLACE THIS:

WITH YOUR OWN FORM TAG FROM YOUR MAILCHIMP CODE

Forgive me if I’m missing the obvious, aside from placing my website address in the first quotion “http://url-here”

what do I do in the other 2 quoted areas
“post” and “_blank”

?

Thanks!

HeelShields

Nice. I use GWA and I just wonder how to change the color on the email sign up box to another color. Now if you decide you want to make templates for GWA – that would be AWESOME!

Danny Cruz

I’m late, but I’m here! Yay! Thanks for posting these! -Danny

Heather Allard

Bummer. None of them seem to be working for me.

Will try them a few more times…and then look for help on the forum. :)

Thanks, Derek!
Heather

Augusto

Hello Heather,

I had problems here too – this is what I changed to make it work:
Change

For

I also changed the to add the standard MailChimp has:

I don’t know if they are all needed, but this solved my problem.

Augusto

Hello Heather,

I had problems here too – this is what I changed to make it work:
Change
form action=”http://url-here” method=”post” target=”_blank”

For
form action=”http://url-here” method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank”

I also changed the to add the standard MailChimp has:

input type=”email” name=”EMAIL” class=”required email” value=”Enter your email” onfocus=”if(this.value==this.defaultValue)this.value=”;” onblur=”if(this.value==”)this.value=this.defaultValue;” tabindex=”501″

input name=”subscribe” id=”mc-embedded-subscribe” type=”submit” value=”Join Now!” tabindex=”502″

I don’t know if they are all needed, but this solved my problem.

Heather Allard

Thanks so much, Augusto! Will give that a whirl. :)

I really appreciate your help.
Heather

KatieP

I ended up doing the same thing. Looks fine in Chrome and FFox but not in IE … any ideas?

Augusto

Hi Katie,

The function worked fine for me, but it doesn’t look good on IE – it’s a CSS mess. I think we need to use conditional CSS for IE – something like:
!–[if IE]
style type=”text/css” media=”screen”
#optin fieldset {position: relative;}
/style
![endif]–
This might go just before div id=”optin” in your custom_function

You can see them in action (and in another language) at http://augusto.blog.br

Don’t know what to do exactly though. How can I test this? Is there a Firebug equivalent so I can play around with IE?

Glady

Mine looked fine on the frontpage but when I tried entering info I was sent to my mailchimo optin page where I have to input the same info. Any ideas?

Steffen

Hey Katie,
how did you translate it?

Pleace share!

Thanks!

Jen Knox

Even though I personally use Aweber and was so happy to see the forms for Aweber yesterday, I have a non-profit client migrating to MailChimp so this is perfect timing!

Thanks again!

Jenny

Brilliant, thanks! I saw the Aweber ones yesterday and thought I’d like them for Mailchimp and bingo – didn’t even have to ask. I love Thesis 

Gibbo

Thank you so much for all the recent tutorials folks. I don’t use aWeber or Mailchimp but these designs have been super helpful anyway just to see what a professional end product looks like.

Thanks heaps :)

Mir Imran Elahi

Awesome! Really excellent work! Thanks a lot for sharing.

Frederik

It wont work for me. It shows up fine, and when i fill out the form and press sign up, it works. But i’m never receiving the confirmation e-mail from mailchimp.

Anyone know why? when i use the standard mailchimp form-code it works fine..

Karin

Had the same problem. Now I use this code and it works:

Ontvang gratis updates!

Abonneer je op onze nieuwsbrief

Karin

Can’t post any code here. If you visit my site you can contact me (in the upper right corner its says ‘contact’) and I’ll email you the code if you like.

Augusto

Hi Frederik,

Try the changes I am suggesting in a comment up there to Heather – was having the same issues.

I suppressed the of the code so it would show up.

Derek, shouldn’t we have a [code] [/code] to make things easier?

Rob

Can’t believe you’ve gone and done this for MailChimp, Derek.

You are awesome! (and saved me $$ on hiring someone to help no doubt!)

Rob

Ron Kirchner

A big THANK YOU. I really like what you are doing recently to push the Great Thesis Theme and the Community surround it (e.g. developing of skins) to the next level.

Thanks for this beautiful SignUp Forms for MailChimp!

Matt Fields

This is great, thanks for posting this! I’d love to see the same for Constant Contact!!

Keep up the good work!!

Yolanda

Infusionsoft forms would be awesome! Thanks for considering.

Percival

I wish you could create one that is flexible enough to appy to other email service providers. It is easy enough for us to just copy and paste the code of that provider into the form.

Kelly Lester

MadMimi :) She’s the best!
(Jumped the Mail Chimp ship for her. So much happier too.)
These forms would be the bomb. Thanks for asking!

Anton Amoto

I love the idea of being applied this form to all email service providers (All-In-One Package Optin Form) like All-In-One SEO for all WP bloggers. What do you think?

LouAnn

Awesome thanks! I’m going to add one today!

Rob

Does anyone know which ‘IMAGES’ folder to be uploading to under THESIS?

I have more than one….the instructions simply state ‘images’ folder.

Assistance appreciated!

Rob

Alex Mangini

Hey Rob,

Just upload the images from the /images/ folder you got in the download into your Thesis installation.

Naveen Kulkarni

Hi Derek,
You have made my day :-)
I set the opt-in forms both at sidebar and end of posts using your templates.
They look awesome.

Checkout my blog http://www.planetnaveen.com to see them in action. Thanks so much.

Scott Cowan

I would love the Get Response version! These look great and I would really benefit from adding one of them to my new site! Thank you guys all rock!

Chris

Derek you legend thanks!! :)

Renee - Blacksheepyoga.com

Any chance you at Thesis have any sort of partnership and could create these forms with MyEmma?

Worth an inquiry,
Renee

LK

I have the exact same problem as Glady.

“Mine looked fine on the frontpage but when I tried entering info I was sent to my mailchimp optin page where I have to input the same info. Any ideas?”

Alex Mangini

LK,

Did you replace the form tag from the download here with your own form tag from MailChimp?

LK

Yes, it looks terrific on the page, but when you fill in the info and hit submit it takes you to the MailChimp opt in page with an error.

Alex Mangini

Did you replace the ENTIRE form tag?

Feel free to email me the code you used at alexfrais(at)gmail.com and I’ll take a look for you.

Michelle

Hi Alex/Derek,
Thanks a mil for taking the time out to make these forms! They’re fantastic!

Like some of the comments here, they look wonderful on the site but when I click through the submit button, the name/email disappear on the mailchimp form and you are forced to input them again on the mailchimp.

Any info would be much appreciated. (I’ve changed the “form action” bit as well as tinkered with a lot of the other settings but to no avail).

Thanks guys!

Misha

Hello!

Is there a way to automatically generate a newsletter for MailChimp with the top headlines for the day, for example. Anybody doing this?

Thanks.

Cristina Ansbjerg

None of them work for me…

Alex Mangini

Redownload the ZIP file, the instructions were made more clear and with better working code.

Bob

I am also experiencing this:

“Mine looked fine on the frontpage but when I tried entering info I was sent to my mailchimp optin page where I have to input the same info. Any ideas?”

Ditto for creating versions for MyEmma.

Charisse

Thanks so much for the forms, I will let you know how they work on my art studio site. Keep up the great work.

Alex Mangini

Hey Cristina,

What’s the issue exactly?

Janet Porcaro

This is very useful. Thank you. Question: is the code just HTML? The reason I ask is because I do volunteer work for a team that creates Drupal based PTO (Parent Teacher Organization) websites. If it is HTML, I could use the same code in Drupal by creating a block.
My paid work is real estate. Many Realtors use Point2 for their real estate web site. Any change you could give us the forms for Point2? My business site is http://www.YourNewtonMove.com.
Thanks for all you do. You guys are the cat’s meow!

Alex Mangini

Hey Janet,

Yes, these forms are made with HTML and styled with CSS.

Patrick

I am experiencing the same problem as Heather. I don’t get the confirming email. Everything else works.

This is an awesome addition if I can get it to work right. Any suggestions?
Thanks, Derek for Thesis and all else! You are a small business hero!
Patrick

Alex Mangini

Hey Patrick,

Did you replace the entire form code from the download with your own form code from MailChimp?

Puneet Sahalot

Coming here again to Thank You guys!
These form styling codes have saved me a lot of time on 5 different sites :-)

Alex Mangini

That’s great to hear! Glad you like them. :)

sean

It worked, except for the stuff in the custom.css file, which I am accessing from Filezilla. Any ideas of some easy fixes that might have caused this? The form shows up, but not the custom colors or background.

Am I doin it wrong??

Thanks!

Alex Mangini

Hey Sean,

You pasted the CSS code into custom.css and saved it right? What’s the link to your site, I’d like to take a look.

Bill Z.

Yes, we’re all following the instructions EXACTLY and it doesn’t work! The form loads, but without any styling/images. And then redirects to a MailChimp form where you have to re-enter your info. The instructions are flawed.

Jonny Rowntree

I’m having the same problem Alex & Bill. Replaced the http://url-here with the MailChimp url they provided me with and it doesn’t work.

Patrick Schriel

Is there anyone who can help me with the correct code so that it works in IE as well?

Patrick Schriel

Now I know why they invented the refresh button ;-) It solved my issue with IE.

Deborah

Would love to see these for Vertical Response. I am so impressed!

When I have time, I’m going home to open them up and see if I can make it work for VR, but if you are able to create them, that would be so wonderful!

Thanks!

Harry Phan

How to create a field text and a button in the same line ???

Martyn Chamberlin

Alex, I like you, but you’ve led a lot of people astray in this article. No matter how pretty forms are, if they don’t work they’re useless.

For the record, the instillation instructions in this zip don’t work. Everyone in the comments has said as much, and here’s why they’re right.

It takes more than just a unique URL in the Mailchimp ;<form;> field. There are two hidden inputs without which your form will NOT work.

I think you owe it to the community to update the zip instructions.

thanks,
mc

Cristina Ansbjerg

Well said, Martyn.
It’s not the first time the instructions provided here are not complete or confusing.

Alex Mangini

Hey guys,

When I tested these, all worked fine. I didn’t see any hidden fields in the code I got from MailChimp, so I’ll certainly take a look again through MailChimp to see what the issues could really be.

Thanks for your patience here!

Renee

I agree with Martyn. The forms — though lovely — don’t work for the reasons described above. I’ve spent all afternoon trying workarounds with mine, and though the form now works, it (currently) looks like shite.

It would be GREAT if Alex stepped up and helped us out here.

Lisa Fine

Love these tips.

I added the widget to my blog, which I love. I would also like to either add a MailChimp email opt-in at the end of each post, or as a feature box, but the directions that came from above only had the option for the widget.

I tried using the links to the other pages shared, but they didn’t make it clear what code to use. When I tried the basic code, it didn’t look as clean (or work) like the widget. Thanks!

Renee

I figured out how to make the form work. (Form #2 anyway.) If you need the code and the accompanying CSS, send me a note through the Contact form on my site.

Petr

Renee I sent you a request… Can you help me?

Renee Taylor

Hi Petr,
I did send you an email a couple weeks ago, and I hope you got it. Let me know if not.
Best,
Renee

Robert

I was initially excited too but after several hours of work, the instructions are incomplete. Disappointing.

Robert

I went back to my old WP Plugin Sidebar Domination. It’s very limited but at least it works.

Alex Mangini

Robert,

Would you consider giving another try? I’ve put out a new version that makes things a lot simpler.

Ruan

Thanks a mil Derek! I have been following your tips & tricks for a while now, been awesome!

One quick question though. I want to integrate form 5 above my sidebars, have inserted the code you gave on another tutorial into my custom.functions.php, but somewhere I have to replace the URL with mine. I am not sure where I must get that URL from though, as surely if I use the URL for a form I have in my MailChimp account, then it will just take the person to that form, instead of directly signing him up with the details he submitted.

Could you please just tell me what URL I should use? Where can I get this URL within my MailChimp account?

Thanks!!

Robert

I also need the URL – does not work as described…

thanks

Fazreen

I can’t get the css work on firefox. But it work perfect on chrome. Anyone know the solutions?

Dave Thackeray

Like pretty much everyone else here, I was jumping for joy when I discovered this. Tried to install the first form, and it absolutely doesn’t work as it should. You complete it (and when the email address overlays the envelope icon it looks really fugly, for starters) and then it takes you to a broken Mailchimp form.

I have to say, I was thinking this was going to be awesome and after spending time with it, have only a bitter taste in my mouth instead.

Hope someone can figure out a way to fix it – then it will be incredible.

Happy new year, everyone.

Mike

It seems that some of us are having some technical problems with this optin form. Like many others, when I hit subscribe I’m directed to a mailchimp signup form where it says “unable to send mail”.

Now I’ve been fiddling a bit with the code and come to the conclusion that the input type for the email must be wrong, as it states something like input type=”text” in the beginning of the email input. Obviously it should be email and not text.

Changing this however alternates the layout the signup, so atm I’m a bit stuck.. Also, the code does not pass the name through to mailchimp .. Seems it needs a bit of work, and form what I can see the code of this package (Optin Forms) is the same as AWeber Optin Forms..

Wish I was a Jedi Programmer…

Alex Mangini

Hey Mike,

I sent a fix to the editor, and hopefully it should be out soon. When I first released this, I guess I didn’t have a full understanding of how MailChimp handles the forms, and missed out on some important details.

Once the fix gets published here, everything should work out. I’ve also included a lot clearer instructions.

DRN

Alex – when will the fix you reference above be published. I just downloaded the zip file and have all the same problems as Mike and others? If there is a fix, does anyone know about it?

Thanks

Alex Mangini

Hey DRN,

The fix is out! Redownload, and try again. Everything is a lot simpler now.

Michael Stults

On my site, http://www.AnnieSorensen.com, when you optin the email addy isn’t carrying over causing an error. I used the same exact code on another site and it works. Any ideas for me? It isn’t popping the emial addy on the click.

Get Free Email Updates
Join hundreds of amazing subscribers…

Michael Stults

Sorry.. I tried to past the code… ha!

Alex Mangini

Just letting everybody know:

A new version of this has been put out. It will fix the issues you had with the older version.

As always, if you need help with anything – reply here. I’ll be carefully watching this post.

griselda

Hi Alex. Just downloaded the new zip folder. The css is not working on my site. Can you take a look please. thank you.

Michael Stults

Works like a charm now! Thanks!

Shayna

Hello! I haven’t tested the functionality of the form yet, but the css styling doesn’t seem to be working – my form stays “naked” :-p The images are in the thesis custom folder and the code was pasted in custom.css and saved. Any other tips?

Vlad

Shayna, I have the same problem – the form (I use the 1st one) looks pretty basic, or naked as you say.

Shayna

Er, sorry, left the wrong URL in my previous comment.

Friday

If I wrote a bit of code that made the submission process ajaxed (so they never leave the page) would you guys want this? I’d be happy to share it!

Thanks for great looking forms.

Carson

Hi, great work! An amazing service to the community. Thank you!

I’ve missed a step somewhere to get the “Get Free Email Updates” text to display at the top of the form. Any ideas on how to add this in?

thank you!
Carson

Ben Holt

A collective hug to the DIYthemes team! This is just one more way you provide excellent value to your tribe, and one more reason I’m a dedicated Thesis user. Thanks!

AHS

Great article – thanks Derek. I finally managed to get the form set up and working the way I wanted BUT when I tested it out, I found to my dismay that MailChimp requires everyone to have their mailing address included in each email. I want to use the list primarily for sending out blog updates, and don’t necessarily want my mailing address displayed to blog readers. I subscribe to a couple of blogs and I never see a mailing address included … and am now wondering if those are powered by Feedburner and therefore not suitable for building a mailing list. Can anyone shed any light on this? If the address is required to comply with anti-spam laws as MailChimp claims, why are the other providers not doing the same thing? And are there any mailing list providers that don’t require this sensitive info to be sent out?

(Apologies if this doesn’t belong here, but I can’t really find a forum in which to ask about this!)

Trung Nguyen

These forms above are great, many of my readers asked me about this, thanks for share.

Celine

Thanks for this! Great post! However, I downloaded the files and the instructions are not very clear (all spread out over 2-4 lines in a notepad file).

Are there any clearer instructions on how to edit the code?

Thanks!

Laran

In this code:

Below please type the name of the person who sent you or type “none”

What does the “name=”FNAME”” refer to? I’m adding one additional class and I’m having trouble getting my image into the form. I know the “mce-FNAME” refers to my email provider field but I’m not sure what the first FNAME is doing.

Thanks

Rahul

Everything is working except the images like the png files. This is the code for the name. What is wrong here. Please Help:

#optin input.name { background: #fff url(‘http://www.pricenfees.com/wp-content/uploads/2012/07/name.png’); no-repeat 10px center; padding-left: 35px }

Danielle

WOW, stunning! Thanks so much…. you made me feel like a pro. lol :)