Yes, you can integrate a Webflow form with HubSpot and still redirect users to a thank you page after submission. This requires bypassing Webflow’s default form handling and using HubSpot Forms API or embed options.
- Create the form in HubSpot under Marketing > Lead Capture > Forms.
- Choose “Embedded form” type and configure your fields.
- In the Options tab, set the redirect URL to your Webflow thank-you page.
- HubSpot form embed codes already include redirection logic.
- Copy the HubSpot embed code and paste it into a Webflow Embed element on your page.
If you prefer using a Webflow native form, you’ll need to send form data to HubSpot manually.
- Keep the Webflow form and set the Action to “redirect to the thank-you page.”
- Use Zapier, Make (Integromat), or a custom JavaScript script to capture the form submission and push it to HubSpot via the HubSpot Forms API or CRM API.
- Setup includes mapping Webflow form IDs to HubSpot fields.
- Ensure the Webflow form still uses Webflow’s confirmation redirect, which won’t conflict with pushing data to HubSpot via background scripts.
3. Important Considerations
- If you're embedding a HubSpot form, HubSpot handles the submission and redirect.
- If you’re using a Webflow form, Webflow handles the redirect, but you must handle the HubSpot submission backend yourself.
- Webflow forms cannot post directly to HubSpot’s REST API, so intermediary services or custom scripts are required.
Summary
You can integrate HubSpot with a Webflow form and have a thank-you page redirect, either by embedding a HubSpot form (HubSpot handles the redirect) or by using a native Webflow form with a backend/API integration sending the data to HubSpot and Webflow handling the redirect separately.