MailChimp Set-Up

  • Enter and connect the Lab MailChimp API key
  • In Forms/ Settings
    • The list should typically be “Cornell Lab eNews”. There are only a few exceptions
    • Use double opt-in? Should be “Yes”
    • Update existing subscribers? Should be “Yes”
    • Replace interest groups? Should be “Yes”
    • Subscriber tags? Should be left empty
    • Hide form after a successful sign-up? Should be “No”
    • Redirect to URL after successful sign-ups? Should be left empty
    • Enable AJAX form submission? Should be “Yes”
    • Append to all posts? Should be “No”
  • In Forms/ Fields
    • When you are working on a site with a Special Interest Group 
      • Under “Interest categories”, select “Pick Your Interests” to bring up the dialogue window
        • Check your interest check boxes 
        • Uncheck “Wrap in paragraph tags?”
        • Click “Add to Form”
      • In the form code area, clean up the form code presentation
        • leave only the labels you want above “Email Address” label
    • Save Changes

Sample Code

<div class="checkboxes">
  <label>
    <input name="INTERESTS[e49185fbaf][]" type="checkbox" value="5f780d73e0" checked="true"><span>Cornell Lab eNews</span>
  </label>
  <label>
    <input name="INTERESTS[e49185fbaf][]" type="checkbox" value="b35d13cbc7" checked="true"><span>Elephant Listening Project</span>
  </label>
</div>

<label for="email">Email address<span class="required">*</span></label>
<input type="email" id="email" name="EMAIL" required="true">
<input type="submit" value="Subscribe" />

Styling options

Add <div class=”checkboxes”> around checkbox form fields to display them inline and centered. By default they are stacked and left aligned.

Add <div class=”inline-fields”> around email and submit button to display the fields inline as a single row. By default, they are separate, centered and on two lines.

This is an example of a global CTA

Supporting Text for the global CTA