Send Webflow signups to Loops

Keep the forms you design in Webflow and add every signup to Loops as a contact. Hidden fields set lists and properties, and a workflow sends the first email.

Webflow hidden fieldsource
userGroupmailingListssignupPageUrl
A
Your Acme launch checklistAcme · to Sam
Launch checklistPDF

Here’s your checklist, Sam

Thanks for signing up on the Acme site. Your launch checklist is ready to download.

Download the checklist
AcmeQuestions? Just reply to this email.
More

Your Webflow forms, connected to Loops

Loops stores each signup from a native Webflow form as a contact.

Signups become contacts

Each submission adds a contact, with fields named after your Loops contact properties.

Hidden fields

Add an Embed with hidden inputs to set source, userGroup, or a custom property on every signup.

Mailing lists

Pass one or more list IDs in a hidden mailingLists field. The lists must be Public.

Start a workflow

Contacts added through a form start workflows with the Contact added trigger, with emails and timers.

How it connects

A script and a form action in Webflow. The docs walk through each step.

Add the script

Paste the Loops script into Footer code for the whole site, or into one page’s custom code before the body tag.

Set the form action

Copy the form endpoint from the Forms page in Loops and paste it into the Webflow form’s Action field.

Paid Webflow plan

Embedding the script needs a paid Webflow plan that allows custom code.

Frequently asked questions

How does a Webflow form send signups to Loops?

Do I need a paid Webflow plan?

Where does the script go?

How do I set a source or mailing list for every signup?

Why does my test submission show an error?

Is there a free plan?