Duplicity - How to Set Up a MailChimp Subscribe Form

Duplicity works with the MailChimp for WordPress plugin.

Setting Up MailChimp for WordPress

First install and activate the plugin. Then go to the MailChimp for WP settings panel in your admin menu. You will need to obtain a MailChimp API key. Follow the link provided by the plugin to obtain that, enter it, and save.

Then you'll need to set up your form. Go to MailChimp for WP > Forms, choose a name for your form, and select a list.

Once you get to the Edit Form page, you want to adjust the settings to look like this:

Form Fields - Just email address:

<label class="screen-reader-text">Email address: </label>
<input type="email" name="EMAIL" placeholder="Your email address" required />

<div class="button-wrapper">
	<button type="submit">Sign Up</button>
</div>

Form Fields - Email and first name field

<div class="form-row">
  <label class="screen-reader-text">First Name</label>
  <input type="text" name="FNAME" placeholder="Your name">
</div>

<label class="screen-reader-text">Email address: </label>
<input type="email" name="EMAIL" placeholder="Your email address" required />

<div class="button-wrapper">
	<button type="submit">Sign Up</button>
</div>

The most important pieces of this code are:

1. Putting the <div class="button-wrapper"> tags around the submit button.
2. Changing the submit button from <input type="submit"> to <button type="submit">

Without those two changes, the submit button will not get the cool overlapping effect!

Form Appearance

Make sure "Form Style" is set to Inherit from Duplicity theme.

Adding an opt-in form to your sidebar.

Once you've set up your form, you can then go to Appearance > Widgets and add the MailChimp Sign-Up Form to your sidebar.