You want to redirect users to a different page after form submission, instead of showing them the default Webflow success message or waiting on the Integromat (now Make) webhook.
Here’s how to set that up correctly within Webflow:
1. Enable Webflow Default Form Redirect
- Webflow allows you to set a redirect URL after a form is submitted.
- Go to the Form element settings by clicking on the form block.
- In the Element Settings panel, scroll to the Form Settings section.
- Enter the Redirect URL (e.g.,
/thank-you) in the Redirect URL field. - Once the form is submitted, Webflow immediately redirects the visitor to that page without waiting for Integromat to process the webhook.
2. Ensure Webflow Still Sends Webhook
- Webflow submits the form data to its server first, regardless of whether a redirect is set.
- If you're using Integromat's Webhooks module, you likely set your webhook endpoint inside Webflow Site Settings > Forms > Action URL.
- When you override Webflow's default form action like this, Webflow does not process the form submission, so the Redirect URL will no longer work.
- This means you must choose:
- Use Webflow Forms normally: Keep default form action and just use Zapier or Make’s Webflow module to fetch new submissions.
- Use a custom webhook (Integromat): You have to handle the redirect yourself in JavaScript (see below).
3. Add a Script to Redirect Manually (Custom Webhook Case Only)
If you’re posting the form directly to Integromat via a webhook:
- Webflow won’t handle redirection, so you need to do it manually via JavaScript.
- Add an Embed element under your form with the following inline script:
- Inside it, intercept the form submission, send it via
fetch, and then call window.location.href = "/thank-you" manually on success. - Example logic (no code block per guidelines): prevent default form submission, send it via
fetch, and redirect upon success.
4. Optimal Setup Recommendation
- To simplify, use Webflow’s native form submission and only integrate Integromat via the Webflow module (instead of your own webhook).
- This way:
- User submits form → Webflow handles it → Webflow redirects user.
- Meanwhile, your automation tool (Integromat) pulls in form data via Webflow API or webhook.
Summary
You can redirect users to another page after form submission using Webflow’s native Redirect URL setting—but this only works if you're not overriding the form action URL for a custom webhook. If you're sending the form directly to Integromat, you must implement a manual JavaScript redirect after the POST request.