Webflow sync, pageviews & more.
NEW

How can I embed a Google Form into a website created with Webflow for sending different form data to different email addresses?

TL;DR
  • Embed the Google Form in Webflow using the iframe code in an Embed element.
  • Use Google Apps Script or a Form Add-on on the connected Google Sheet to conditionally send emails based on form responses.
  • For full styling and logic control, create the form directly in Webflow and use tools like Zapier or Make for email routing.

To embed a Google Form on a Webflow site and send different submissions to different email addresses, you'll need to embed the form, then use Google tools (like Google Sheets + Apps Script or Add-ons) to handle email routing based on form inputs.

1. Embed the Google Form in Webflow

  • In Google Forms, click Send → select the <> embed icon.
  • Copy the iframe embed code (you only need the src URL).
  • In Webflow, drag an Embed element into your desired location on the page.
  • Paste only the iframe embed (e.g., <iframe src="...">) into the Embed element. Webflow allows this directly.

2. Automatically Route Submissions to Different Emails

Google Forms does not natively support conditional email sending, but you can achieve it using Google Apps Script:

  • Open the response destination Google Sheet connected to your Form (via “Responses” → "View in Sheets").
  • Go to Extensions > Apps Script.
  • Write a script to:
  • Trigger on form submit.
  • Check the form answer, such as a department or category field.
  • Send an email to the appropriate address based on that field.

Example conditional logic (in Apps Script):

You must use MailApp.sendEmail inside a function onFormSubmit(e) trigger and enable permissions when prompted.

Alternatively, install a Form-to-email Add-on (like FormMule or Email Notifications for Forms) which has built-in conditional rules and a GUI.

3. Optional: Hide Google Branding (if needed)

  • Google Forms are branded and cannot be fully customized or styled.
  • If you want a fully styled form in Webflow, create the form natively in Webflow and use Logic (beta) or a third-party tool like Zapier, Make (Integromat), or Formspark to route emails conditionally.

Summary

Embed the Google Form via an iframe in Webflow, then use a Google Apps Script or add-on on the connected Sheet to send different form submissions to different email addresses based on form input. For full design control and conditional logic, consider building the form within Webflow and using external tools for routing.

Rate this answer

Other Webflow Questions