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 Pipedrive.
With the help of Outfunnel, you can make sure all your new leads get added to Pipedrive, helping you save time and drive more sales. Here's what it does:
Automatically add new leads from Webflow forms to Pipedrive, no more manually exporting-importing lists.
Map custom fields, so all the necessary data is synced to Pipedrive — and sales can easily create custom filters or lists to categorize the incoming leads accordingly.
Do actions in Pipedrive, 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 connection. 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.
How to record Webflow form submissions in Pipedrive
1. Choose your apps
To get started head to Outfunnel > App connector and select Webflow and Pipedrive.
2. Authenticate your apps
Authenticate Webflow and Pipedrive. 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).
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 Pipedrive, create it in Pipedrive 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 contact (person) is always 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 Pipedrive 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 Pipedrive.
Submit the form.
The form submission should appear on the status page within seconds, and the contact and form fill should appear in Pipedrive a few seconds later.
💡 See here for common issues and fixes if the sync is not working
Need help?
If you run into issues or have questions about the connection, reach out via the chat widget.