Webflow forms let you collect leads directly from your Webflow site. Without any integration to the rest of your stack, you'd have to manually export submissions from Webflow and import them to your CRM and/or marketing automation tools.
With the help of Outfunnel, you can make sure all your new leads get added to your CRM helping you save time and drive more sales. Here's what it does:
Automatically add new leads from Webflow forms to your CRM (Pipedrive, Copper, Salesforce, or HubSpot CRM) — no more manually exporting-importing lists.
Map custom fields, so all the necessary data is synced to your CRM — and sales can easily create custom filters or lists to categorize the incoming leads accordingly.
Do actions in the CRM, like creating an activity, note, lead, deal or a field update
What you'll need to get started
A published Webflow site. Webflow only exposes forms and their fields after the site is published. If you've just added a form or a new field, publish the site before heading to Outfunnel — otherwise the form or field won't appear in the selectors.
At least one form on your Webflow site.
One Webflow workspace per Outfunnel account. Webflow authorization is granted per workspace — the connection only has access to sites in the workspace you authorize. If you have sites in multiple Webflow workspaces, you'll need to pick one to connect. Reach out to support if you need to cover sites in more than one workspace.
A CRM account with admin access. Outfunnel supports Pipedrive, Hubspot, Copper, and Salesforce.
How to record Webflow form submissions in your CRM
1. Choose your apps
To get started head to Outfunnel > App connector and select your apps.
2. Authenticate your apps
Authenticate Webflow and your CRM. For Webflow, choose the workspace to authorize — the connection will have access to all sites in that workspace. Then, create the connection.
💡 One workspace per connection. Webflow authorization is scoped to a single workspace. If you re-authenticate from a different Webflow workspace later, the new workspace replaces the previous one — sites connected under the old workspace will no longer be manageable from Outfunnel (form submissions already flowing will continue, but you won't be able to edit or add new forms from the old workspace). If you need to sync sites from multiple Webflow workspaces, reach out to support via the chat widget.
3. Choose the form
If your form is missing, please click on "Refresh fields" — the form should appear in a few moments. For troubleshooting see here.
💡 Form still not showing? Webflow only exposes forms after the site is published. Publish your Webflow site, then click "Refresh fields" in Outfunnel.
4. Map the fields
Email, First name and Last name are required as a minimum. If a field you want to map to doesn't exist in the destination app, simply create it and click on "Refresh list".
💡 New fields not showing? If you've just added a field to your Webflow form, publish the site first — Webflow only exposes the updated field list after a publish. Then click "Refresh fields" in Outfunnel.
5. Define how you'd like form submissions to be recorded
Base action: a lead/contact will always be created first
Additional actions: choose to create an activity, note, lead, deal or update a field.
6. Activate connection and submit a test lead
Click on Activate to put the connection live. You can now test how contacts will be created in your CRM by submitting a test form submission:
Go to your published Webflow site and fill in the form with an email address that does not yet exist in your CRM.
Submit the form.
The form submission should appear on the Outfunnel status page within seconds, and the contact and form fill should appear in your CRM a few seconds later.
💡 See here for common issues and fixes if the sync is not working