How can I redirect users to a specific page on my website after submitting a form linked to Google Forms in Webflow?
- Use Webflow's native form with a Redirect URL to guide users post-submission.
- Sync form data to Google Sheets via Zapier or Make instead of using Google Forms.
To redirect users to a specific page after submitting a form linked to Google Forms in Webflow, you’ll need to work around limitations since Google Forms doesn’t support custom redirects by default.
1. Understand the Limitation with Google Forms
- Google Forms does not support custom redirects after submission.
- After submission, users are shown a confirmation message, not redirected to another page like with Webflow’s native forms.
2. Use a Custom HTML Form with Google Forms Action URL
To simulate form submission to a Google Form while controlling user redirection, you can:
- Embed a custom Webflow form that mimics Google Form fields.
- Set the form’s action to Google Forms’ POST endpoint (manually copied from the form’s source).
- Add a
<meta>refresh or use JavaScript redirect after submission.
However, this is unreliable. Google often blocks or changes how form POST requests are handled outside its native UI.
3. Recommended: Use Webflow’s Native Form + Make or Zapier Integration
- Use Webflow's native form instead of embedding Google Forms.
- After submission, use Webflow's redirect URL feature and integrate the form with Google Sheets via Zapier or Make (formerly Integromat).
Steps:
- Create a Webflow form with matching fields.
- In the form settings panel, under Form Settings → Redirect URL, enter the URL to redirect users after submission (e.g.,
/thank-you). - Use Zapier:
- Trigger: Webflow form submission
- Action: Create a Google Sheet row (or use a connected Google Form response URL).
4. Alternative: Embed Google Form in an iFrame with JavaScript Redirect
This is not officially supported and may break due to cross-origin limitations:
- Embed the Google Form in an
<iframe>in your Webflow page. - Use JavaScript to detect submission (tricky and inconsistent due to iframe restrictions).
- If possible, trigger a timeout-based redirect, e.g., redirect after waiting a few seconds post presumed submission.
Summary
To properly redirect users after submitting to a Google Form, Webflow's native forms offer more control and cleaner redirection flow. Use a native Webflow form with redirect enabled, and sync submissions to Google Sheets using Zapier or Make, avoiding Google Forms entirely for better user experience.