Can I integrate Hubspot to a Webflow form and still have a redirect to a thank you page after submitting the form?

TL;DR
  • Use Webflow’s native form to handle submission and redirection by setting a redirect URL in form settings.  
  • Send form data to HubSpot in the background using Zapier, webhooks, or custom code, maintaining full control over styling and user flow.

Yes, you can integrate HubSpot with a Webflow form and still have the form redirect to a thank you page after submission.

1. Use Webflow Native Form with Zapier or Webhooks to HubSpot

  • Keep the Webflow form as-is with your preferred design and functionality.
  • Set the redirect URL in the form settings under Form → Action After Submit → Redirect URL.
  • Use Zapier or a custom webhook to send form submission data to HubSpot in the background.
  • This way, Webflow handles the form UI and redirection, while Zapier/webhook submits the data to HubSpot.

2. Embed a HubSpot Form (Not Recommended for Redirects)

  • If you use a HubSpot-embedded form, the form is loaded via an iframe or script.
  • HubSpot controls the post-submit behavior, which includes the redirect to a thank you page.
  • However, it may be harder to match branding or layout, and redirect logic is handled within HubSpot, not Webflow.

3. Redirect If Using Hidden or Triggered HubSpot Form Submission

  • If using JavaScript to send form data to HubSpot’s Forms API, you can trigger a redirect after HubSpot submission completes.
  • This requires custom code, and you'd listen for the onSuccess event before triggering window.location.href.

4. Important Considerations

  • When using Webflow’s form, make sure form submission is captured locally, and integration to HubSpot is done without interrupting Webflow’s submission/redirect flow.
  • If using Zapier: Choose Webflow Form Submission → Create Contact in HubSpot as your action.

Summary

Yes, you can integrate HubSpot with a Webflow form and still redirect to a thank you page if you use Webflow as the primary form handler and pass the data to HubSpot via Zapier, Integromat, or Webhooks. Avoid using a HubSpot-embedded form if you want to keep control over styling and redirection within Webflow.

Rate this answer

Other Webflow Questions