Summary

  • Overview
  • Adding Form
  • Edit Form
  • Creating Audience
  • Field Tags
  • Submit Code

Overview

This article describes how to fill MailChimp's list with data captured by the Nicepage Form. For example, you need a Form containing the Email, First Name, Last Name, Phone, and Message fields. The Form should send this data to Mailchimp.

Nicepage Form supports basic fields like Email, Message, Phone, and custom fields like Text, Textarea, and Checkbox. You can use custom fields for First Name and Last Name fields.

Adding Form

You can add the Contact Form Element from the Add Menu.

form1.png

Editing Form

Remove the unnecessary fields and add custom fields of Input type for First Name and Last Name:

form2.png

Add unique name attributes for the custom fields.

form3.png

Creating Audience

For the new Mailchimp account, the Audience is created automatically and Mailchimp fills it in with the details you provide.
Read more about adding a new Audience

Once the Audience is created, select it in the list and click Signup forms.

sign-up-forms.png

Select Form Builder.

form-builder.png

Build the Form with the same fields as you made in Nicepage Editor.

build-it.png

Field Tags

IMPORTANT! The data in the Field Tag of the fields in the MailChimp form must match the name attributes of the corresponding Nicepage fields.

Please note that you should only type the MailChimp's Field Tag name attributes in the upper case.

form8.png

Submit Code

Go to Signup forms - > Embedded Forms section.

embedded-forms.png

Like previously, go to the Classic tab and copy the Form Action URL.

form10.png

Return to Nicepage, select your Form, go to the Property Panel, select the Submit Tab, and select the MailChimp.

form11.png

Paste the copied Action URL to the field under the list.

form11-1.png

Save Changes.

Testing Form

You can now test your Form. Enter data into the Contact Form fields, then click on the "Submit" button in the browser preview.

form12.png

Go back to your MailChimp and verify that you get the new form submission.

form13.png

Recommended Reading

## Summary - Overview - Adding Form - Edit Form - Creating Audience - Field Tags - Submit Code ## Overview This article describes how to fill MailChimp's list with data captured by the Nicepage Form. For example, you need a Form containing the Email, First Name, Last Name, Phone, and Message fields. The Form should send this data to Mailchimp. Nicepage Form supports basic fields like Email, Message, Phone, and custom fields like Text, Textarea, and Checkbox. You can use custom fields for *First Name* and *Last Name* fields. ## Adding Form You can add the Contact Form Element from the Add Menu. !form1.png! ## Editing Form Remove the unnecessary fields and add custom fields of **Input** type for First Name and Last Name: !form2.png! Add unique name attributes for the custom fields. !form3.png! ## Creating Audience For the new Mailchimp account, the Audience is created automatically and Mailchimp fills it in with the details you provide. [Read more about adding a new Audience ](https://mailchimp.com/help/create-audience/) Once the Audience is created, select it in the list and click Signup forms. !sign-up-forms.png! Select Form Builder. !form-builder.png! Build the Form with the same fields as you made in Nicepage Editor. !build-it.png! ## Field Tags IMPORTANT! The data in the **Field Tag** of the fields in the MailChimp form must match the name attributes of the corresponding Nicepage fields. Please note that you should only type the MailChimp's **Field Tag** name attributes in the upper case. !form8.png! ## Submit Code Go to Signup forms - > Embedded Forms section. !embedded-forms.png! Like previously, go to the **Classic tab** and copy the Form **Action URL**. !form10.png! Return to Nicepage, select your Form, go to the Property Panel, select the Submit Tab, and select the MailChimp. !form11.png! Paste the copied Action URL to the field under the list. !form11-1.png! Save Changes. ## Testing Form You can now test your Form. Enter data into the Contact Form fields, then click on the "Submit" button in the browser preview. !form12.png! Go back to your MailChimp and verify that you get the new form submission. !form13.png! ## Recommended Reading - [How to use Mailchimp](https://mailchimp.com/help/) ##