Check out our specific documentation for adding forms to Framer and Webflow.

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):

<input type="text" name="firstName" />
<input type="hidden" name="mailingLists" value="cly2xnjbn002z0mme68uog1wk" />

If you want more flexibility when creating signup forms, read about creating custom forms.