Embedding a Google Form into a Webflow website while sending form data to different email addresses requires a few steps. Here's how you can achieve this:
1. Create the Google Form
- Go to Google Forms and create your form by adding the desired questions.
- Once your form is ready, click on the Send button and choose the Embed HTML option to get the embed code.
2. Embed the Google Form in Webflow
- Log in to your Webflow account and open the project where you want to embed the form.
- Navigate to the Designer and find the page where you'd like to add the form.
- Drag an Embed Element from the Add panel onto your page.
- Paste the embed code you copied from Google Forms into the Embed Element.
3. Send Form Data to Different Email Addresses
- Google Forms does not natively support sending responses to different emails based on the answers provided.
- Consider using a third-party service like Zapier or Integromat to handle this. These services can integrate Google Forms and email automation tools.
- Set up a Zapier workflow that triggers when a new form response is submitted. Use conditions to send emails to different addresses based on form inputs.
4. Configure Email Notifications
- Within the third-party service, configure the conditions under which emails are sent to specific addresses.
- For example, if a form response contains a specific keyword or selection, you can route it to the designated email.
Summary
To embed a Google Form in a Webflow site: create the form, copy its embed code, and paste it into a Webflow Embed element. Use third-party tools like Zapier to send form responses to different emails based on conditions. This provides flexibility that Google Forms alone cannot offer.