Connect a Webflow form to Hubspot
Learn how to set up a Relay playbook that creates new leads in Hubspot from your landing page
Setting it up
In this guide, we'll walk you through the steps to set up a seamless automated playbook for transferring Webflow form submissions to Hubspot, enabling you to capture new leads from your landing page in your CRM.
1. Set up your playbook
Your playbook is where you'll set up the steps involved in your Webflow -> Hubspot form response handling process.
Sign up for Relay to get started with your first playbook. Once on the dashboard, click the "New playbook" button, and you're off to a good start.
Make sure to give your playbook a clear name & identifiable emoji to help it stand out among the crowd!
2. Add the Webflow trigger
A trigger is responsible for detecting changes in your connected apps and running your playbook in response.
In this case, the "New form submission" trigger for Webflow will automatically create new playbook runs whenever a particular form is submitted from your page.
Click "Add trigger" in your playbook, select the "New form submission" trigger, and select the right site & form. If this is the first time you're setting it up, you'll be prompted to connect your Webflow account.
3. Add the Hubspot automation
A playbook contains steps that will be executed during every run. Automations are steps that take some action in another tool.
In this playbook, you can set up a "Create deal" automation for Hubspot to transfer the information from the form into your CRM. You may also want to set up e.g. a "Create company" or "Create contact" automation to link to the deal.
Click the "Add step" button, then navigate to "Automations", find the Hubspot automation, and fill out the details. If this is the first time you're setting it up, you'll be prompted to connect your Hubspot account.
That's all there is to it - you're all set to test-drive your brand new playbook in day-to-day usage! New runs will automatically be triggered when your form is submitted in Webflow, and create a new deal in Hubspot that includes all the relevant details to follow up.
Once you're happy with the way your first playbook is set up, make sure to explore Relay's other features such as AI auto-fill, double check automations, and a wide variety of integrations with Webflow, Hubspot, and other products.