Form Integrations
Hubspot
See the installation steps to learn how to install our app and change the form name
Step 1: Set Up Hubspot Integration
- In your App Dashboard, go to the Sites menu and click on your Authorized Webflow Site.
- Here you will see all your forms across the site.
- You can select one form for one integration.
- From the left-hand menu, click on Integrations. You will see available categories such as:
- Apps & Platforms (Hubspot, Notion, Slack, etc.)
- Email & Marketing Tools (Mailchimp, Klaviyo, Brevo, MailerLite, EmailOctopus, etc.)
- Automation & Webhooks (Webhook, Zapier, Make, etc.)
- Under Apps & Platforms, click on Hubspot.
- Give the connection a recognizable name (e.g., “Hubspot — Contact Form”).
- Click "Connect with Hubspot" and approve access in the popup window. Make sure you are signed in to your Hubspot account.
- After successful authorization, your added Hubspot integration will appear under "CONNECTIONS".
- You can edit or delete the connection at any time.
- Go back to the Forms menu.
- Choose a Form from your authorized Webflow site.
- Click "+ Add Mapping".
- A popup will open with a dropdown for Integration → Pick an integration.
- Select your Hubspot integration from the dropdown.
- Configure Field Mapping by matching each field from your Webflow form to a column/property in your Hubspot CRM -> Contacts.
- Click Save when finished.
- Test the integration:
- Go to your published Webflow site.
- Fill out and submit the form.
- You will see the data appear in your Hubspot database immediately.
✅ Your Hubspot integration is now successfully set up and ready to sync form submissions.