Webflow is an excellent tool for building professional websites without writing code. Its built-in form builder lets you add contact forms, enquiry forms, and registration forms to any page in minutes. But when it comes to where those submissions actually go, Webflow's native options are limited.
By default, Webflow sends form submissions to your email inbox. That works well enough when you are receiving a handful of messages a month. But the moment you need your team to collaborate on responses, filter submissions by type, track patterns over time, or simply keep everything organised in one place, an inbox falls short.
The solution most people reach for is Zapier. Set up a Zap, connect Webflow to Google Sheets, and submissions flow across automatically. It works, but it adds a monthly subscription on top of what you are already paying, introduces a delay between submission and spreadsheet row, and creates a dependency on a third service that can break independently of both Webflow and Google Sheets.
This guide shows you a more direct approach. Using Formgrid, you can point your Webflow form at a custom endpoint and have every submission land in Google Sheets automatically, in real time, with no Zapier account required.
What You Will Need
Before starting, make sure you have the following in place:
A Formgrid Business plan account:
Google Sheets integration is available on the Formgrid Business plan at $29 per month. If you do not have an account yet, you can sign up for free at formgrid.dev and upgrade to Business when prompted during the integration setup.
A Webflow site with a form:
You will need an existing Webflow form that you want to connect to Google Sheets. Any Webflow form works, whether it is a simple contact form with three fields or a detailed multi-field enquiry form.
A Google account:
You will need access to Google Sheets to create the spreadsheet that will receive your submissions. Any standard Google account works.
How This Works
The setup replaces Webflow's default form submission handling with Formgrid's backend. Instead of Webflow catching the submission and forwarding it to your email, the form sends its data directly to a Formgrid endpoint URL. Formgrid receives the submission, saves it to your dashboard, sends you an email notification, and writes a new row to your connected Google Sheet instantly.
The key change on the Webflow side is a single setting: the form action URL. You point it at your Formgrid endpoint instead of leaving it on Webflow's default handler. That is the only configuration change you make in Webflow. Everything else happens inside Formgrid.
Part One: Set Up Your Formgrid Form and Get Your Endpoint URL
Step 1: Log In to Formgrid and Create a New Form
Log in to your Formgrid account at formgrid.dev. From your dashboard, create a new form and give it a name that corresponds to the Webflow form you are connecting. For example, "Contact Form" or "Service Enquiry Form."
You are not building a form inside Formgrid here. You are registering a form entry in your dashboard so that Formgrid knows where to route the incoming submissions from Webflow. Your actual form fields remain exactly as they are in Webflow.
Step 2: Copy Your Formgrid Endpoint URL
Once your form is created, open it in your Formgrid dashboard. You will see your unique endpoint URL displayed prominently. It will follow this format:
https://formgrid.dev/api/f/your-form-id
Copy this URL. You will need it in the next section when you update your Webflow form settings.
This URL is permanent. It does not change when you update your form settings, connect integrations, or make any other changes inside Formgrid. You set it once in Webflow and never need to touch it again.
Part Two: Update Your Webflow Form to Use the Formgrid Endpoint
Step 3: Open Your Webflow Form Settings
Log in to your Webflow account and open the project containing the form you want to connect. In the Webflow Designer, click on your form element to select it. Then open the form settings panel.
Step 4: Set the Form Action URL
In the form settings panel, locate the Action field. By default, this is either empty or set to Webflow's internal submission handler.
Replace the existing value with your Formgrid endpoint URL:
https://formgrid.dev/api/f/your-form-id
Set the Method to POST if it is not already.
Step 5: Check Your Field Names
Formgrid uses the name attribute of each form field to create the column headers in your Google Sheet. Webflow assigns name attributes to every field automatically, but it is worth reviewing them before you connect your Sheet to make sure they are clear and descriptive.
In the Webflow Designer, click on each input field in your form and check the name value in the element settings panel. Field names like "Name," "Email," "Phone," and "Message" will produce clean, readable column headers in your spreadsheet. Webflow's default auto-generated field names are sometimes less intuitive, so update any that are unclear.
Step 6: Publish Your Webflow Site
Once you have updated the form action URL and reviewed your field names, publish your Webflow site to push the changes live. The Formgrid endpoint will not receive any submissions until your site is published.
Step 7: Submit a Test Entry
Before connecting Google Sheets, confirm that submissions are reaching Formgrid correctly. Visit your live Webflow site, fill in your form with test data, and submit it.
Open your Formgrid dashboard and check the submissions list for your form. The test entry should appear within a few seconds.
If the submission does not appear, go back to your Webflow form settings and confirm that the action URL is set correctly and that the method is POST. Also, confirm that you published the site after making the change, as unpublished changes in Webflow do not take effect on the live site.
Part Three: Connect Google Sheets
Step 8: Open the Integrations Tab in Formgrid
In your Formgrid dashboard, open the form you just connected and click on the Integrations tab at the top of the page.
You will see the Google Sheets integration section. Since you are on the Business plan, the Connect interface is active and ready to use.
Step 9: Create a Blank Google Sheet
Click the Create blank Google Sheet button in the Formgrid integrations panel. This opens a new blank spreadsheet in Google Sheets in a separate browser tab.
Give your sheet a clear, identifiable name. Something like "Contact Form Submissions" or "Enquiries 2026" works well. If you manage multiple Webflow forms and plan to connect each one to its own sheet, a consistent naming convention will help you stay organised.
Do not add any column headers or set up any structure in the spreadsheet. Formgrid creates the column headers automatically from your Webflow field names on the very first submission. The sheet should be empty when you connect it.
Step 10: Share the Sheet With the Formgrid Service Account
In your Google Sheet, click the Share button in the top right corner. The share dialog will open.
You need to add the Formgrid service account email address as an editor. Go back to your Formgrid dashboard, where the service account email is displayed with a Copy button next to it. Copy it directly from there to avoid any chance of a typing error.
Paste the email into the share dialog and make sure you select Editor access, not Viewer. Formgrid needs Editor access to write new rows to your sheet. If you add it as a Viewer, the connection will fail with a permissions error.
Click Send or Done to confirm.
Step 11: Paste Your Sheet URL Into Formgrid
Go back to your Formgrid dashboard. Copy the full URL of your Google Sheet from the browser address bar of the tab where your sheet is open. The URL will look like this:
https://docs.google.com/spreadsheets/d/1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgVE2upms/edit
Paste the full URL into the sheet URL field in your Formgrid dashboard. Make sure you are copying from the address bar and that the URL contains the full spreadsheet ID, which is the long alphanumeric string between /d/ and /edit.
Step 12: Choose Whether to Sync Existing Submissions
Before connecting, you will see the following option:
Sync existing submissions to this sheet?
If you already have submissions, Formgrid can add them all to your
Google Sheets now, so your entire history is in one place.
[ ] Yes, sync my existing submissions
If you have been collecting Webflow form submissions through Formgrid for a while and want your full history in the sheet from day one, check this box. Formgrid will write all past submissions to the sheet before it begins syncing new ones.
If you only want submissions going forward, leave it unchecked.
Step 13: Click Connect
Click the Connect Google Sheets button.
Formgrid will verify that it can access your sheet and that the service account has the correct permissions. If everything is in order, you will see a success confirmation:
Connected successfully
Your sheet is ready. Every new submission will appear as a new row automatically.
Part Four: Verify the Full Flow Is Working
Step 14: Submit Another Test Entry Through Your Webflow Form
Visit your live Webflow site and submit another test entry through the form. Use realistic-looking data so it is easy to identify in your spreadsheet.
Open your Google Sheet. Within a few seconds, you should see:
Row 1: Column headers created automatically from your Webflow field names.
Row 2: Your test submission data, with a timestamp in the final column showing exactly when the submission was received.
From this point forward, every submission made through your Webflow form will appear as a new row in your Google Sheet in real time. You do not need to log into Formgrid, export anything, or take any manual action. The data moves automatically the moment someone fills in your form.
What Happens on Every Submission
Here is the complete flow from the moment a visitor fills in your Webflow form to the moment a row appears in your spreadsheet:
Visitor fills in your Webflow form and clicks Submit
↓
The browser sends a POST request to your Formgrid endpoint
↓
Formgrid receives and saves the submission to your dashboard
↓
Email notification sent to you and any other configured recipients
↓
A new row added to your Google Sheet instantly
↓
Spam protection runs in the background to filter out bot submissions
Your submission is available in three places simultaneously: your Formgrid dashboard, your email inbox, and your Google Sheet. If any one of those ever has an issue, you still have the other two as a complete record.
Managing Your Google Sheets Connection
Once connected, the Integrations tab in your Formgrid dashboard gives you full control over your Google Sheets connection:
Pause the integration:
Use the Active toggle to pause syncing at any time. When paused, new submissions are still saved to your Formgrid dashboard, and email notifications still go out, but new rows are not written to your sheet. Toggle it back on to resume at any time.
Disconnect:
Removes the connection entirely. Your existing sheet data stays exactly as it is in Google Sheets. New submissions will not be synced until you reconnect.
Open Sheet:
Takes you directly to your connected Google Sheet with a single click, without having to search for it in your Google Drive.
Troubleshooting
Submissions not appearing in Formgrid after publishing Webflow:
Confirm that you published your Webflow site after changing the form action URL. Changes made in the Webflow Designer do not go live until you publish. Also, confirm that the action URL is your full Formgrid endpoint and that the method is set to POST.
"Could not access this sheet" error when connecting:
This means Formgrid does not have write access to your sheet. Open Google Sheets, click Share, and confirm that the Formgrid service account email is listed as an Editor. If it is listed as a Viewer, remove it and re-add it with Editor access, then try connecting again.
Column headers missing or showing unexpected values:
Column headers come from the name attribute of your Webflow form fields. If a column is missing, the corresponding field likely does not have a name attribute set. If a header looks incorrect, update the field name in your Webflow Designer, republish, and submit a new test entry. Note that existing headers in your sheet will not update automatically. You would need to clear the sheet and reconnect if you want the headers to reflect updated field names.
Submissions appearing in Formgrid but not in Google Sheets:
Open the Integrations tab in your Formgrid dashboard and check that the Google Sheets integration is showing as Active. If it shows as Paused, click the toggle to resume. If it shows as Active but submissions are still not appearing, try disconnecting and reconnecting the integration.
Webflow's default success message is still showing, but no submission in Formgrid:
This usually means the form is still being handled by Webflow's own submission system rather than being sent to your Formgrid endpoint. Double-check that the Action URL in your Webflow form settings contains your Formgrid endpoint and that you did not accidentally revert it during a subsequent Webflow Designer session.
What the Formgrid Business Plan Includes
The Google Sheets integration is part of the Formgrid Business plan at $29 per month. The plan includes:
Google Sheets native integration (this guide)
Custom HTML email templates for fully branded notification emails
Auto-responder emails are sent automatically to anyone who submits your form
Webhooks to connect to Zapier, Make, Slack, Notion, Airtable, and thousands of other tools
Multiple email notification recipients so your entire team stays informed
Custom email subject lines for every form
15,000 submissions per month
Priority support with direct access to the founder
No contracts. Cancel at any time.
Start your Business plan at formgrid.dev
Final Thoughts
Webflow makes it easy to build forms. Formgrid makes it easy to do something useful with what those forms collect.
Connecting your Webflow form to Google Sheets through Formgrid requires one change in Webflow, one shared spreadsheet, and a few clicks in your Formgrid dashboard. Once it is set up, every submission lands in your spreadsheet automatically and in real time, without a Zapier subscription, without a Google Apps Script, and without any ongoing maintenance on your part.
If your team is currently managing Webflow form submissions out of an email inbox, this setup will save you time from the first submission it processes.
Top comments (0)