Search documentation...

ChangelogBook a demoSign up


Bring in the power of personalization and dynamic content to your web projects on Webflow using rich customer data from your data warehouse

Supported syncing

Sync TypeDescriptionSupported Sync ModesAPI documentation
CollectionsSync data from any source to Webflow CMS collection itemsUpsert, UpdateCreate Collection Item

For more information about sync modes, refer to the sync modes docs.

Connect to Webflow

Go to the Destinations overview page and click the Add destination button. Select Webflow and click Continue. You can then authenticate Hightouch to Webflow by entering your API Token from your Webflow project.

You can find this by navigating to your Webflow dashboard, clicking the three-dot menu under the site you want to use and opening Settings. Then click Apps & Integrations, scroll down to API Access, and click Generate legacy API token.

Webflow legacy API key

Webflow legacy API tokens give Hightouch access to the site they're connected to and not to your entire Webflow project.

Sync configuration

Once you've set up your Webflow destination and have a model to pull data from, you can set up your sync configuration to begin syncing data. Go to the Syncs overview page and click the Add sync button to begin. Then, select the relevant model and the Webflow destination you want to sync to.

Syncing collections

Record matching

To match source rows to Webflow collection items, you need to select a source column and corresponding Webflow field. You can match on any Webflow field that is set to plain text type. Using the Slug field is recommended.

Webflow record matching

Field mapping

You can sync columns from your source to Webflow's collection properties.

Webflow field mapping

Delete behavior

The delete behavior you select dictates what to do when a row no longer appears in your model's query results. You have the following options:

Do nothingKeep the record in Webflow
Clear fieldsKeep the record, but clear the mapped fields
Delete recordDelete the record in Webflow

Clear fields is only available in Update mode, whereas Delete record is only available in Upsert mode.

Tips and troubleshooting

Common errors

To date, our customers haven't experienced any errors while using this destination. If you run into any issues, please don't hesitate to . We're here to help.

Live debugger

Hightouch provides complete visibility into the API calls made during each of your sync runs. We recommend reading our article on debugging tips and tricks to learn more.

Sync alerts

Hightouch can alert you of sync issues via Slack, PagerDuty, SMS, or email. For details, please visit our article on alerting.

Ready to get started?

Jump right in or a book a demo. Your first destination is always free.

Book a demoSign upBook a demo

Need help?

Our team is relentlessly focused on your success. Don't hesitate to reach out!

Feature requests?

We'd love to hear your suggestions for integrations and other features.

Last updated: Nov 7, 2023

On this page

Supported syncingConnect to WebflowSync configurationSyncing collectionsTips and troubleshootingCommon errorsLive debuggerSync alerts

Was this page helpful?