Skip to content

MailChimp Newsletter Sign Up Form

GeorgieKie edited this page Sep 7, 2012 · 22 revisions

###How to Add MailChimp Sign Up Form?

  1. Install Contact Form 7 plugin (http://wordpress.org/extend/plugins/contact-form-7/ More info at http://contactform7.com/)
  2. Install CF7 Autoresponder Addon (http://wordpress.org/extend/plugins/contact-form-7-autoresponder-addon-plugin/)
  3. Create a subscription form with just an email text field and subscribe button.
    3.1 Enter following code under "Form":
    <label for="mc-sign-up-email">Your Email</label>
    [email* your-email id:mc-sign-up-email akismet:author_email]
    [submit id:mc-sign-up-button "Subscribe"]

    3.2 Change up info, alert and error messages in "Messages" tab.
  4. Copy the shortcode and enter it on line 20 in the sidebar.php file
  5. Get an API Code from Mailchimp and enter it under Settings -> CF7 AutoResp Addon along with the list name you want the visitors to subscribe to.
  6. Make sure "Enable Mailchimp List Insertion" is checked.

###NOTE: To omit MailChimp Subscription in any other CF7 form on the site follow these steps:

  1. Add checkbox to the form in this way <div id="mc-cb-subscribe">[checkbox mc-subscribe "Subscribe"]</div>
  2. Add #mc-cb-subscribe {display: none} to your style sheet

This makes sure that the email from a form will not be added to MailChimp

Clone this wiki locally