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
- Under “Interest categories”, select “Pick Your Interests” to bring up the dialogue window
- Save Changes
- When you are working on a site with a Special Interest Group
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