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 Webflow’s built-in form feature to enable post-submission redirection by setting a redirect URL in the form’s settings.
- Google Forms doesn’t support redirection natively, and Apps Script workarounds don’t function reliably when embedded in Webflow via iframe.
To redirect users to a specific page after submitting a Google Form embedded in your Webflow site, you'll need to configure the Google Form confirmation settings, as Webflow doesn’t handle post-submission behavior for external forms like Google Forms.
1. Set Up a Custom Redirect URL in Google Forms
- Open your Google Form using the same Google account that owns the form.
- Click the Settings (gear icon) in the upper-right of the form editor.
- Under the "Responses" tab, check if the following is available:
- Google Forms does not natively support redirecting to a custom URL after submission. Instead, it only allows a custom confirmation message.
- Therefore, you’ll need to use a workaround with Google Apps Script to perform a redirect.
2. Use Google Apps Script for Redirection
- In the form editor, select “More (⋮)” > Script editor.
- Replace any existing code with a script that creates a web app to capture the form submission and redirect.
Note: This is a technical solution and works only when linking your form through a custom-built Apps Script web app, not with the default embed.
- This involves capturing form submission and issuing a redirect using
HtmlOutput().setMeta('refresh',...), but such redirects do not work well when the form is embedded in Webflow via iframe (iframes block redirects).
3. Recommended Alternative: Use Webflow Native Forms Instead
- If redirection is important, it’s better to use Webflow’s built-in form feature:
- Design your form using Webflow’s Form Block.
- Under the form’s Settings Panel, set the Form Submission Success Redirect URL.
- Webflow will automatically redirect users to the specified page (e.g., /thank-you) after they submit.
4. If You Must Use Google Forms (and Accept Limitations)
- Embed the Google Form in Webflow using an Embed element with the iframe code.
- After form submission, the user sees Google’s built-in confirmation message within the iframe.
- No full-page redirect is possible within an iframe due to browser security restrictions.
Summary
To redirect users after submitting a form in Webflow, the best method is to use Webflow’s native form system, which supports redirection. Google Forms does not natively support full-page redirection, especially when embedded via iframe. Workarounds require Apps Script and won’t work reliably in Webflow.