Can I integrate Hubspot to a Webflow form and still have a redirect to a thank you page after submitting the form?
- Use Webflow’s native form and connect it to HubSpot using Zapier, Make, or HubSpot’s Form API to preserve the redirect functionality.
- Set the form's redirect URL in Webflow settings and avoid embedding HubSpot forms, as they override redirects unless custom-coded.
Yes, you can integrate HubSpot with a Webflow form and still have a redirect to a thank you page after submission. This requires setting up the Webflow form to submit data to HubSpot via a method that doesn't interfere with Webflow's built-in redirect feature.
1. Use HubSpot’s Form API or Zapier to Capture Webflow Submissions
- Do not embed HubSpot forms directly (they override Webflow’s form settings including the redirect).
- Use Webflow’s native form, and then pass the submission data to HubSpot using:
- Zapier, Make (formerly Integromat), or HubSpot's Form API (via webhook)
- These work after Webflow collects and processes the data, so redirects still function.
2. Set the Thank You Page Redirect in Webflow
- Go to Webflow Designer.
- Select the form element, then go to the Form Settings in the right-hand panel.
- In the Redirect URL field, enter the full URL (e.g.,
/thank-youorhttps://yoursite.com/thank-you).
3. Connect the Form Submission to HubSpot
You have two main options:
Zapier Integration:
Trigger: Webflow form submission.
Action: Create or update a contact in HubSpot.
You can map form fields directly from Webflow to HubSpot.
Custom Webhook to HubSpot Form API:
Submit Webflow form data to a HubSpot form endpoint using a custom webhook.
You must match the HubSpot form’s unique GUID and portal ID.
Requires some JavaScript, but won’t block the redirect if handled properly.
4. Avoid Embedding a HubSpot Form in Webflow
- Embedded HubSpot forms do not support Webflow's redirect setting unless you manually handle the
onFormSubmitevent via JavaScript. - If you're using a HubSpot embedded form, you must manually script a redirect (not recommended unless you're comfortable with code).
Summary
Use Webflow’s built-in form and connect it to HubSpot with Zapier, Integromat, or the Form API. This allows you to track leads in HubSpot without losing the thank-you page redirect. Avoid using embedded HubSpot forms if redirects are critical to your flow.