Forms and data collection

You can collect form data directly in Froont using our forms with integrated data collection. Each form can collect your data into a list that you can view and export when needed. Multiple forms can send data to the same list as well. You must be on the Personal, Business or Studio plan to enable the data collection.

1. Add a basic form from the library.

Add forms from the library

2. Modify colors and add new fields if necessary. You can do that by copy-pasting input fields within the form. There is no limit how many fields you can have. All you must remember is to assign different names to each of them:

Add new form fields

3. Set a target in which list the data will be collected. Either create a new list or select from existing list:

4. Now you are all set and the user submitted data will be automatically added to your list. You can find it in Data collection > List name

Froont data collections and forms
Froont data collections and forms

5. At any time you can view and export your data to a CSV file.

Froont data collections and forms

6. That’s it! Now you’re ready to collect data in your website. After submitting the form users will see a success message like this:

Success message

You can also collect the data directly to Mailchimp or integrate with other third party services.

Submit data via forms and Mailchimp

If you’re looking how to collect data via Froont Data collection forms click here.

You can also collect data using third party services like Mailchimp. Forms in FROONT are mobile ready from the start, adjusting for various layouts.

MailChimp uses an embedded HTML form to collect email signups and only you inly need to enter your form action URL so that email addresses end up in the right place. To start receiving email addresses you will need a MailChimp account and a list. Then follow these steps:

1. Select  Lists
2. Select Signup forms
3. Select Naked
4. Find your form action URL, which is the unique URL that you need in order to link your form to MailChimp.

 

froont_forms_02

The pasted code should be similar to this:

//f.us5.list-manage.com/subscribe/post?u=26c89fcbb155c186eb054edeb&id=7bc2196fc

5. Copy the selected code and paste into FROONT form widget Properties > Action URL:

 

mailchimp-forms

That’s it! Your form is ready to accept submissions!