Webflow
By integrating with our form endpoint you can use the existing form capabilities you already have implemented on your site, while still getting the advantage of some of our safeguards for form entry.
It’s also an easy way to integrate with tools like Webflow without having to use our API. You will need to find your form endpoint in your Loops dashboard and then add it to your Webflow form settings.
Before you get started, add a custom script to your Webflow site
Add a custom script in your Webflow page settings in the “Before </body
> tag” section inside Webflow: https://gist.github.com/askkaz/44ba29cf1898c60e3eb03903e63e2cc4. This script will allow you to use the Webflow form submission to send data to Loops.
Please rememebr to add the custom script. If you do not add the custom script, the form will not work.
Find the form endpoint
- On the left hand side of the screen, select the “Forms” tab to navigate to the Forms page.
- Navigate to the “Settings” tab.
-
Your form endpoint is the URL listed in the “Form Endpoint” input. Click the clipboard icon to copy it to your clipboard.
-
In your webflow form settings, paste the form endpoint you copied from into the “Action” input.
-
Update the form text field settings so the “Name” matches the typing conventions for Loops:
email
,firstName
, etc.- If you’re unsure of the contact property, visit the API Settings page for an overview of all of your contact properties.
Please make sure these contact properties already exist inside of Loops in your audience table. You can add new contact properties via CSV or by API.
- If you want to set a property for all contacts that submit the form, you can use an embed to insert a hidden field:
Note: there is rate limiting, so you will get an error in testing if they submit more than once per minute or submit the same email twice.