Flatly

How to integrate Flatly with Webflow

Note: No direct integration exists between Flatly and Webflow.

You'll connect Flatly and Webflow through a multi-step workflow. The easiest approach is to export from Flatly and import to Webflow manually. You can also automate through Google Sheets middleware with Zapier or Make. If you need maximum control, you can build with Flatly exports and the Webflow API.

Export from Flatly and import to Webflow manually

Configure Flatly to export data from your sources (HubSpot, Salesforce, Airtable, Firebase, Shopify) to Google Sheets or cloud storage as CSV files. Set up automated exports on schedules from 10-minute intervals to daily batches.

Then import to Webflow CMS using the Designer interface or Data API. Map your export columns to match Webflow's field requirements:

• Collection field names must match source data field names exactly
• Date fields require ISO 8601 format: YYYY-MM-DDTHH:mm:ss.sssZ
• Reference and multi-reference fields cannot be mapped through Zapier — use the API directly or add relationships manually
• Rich text needs HTML formatting; code blocks are not supported via API and will be stripped

Best for: One-time migrations or infrequent updates (weekly or monthly).

Connect through Google Sheets automation

Configure Flatly to export to Google Sheets with your desired sync frequency. Then set up Zapier or Make to watch that sheet for new rows, transform data to match Webflow's field requirements, and automatically create or update CMS items.

Workflow:

1. Create a Flatly sync job from your data source to Google Sheets
2. Structure columns to match your Webflow collection fields
3. In Zapier or Make, create a workflow triggered by "New Row" or "Updated Row"
4. Add a Webflow action to "Create Live Item" or "Update Item"
5. Map columns to CMS fields (note: reference fields require direct API calls)

Limitation: Zapier cannot map reference or multi-reference fields. You'll need the Webflow API for relationships or set up a two-step automation.

Best for: Automated synchronization without custom code; update frequencies of 10 minutes or longer.

Build with Flatly exports and Webflow API

Deploy a serverless function (AWS Lambda, Vercel, Netlify Functions) that triggers when Flatly exports new files to cloud storage, reads the CSV data, transforms it, and uses the Webflow CMS API to create or update items.

Use POST /v2/collections/{collection_id}/items to create items in staged state, then call /v2/collections/{collection_id}/items/publish to make them live. Implement exponential backoff for rate limit errors (Webflow enforces 60-120 requests/minute).

Best for: Technical teams needing maximum control, complex field mapping, or large datasets.

What you can build

Integrate Flatly with Webflow to sync operational data into CMS collections for display on your site.

• Product catalog synchronization: Sync product data from your PIM or e-commerce platform to Webflow CMS through Flatly exports to Google Sheets, then use Zapier or manual imports to populate your product collection with pricing, descriptions, and images.
• Customer testimonial management: Export reviews from CRM systems like HubSpot or Salesforce through Flatly to CSV, then import to a Webflow CMS collection to display social proof on your site.
• Real estate property listings: Pull property data from Firebase or custom databases through Flatly exports, then use serverless functions to push updates to Webflow CMS for a listings directory.
• Content library automation: Extract content metadata from project management tools like Monday or ClickUp using Flatly syncs to Google Sheets, then connect Zapier to automatically create CMS items.