Webflow sync, pageviews & more.
NEW

Is it possible to redirect the client to another page instead of the webhook after submitting a form on my Webflow hosted site integrated with Integromat?

TL;DR
  • Use custom JavaScript in Webflow to intercept form submission, send data to the Integromat webhook via fetch(), and manually redirect the user with window.location.href.
  • Disable Webflow’s native form handling to prevent default behavior and enable full control over submission and redirection.

Yes, you can redirect users to another page after a form submission on your Webflow site, even when using Integromat (Make) via a webhook. The trick is to avoid displaying the Webflow “success” state and instead use JavaScript to handle both the submission and the redirect.

Here's how to do it:

1. Understand the Default Form Behavior in Webflow

  • By default, Webflow form submissions trigger the Success or Error messages when the built-in Webflow form action is used.
  • When integrating with Integromat (Make) via custom webhooks, you override the default behavior by altering the form submission.

2. Prepare Your Integromat Webhook

  • In Integromat, create a custom webhook scenario and copy the webhook URL.
  • This webhook will receive the form data but does not naturally redirect the user after submission.

3. Add a Custom <form> Handler With JavaScript in Webflow

  • Add custom JavaScript to capture the form submission, send it with fetch() to Integromat’s webhook, and then programmatically redirect.
  • Place the script in the Page Settings → Before tag or in an Embed element on the page.

Example logic (inline, not code block):

  • On submit:
    • Prevent default form submission.
    • Grab form input values.
    • Use fetch() to send a POST request to the webhook.
    • On fetch().then(), use window.location.href = '/thank-you' or any URL you want.

4. Disable Webflow’s Native Form Handling

  • Webflow forms automatically submit to their own backend unless altered.
  • To fully control the process:
    • Do not set the form to use Webflow's native form handler.
    • Use custom JavaScript only to send the request to Integromat and then redirect.

5. Set Up Your Redirect URL

  • Choose which URL the user should be redirected to (e.g., /thank-you).
  • This should be a published route in your Webflow project to avoid 404s.

Summary

To redirect users after submitting a form connected to Integromat, handle the form submission with JavaScript, send the data to the Integromat webhook, and then manually redirect the user using window.location.href. Webflow doesn’t support redirecting natively when using external webhooks, so custom scripting is necessary.

Rate this answer

Other Webflow Questions