Turn every Webflow form submission into a clean row in Google Sheets so your team can act fast. Great for marketing and sales teams that want a simple lead log without manual copy and paste.

The flow starts when someone submits a form on your Webflow site. A small code step pulls the form payload, flattens the fields, and adds the submitted date. Then a Google Sheets step appends a new row. It can even create column headers on an empty sheet, so setup stays simple. You get instant lead capture with Name, Email, Message, and any extra fields you pass.

Setup is straight forward with OAuth connections for Webflow and Google Sheets in n8n Cloud. Self hosted users can use a Webflow app for Client ID and Client Secret, and should disable the legacy API so form payloads arrive in the new format. Expect faster follow ups, fewer errors, and a single place to track inbound interest. Common uses include contact forms, demo requests, quote forms, and event signups.

• Webflow form submission trigger captures leads the moment they submit
• Code step flattens the payload and adds a submitted date field
• Google Sheets append creates headers automatically on empty sheets
• Field mapping for Name Email and Message with support for extra fields
• Uses current Webflow API events for reliable form data delivery

• Reduce manual logging from 30 minutes a day to under 2 minutes
• Improve data quality by capturing fields directly from the form
• Streamline lead intake by up to 80 percent with real time rows
• Eliminate copy paste errors by writing data straight to the sheet
• Handle spikes in submissions and keep up with 10 times more volume

1. Import the template into n8n: Create a new workflow in n8n > Click the three dots menu > Select 'Import from File' > Choose the downloaded JSON file.
2. You'll need accounts with Webflow and Google Sheets. See the Tools Required section above for links to create accounts with these services.
3. Open the Webflow trigger node. In the 'Credential to connect with' field, click 'Create new credential' and follow the on screen steps to connect your Webflow account using OAuth2. Make sure the legacy API is disabled in your Webflow settings so form events send the correct payload.
4. Select your Webflow site and choose the On Form Submission event. Save the node.
5. Open the Code node named Prepare Fields. Confirm it reads payload.data and adds a submittedAt date. Adjust field names if your Webflow form uses different labels.
6. Open the Google Sheets node. In 'Credential to connect with', click 'Create new credential' and follow the on screen steps to connect your Google account using OAuth2.
7. Choose the target spreadsheet and the sheet tab. Keep Append as the operation. If your sheet is empty, allow the node to create headers automatically.
8. Check the field mapping for Name Email and Message. Update mappings to match the exact field names coming from your Webflow form.
9. Submit a test form on your Webflow site. In n8n, open Executions, review the Webflow trigger data, and confirm the Code node output shows the expected fields and date.
10. Verify a new row appears in Google Sheets with the correct values. If nothing arrives, confirm the Webflow credential scopes, the legacy API setting, and that your Google account has access to the target sheet.
11. Turn the workflow on and monitor the first few runs to ensure stable delivery.