Connect your HubSpot forms to Calendly’s routing logic and send leads to the right booking page based on responses to your HubSpot form.
For example, you can:
- Route clients by fields on your HubSpot forms.
- Embed Calendly routing with your HubSpot forms on your website.
Before you begin
- You'll need HubSpot admin privileges.
- Only organization owners and admins can set up HubSpot routing form integrations. However, owners and admins can grant edit permission on individual integrated forms to specific users.
- Connect your HubSpot CRM by following the steps listed in the following help center article: Calendly + HubSpot
How to connect HubSpot with routing forms
- Select + New Routing form.
- Select Import an existing form.
- Select Connect to connect a HubSpot form.
- Activate the integration by entering your HubSpot credentials.
(If you've already completed this, skip to Step 5, Import a "mirror...")- Enter your Username.
- Enter your Password.
- Select Log In.
- HubSpot will send a verification code to your email address
- Enter the Verification Code.
- Select Verify.
- Choose which HubSpot form you would like to import.
- Calendly will then create a "mirror form" and automatically map everything in the mirror form to the source form in HubSpot.
- Calendly will then create a "mirror form" and automatically map everything in the mirror form to the source form in HubSpot.
- From there, build your routing logic based on the responses to the questions in your form. If you're using hidden fields, you'll see them in the Form Preview.
Check out the following help center article for more information on building Routing Forms in Calendly: Getting started with Routing Forms.
Note: Routes can only be built off of responses to radio button and dropdown questions, as well as the email domain for an email field.
Once you've finished building your routing logic, an auto-generated script will be available to you.
- Navigate to the Routing page in Calendly.
- To the right of the desired routing form, select Share.
- From there, you will have the ability to customize your booking page by adjusting the colors and visibility of the event type details and cookie banner.
- Select Copy code in the bottom right of the form panel.
- Paste the copied code into the website where your HubSpot form is embedded. Make sure to place it after the HubSpot form code.
This will ensure each time a visitor fills out your HubSpot form, they'll be automatically redirected to the right destination in Calendly. For more information, check out How to embed routing from HubSpot forms.