How can I redirect users to a specific page on my website after submitting a form linked to Google Forms in Webflow?
TL;DR
- Use a native Webflow form to enable redirect functionality after submission by setting the Redirect URL in the form settings.
- To send data to Google Sheets, connect the Webflow form to Sheets via Zapier instead of using Google Forms.
To redirect users to a specific page after submitting a Webflow form connected to Google Forms, you'll need a workaround since Google Forms doesn’t provide a native redirect URL.
1. Understand Google Forms Limitations
- Google Forms cannot redirect users to an external thank you or confirmation page.
- It only shows the default “Thank you” message or a custom message once the form is submitted.
2. Use a Webflow Form Instead
- If you need redirect functionality, it's best to use the native Webflow form element rather than embedding or linking to Google Forms.
- Webflow forms support a built-in Redirect URL option after form submission.
3. Set Up Redirect With Webflow Form
- Go to Webflow Designer and select your form element.
- In the Form Settings panel (right sidebar), scroll to Form Settings.
- Under Action, leave this blank (default Webflow behavior).
- Enter your desired redirect page URL in the Redirect URL field (e.g.,
/thank-you).
4. If Sticking with Google Forms: Use JavaScript
If you must use Google Forms, you’ll need custom code to detect the form submit and then redirect:
- Embed the Google Form using an iframe.
- Add custom JavaScript in the Page Settings → Before </body> tag section:
- Use
onloadevent or a MutationObserver to detect when the Google Form "Thank You" message is visible. - Once detected, use
window.location.href = '/thank-you';to redirect.
Note: This method is inconsistent, as Google can change form behaviors and iframe access is restrictive due to cross-origin policies.
5. Alternative: Use Webflow Form + Zapier to Google Sheets
- Use the Webflow form to collect data (so you can set a proper redirect).
- Connect Webflow to Google Sheets (like Google Forms does) through a tool like Zapier or Make (Integromat).
Summary
To redirect users after form submission, use a Webflow-native form instead of Google Forms. Webflow lets you define a Redirect URL easily. If you need Google Sheets integration, connect your Webflow form to Google Sheets via Zapier rather than using Google Forms directly.