Simple form
Collect signups from any web page with a customizable form.
You may want to collect signups from your website directly into Loops.
Generate the form
Easily generate an HTML or JSX form for collecting new signups for your mailing list from inside Loops.
Go to the Forms page and customize your form.
Here you will see settings to manage features of your form:
- add contacts to mailing lists (make sure your lists are marked as Public first)
- add a “User group” value to each contact
- change the layout
- edit the button color
- edit the success message
When you’re happy with your form, copy the HTML into your website.
Add more fields to the form
It’s possible to add other fields to your form if you want to collect more than just email addresses.
The following contact properties can be added to a new contact via a Loops form endpoint:
- Email
email
- First name
firstName
- Last name
lastName
- User group
userGroup
- Source
source
(default value is “Form”) - Notes
notes
- Created at
createdAt
- Mailing list subscriptions (read more)
The only contact property that can be updated on an existing contact via a form endpoint is userGroup
.
Existing contacts can be added to new mailing lists via a form, but not unsubscribed.
When adding fields to a form, use the “API Name” value found from your API settings page as the name
attribute for each field. See the above list for examples.
For example, this code would collect a First Name and add the contact to a mailing list (using a hidden field input that doesn’t appear in the web page):
If you want more flexibility when creating signup forms, read about creating custom forms.