Guide: How To Activate Mailchimp Integration (2 min)

By September 9, 2018Guides 🍓

Collecting emails is a crucial goal for the majority of landing pages. With Unicorn Platform you can quickly hook up your MailChimp account and start collecting emails right away. This illustrated guide will help you to set the forms up in a few minutes.

Unicorn Platform offers predesigned and precoded AJAX forms (so-called Diaforms) which work out of the box:

Unicorn Platform Diaform Example

Unicorn Platform Diaform Example

These magical forms do this:

  • Engage users to subscribe to your newsletter.
  • Collect emails and send them to your MailChimp list via AJAX.
  • Show server or network errors.
  • Offers users to follow your Twitter, Facebook or any other social profile.

 

All you need to activate it is to copy-paste a unique attribute from your MailChimp account. Here is a few-steps guide to set the forms up:

 

1. Login and Go to “Lists”

Login into your MailChimp account and navigate to the Lists page.

Lists Page MailChimp

Step 1: Go to the ‘Lists’ page in MailChimp

 

2. Select a List

Select a MailChimp list you want to fill in. If you don’t have any lists – create one.

Select a MailChimp List

Step 2: Select a MailChimp List

 

3. Click “Signup forms”

Step 3: Select 'Signup Forms'

Step 3: Click ‘Signup forms’

4. Click “Embedded Forms”

Step 4: Click 'Embedded forms'

Step 4: Choose ‘Embedded forms’

Step 5: Click “Unstyled”

Step 5: Click "Unstyled"

Step 5: Click “Unstyled”

 

Step 6: Copy the “action”

Now you see an example of an unstyled form. What you need in the action attribute value.

The desired MailChimp form attribute

The desired MailChimp form attribute

Take note, that MailChimp may select the whole code for you (but you only the needed little string). That’s not a problem for such a sharp-witted maker like you. Copy the code into any text editor (e.g. SublimeText) and extract that little string:

Getting the action value

Getting the action value

Final Step: Replace the “action”

All you need to do is to paste the extracted action value into a Unicorn Platform component which contains a MailChimp form:

Replace the "action"

Replace the “action” in your Unicorn Platform template

 

 

That’s all! Congratulations! Now your form will collect visitors’ emails and send them to your MailChimp list.

If you need any assistance with the forms you can get quick support in the official Unicorn Platform Slack community.

Leave a Reply