Overview
What is Webflow: Webflow is a SaaS platform for visual web design, content management, ecommerce, and hosting, operated by Webflow, Inc., an independent company based in San Francisco. Brands use it to build and run their sites.
How to integrate Webflow with Datagrid
Datagrid agents sync Webflow site data between Webflow and your other systems. Agents read collection items and form leads, then write new CMS content through the Data API.
Configure the Datagrid connector
Set up the connector with the Webflow account, token, and scopes required by the agent workflow.
Open Settings > Connectors > Add New in Datagrid.
Select Webflow from the connector list.
Authenticate with your Webflow account or paste a site token.
Select the scopes your workflow needs, such as cms:read, cms:write, and forms:read.
Save the connection and assign it to an agent.
A simple connector configuration follows this shape:
connector: Webflow
authentication: Bearer token
token_options:
site token for single-site internal integrations
OAuth token for multi-site access
scopes:
cms:read
cms:write
forms:read
assigned_to: Datagrid agent
Authenticate API requests
Webflow uses Bearer token authentication. All requests pass an Authorization: Bearer header.
Authorization: Bearer
Register webhook-driven workflows
Use webhook-driven workflows when the agent needs to react as soon as a form, CMS, ecommerce, or site event occurs. Webflow recommends webhooks over polling to receive events as they happen.
Supported webhook events include form_submission, collection_item_changed, ecomm_new_order, and site_publish.
Sync CMS, forms, and ecommerce data
Datagrid syncs each Webflow resource according to the direction and write behavior available through the Data API.
CMS collections and items — Bidirectional, agents use full CRUD and publish control.
Form submissions — Read-only, agents process captured submissions.
Ecommerce products and SKUs — Bidirectional, agents keep product data aligned with other systems.
Orders — Read plus partial write, agents update order status and comments.
Once the connector, token, scopes, and webhooks are in place, Datagrid agents can execute the CMS, form, and ecommerce workflows described below.
Why use Webflow with Datagrid
Use this integration when Webflow events need to trigger structured work in CRM, content, ecommerce, reporting, or fulfillment systems. Here's why you need to integrate Webflow with Datagrid:
Automated form lead processing: Agents capture form_submission webhook events, enrich the lead data, and route qualified leads into your CRM without manual review.
AI-generated CMS content at scale: Agents draft structured articles and product listings, then create CMS collection items through the staged or live endpoints.
Bidirectional CMS sync: Agents read collection items and write enriched data back. This keeps Webflow content aligned with external data sources.
Ecommerce order routing: Agents detect ecomm_new_order and ecomm_inventory_changed events, then route them to fulfillment or analytics systems.
Webhook-driven workflows: Real-time events trigger agents instead of scheduled polling, so agents react the moment data changes.
Granular scope control: Agents request only the scopes they need, such as cms:write or ecommerce:read.
What you can build with Webflow Datagrid integration
The following workflows show how project teams can turn Webflow data into standardized execution across customer intake and site operations:
Form lead enrichment pipeline: A Webflow contact form fires a form_submission webhook.
AI content publishing engine: A Datagrid agent drafts a structured article with headline, body, meta description, and tags.
Editorial calendar sync: An agent pulls records from Airtable as a content source. It checks for existing CMS items.
Ecommerce reporting and reconciliation: An agent listens for ecomm_new_order events.
Resources and documentation
Webflow Data API REST introduction explains the base URL, authentication model, and request structure.
Webflow API full reference lists the endpoints for collections, items, forms, and ecommerce.
Authentication overview covers Webflow token options.
Scopes reference defines granular permission scopes for each resource.
Frequently asked questions
How do I authenticate Datagrid requests to the Webflow API?
Webflow uses Bearer token authentication. You pass an Authorization: Bearer header on every request. Choose the token type that matches the access pattern. Site tokens fit single-site internal integrations. For broader access, use workspace tokens for read-only auditing or OAuth tokens for multi-user access. Generate a site token in Site Settings, then Apps & integrations, then API access.
Which API scopes does the Webflow connector need?
Scopes depend on the workflow. Use cms:read and cms:write for CMS collections, forms:read for form submissions, ecommerce:read and ecommerce:write for products and orders, and sites:write to register webhooks. Request only the scopes you need, since excessive permissions deter approval in OAuth flows.
Can Datagrid write content directly to live Webflow pages?
Yes. The Webflow API offers staged item endpoints and live item endpoints. Live endpoints target the live database directly and bypass the staged editorial workflow. Changes through live endpoints affect only the live database and are not reflected in the staged version.
How does Webflow handle large CMS data syncs?
Webflow enforces pagination on all responses, with a maximum of 100 items per request. Large collections require offset-based pagination using limit and offset parameters. Bulk operations process a maximum of 100 items per request. Webflow recommends webhooks over polling so agents receive changes in real time.
Similar integrations
Google Analytics: Ingest Webflow site analytics into Datagrid for automated reporting and anomaly detection workflows.
Google Sheets: Sync Webflow form submissions and CMS exports to Google Sheets for archival and spreadsheet-driven publishing workflows.
Airtable: Use Airtable as a structured content source or editorial calendar. Agents sync records to Webflow CMS for bidirectional content workflows.
HubSpot: Route Webflow leads and form submissions into HubSpot for CRM enrichment and automated marketing follow-ups.
Slack: Push Webflow events and publish notifications into Slack for real-time alerts and team collaboration.
Stripe: Sync Webflow ecommerce orders with Stripe to reconcile payments and automate fulfillment workflows. Agents use synced payment data for financial reporting.