How To Activate Mailchimp Integration
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.
Updated on the 8th of July 2022. Mailchimp has changed its interface, so I have changed the screenshots below.
Unicorn Platform offers predesigned and precoded AJAX forms (so-called Diaforms) which work out of the box:
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.
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:
Log in to your account https://login.mailchimp.com/, or create an account if you are not registered yet.
Here you need to copy the form action link from the code.
To find the right section of the code, use the search on the page with the keyword "action" (Cmd+F or Ctrl+F in most browsers).
Select and copy the value of the action. Please do not include the quotes.
Example of the correct form action:
https://page.us13.list-manage.com/subscribe/post?u=9253a27d310ccbf9b6a182&id=5dcb26c4&f_id=00ed5e9f0
All you need to do is to paste the extracted action value into a Unicorn Platform component which contains a Mailchimp form.
That’s all! Congratulations! Now your form will collect visitors’ emails and send them to your Mailchimp list.
If you want to collect more types of data (such as names, phones, websites, etc.), you will need to perform an additional configuration.
First, add the required fields to a Unicorn Platform form.
By clicking on the gear icon, open the settings for a field and check its name.
In Mailchimp, go to Signup forms > Settings tab > Audience fields and |MERGE| tags.
Check if the field name in Unicorn Platform matches one of the default names in Mailchimp.
The name of the Unicorn Platform form field "TEL" does not match the "PHONE" field name in Mailchimp.
To avoid losing data from the submitted form, we need to match the field names.
We can change it both in Unicorn Platform form editor and in Mailchimp settings.
It doesn't matter where exactly, the main thing is that they match.
In this case, we have changed the field name in Unicorn Platform to match the field name in Mailchimp.
Make sure to write field names in upper case.
Let's say you want to add a website field to your form.
By default, Mailchimp doesn't have a field named "WEBSITE" so we need to create a new one. To do so, click Add A Field.
Select a field type to add. In our case, it's Website.
Change the name of the field to match with Unicorn Platform's field, i.e. "WEBSITE" (check the name of the field in the form editor in Unicorn Platform) And click on Save Changes.
Facing difficulties setting up the integration? Feel free to contact us via support chat 🙂
🙌
Q:
Why is the form not being submitted (error: Please enter a value)?
A: You definitely need to add the email field, it is configured by default in Mailchimp, so you also need to add it to your form on your website..
Updated on the 8th of July 2022. Mailchimp has changed its interface, so I have changed the screenshots below.
Unicorn Platform offers predesigned and precoded AJAX forms (so-called Diaforms) which work out of the box:
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.
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. Log in or create an account
Log in to your account https://login.mailchimp.com/, or create an account if you are not registered yet.
2. Go to "Audience" and navigate to the "Signup forms" page
Step 3. Choose “Embedded Forms”
Step 4. Skip editing the form and click on "Continue"
Step 5. Copy the action
Here you need to copy the form action link from the code.
To find the right section of the code, use the search on the page with the keyword "action" (Cmd+F or Ctrl+F in most browsers).
Select and copy the value of the action. Please do not include the quotes.
Example of the correct form action:
https://page.us13.list-manage.com/subscribe/post?u=9253a27d310ccbf9b6a182&id=5dcb26c4&f_id=00ed5e9f0
Step 6. Insert the action
All you need to do is to paste the extracted action value into a Unicorn Platform component which contains a Mailchimp form.
That’s all! Congratulations! Now your form will collect visitors’ emails and send them to your Mailchimp list.
Additional form fields
If you want to collect more types of data (such as names, phones, websites, etc.), you will need to perform an additional configuration.
First, add the required fields to a Unicorn Platform form.
By clicking on the gear icon, open the settings for a field and check its name.
In Mailchimp, go to Signup forms > Settings tab > Audience fields and |MERGE| tags.
Check if the field name in Unicorn Platform matches one of the default names in Mailchimp.
The name of the Unicorn Platform form field "TEL" does not match the "PHONE" field name in Mailchimp.
To avoid losing data from the submitted form, we need to match the field names.
We can change it both in Unicorn Platform form editor and in Mailchimp settings.
It doesn't matter where exactly, the main thing is that they match.
In this case, we have changed the field name in Unicorn Platform to match the field name in Mailchimp.
Make sure to write field names in upper case.
Creating new fields in Mailchimp
Let's say you want to add a website field to your form.
By default, Mailchimp doesn't have a field named "WEBSITE" so we need to create a new one. To do so, click Add A Field.
Select a field type to add. In our case, it's Website.
Change the name of the field to match with Unicorn Platform's field, i.e. "WEBSITE" (check the name of the field in the form editor in Unicorn Platform) And click on Save Changes.
Facing difficulties setting up the integration? Feel free to contact us via support chat 🙂
🙌
F.A.Q
Q:
Why is the form not being submitted (error: Please enter a value)?
A: You definitely need to add the email field, it is configured by default in Mailchimp, so you also need to add it to your form on your website..
Updated on: 12/09/2024
Thank you!