WhaleSync
Connect WhaleSync, a data sync platform, with Webflow to sync CMS content bidirectionally with Airtable, Notion, and Google Sheets in real-time.
How to integrate WhaleSync with Webflow
WhaleSync connects Webflow CMS with external databases and spreadsheets through bidirectional sync. Install from the Webflow Marketplace for visual configuration without code.
Use the WhaleSync app
Install WhaleSync from Webflow's Apps panel and connect through OAuth authentication. The visual interface handles field mapping, sync direction, and error monitoring.
Setup process:
- Install WhaleSync from the Webflow Apps panel
- Connect your external platform (Airtable, Notion, or Google Sheets) via OAuth
- Map Webflow collections to tables in your external data source
- Define field relationships through the visual interface
- Activate synchronization
Supported field types
WhaleSync supports 18+ CMS field types bidirectionally, including multi-reference fields, rich text, images, date/time, and options. Item ID fields sync one-way only (read-only from Webflow).
Synthetic fields
WhaleSync adds special fields to control CMS item states (Published, Draft, Archived) and track record IDs and timestamps.
Publishing note: Changes synced through WhaleSync update CMS data, but don't automatically go live. You must manually publish your site in Webflow after syncing.
Build with Webflow APIs
For use cases requiring custom logic beyond WhaleSync's visual interface, build directly with Webflow's CMS API. This approach provides complete control over sync behavior but requires development resources.
Key endpoints:
GET /v2/sites/:site_id/collections— List collections for mappingPOST /v2/collections/:collection_id/items— Create CMS itemsPATCH /v2/collections/:collection_id/items— Bulk update up to 100 items per request
Rate limits
Webflow allows 60 requests/minute for Starter/Basic plans, 120 requests/minute for CMS/Business/Ecommerce plans. The publishing endpoint restricts to 1 publish/minute regardless of plan.
What you can build
Integrate WhaleSync with Webflow for real-time, two-way data synchronization that scales content operations without developer involvement.
- Event management platforms: Sync event databases from Airtable to Webflow Collections with speaker profiles, session schedules, and venue information. Updates propagate automatically when organizers modify spreadsheet data. Webflow uses this architecture internally for their Field Events Platform managing 30,000+ records.
- Programmatic SEO campaigns: Manage hundreds of location-specific landing pages or directory listings through spreadsheet-based workflows. Sync content from Airtable, Notion, or Google Sheets to Webflow CMS in real-time without manual page creation.
- Resource libraries: Manage documentation or help articles in Notion with collaborative editing, then sync approved content to Webflow CMS automatically.
- Directory and marketplace sites: Build member directories or vendor marketplaces where administrators manage profiles and categories in Airtable while maintaining design-focused Webflow storefronts.
Frequently asked questions
Real-time. WhaleSync maintains persistent connections and propagates changes immediately as they occur. No scheduled batches or manual triggers. However, synced changes don't appear on your live site until you publish in Webflow.
Webflow enforces a 10,000-item maximum per CMS collection — larger datasets require splitting across multiple collections. The 1 publish/minute rate limit can create deployment delays for large content updates. Images must be publicly accessible URLs under 4MB with correct MIME types (lowercase letters required); Webflow silently fails images with incorrect MIME types.
Yes. Changes in either Webflow or the connected application automatically update the other system in real-time. Multi-reference fields maintain relationships across systems. One constraint: if an Airtable record is removed from a filtered view but still referenced by a linked record field, WhaleSync cannot delete it.
No. Setup uses a five-step visual process: connect apps through OAuth, map tables and fields using point-and-click interfaces, configure sync settings, and activate. Authentication uses OAuth flows — you never handle API keys directly. For custom data transformations beyond the visual interface, you'd need to build with Webflow's CMS API directly.
WhaleSync supports 18+ field types bidirectionally: Color, Date/Time, Email, File, Image, Multi-image, Multi-reference, Number, Option, Phone, Plain text, Reference, Rich text, Switch, Video link, and Link fields. Field mappings must respect compatibility rules. Boolean maps only to Boolean, Date/Time to Date/Time, and References to Relations.
Description
WhaleSync is a no-code data synchronization platform that provides real-time, two-way sync between Webflow CMS and platforms like Airtable, Notion, and Google Sheets. Changes in either system propagate immediately.
This integration page is provided for informational and convenience purposes only.

Claude
Webflow's Model Context Protocol (MCP) server connects Claude AI directly to your site's CMS, Designer APIs, and data layer.
ChatGPT
Direct API integration provides complete control over AI functionality compared to pre-built solutions, enabling custom conversation flows, context management, and advanced processing patterns that aren't possible through standard embeds.

Zapier
Connect Zapier's powerful automation platform with Webflow to streamline workflows, sync data across 8,000+ apps, and eliminate manual tasks. Transform your website into an automated hub that captures leads, processes orders, and updates content without writing code.

SyncFlow
Connect SyncFlow with Webflow to automatically publish Notion content to your CMS collections without manual content transfer.

Apix Drive
Connect Apix Drive, a no-code integration platform, with Webflow to automate form data transfer to 300+ CRMs, spreadsheets, notification tools, and marketing platforms.

Create Variables
Connect Create Variables with Webflow to automatically convert class naming conventions into Webflow color variables.

Flatly
Connect Flatly’s no-code data synchronization platform with Webflow to sync data from 50+ business tools into CMS collections through CSV exports and automation workflows.

Apico
Connect Apico, a backend API integration platform, with Webflow to sync form submissions and CMS data to Google Sheets through server-side API implementation.

Taskade
Connect Taskade, a collaborative project management platform, with Webflow to sync task and project data to CMS collections through webhook automation.


