12 Responses to How to Embed a MailChimp Signup Form in WordPress

  1. Rebecca says:

    this was helpful, thanks! Do you know how to change the size of the form? I need it narrower (see the form I have now - http://www.theuncagedlife.com - I want it that size). Any ideas?

    Thanks!

  2. Lee says:

    yep that's good alright cheers for the code. To Jonathan above these 2 videos I did show you how to change the submit button color and where to find the handles that control it

    cheers

  3. Lesley says:

    Do you know how to place the submit button NEXT to the field vs under the field on the mailchimp sign up forms?

    • Graham says:

      I haven't done it myself, but try shrinking the width of the input field, and using "float: right" for the style of the div with the Subscribe button. Good luck!

  4. Graham, thanks for sharing this. I have tried on one of my blogs to set up a mailchimp function but I ended up outsourcing the form creation task.

    I'll have to follow your instructions in detail and see what it can be done as I wanna change my outsourced form.

  5. Jer says:

    Thanks! All I needed was the Raw HTML plugin from WordPress, and my form looks great.

  6. Jonathan says:

    Hi Graham. I just wanted to say a big thank you for your post. I spent literally hours last night trying to style my MailChimp signup form so it didn't look like garbage. It's still not perfect (I can't figure out how - or if I even can - change the background color of the button. Thus far, I've only been able to modify the font color), but it's a heck of a lot better than the stock form. Thanks again.

  7. mg says:

    I wonder, how would you make it just a simple one line form, like an input field with the text "your e-mail" in it, then the submit button on the right, but maybe not the ugly mailchimp one, something more html/css.
    what do you think?

    • Graham says:

      It'll take some tweaking and I haven't done this myself, but I'd start by turning off "required field" for all fields other than "Email Address" in the MailChimp form designer, then follow the instructions in my article but make the Subscribe button "float: right" and adjust the widths to suit your template and make everything fit. I'm not sure how to put the text in the input field; this is the way MailPress does it but I'm not crazy about it. Good luck!

  8. Juan says:

    I have some issues with mailchimp form in my wp site.

    Can't get to fit nice and clean.

    I'm not sure if your post will help me with that.

    I'll try

    Thanks

    Juan

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>