How to Import Webflow CMS Items to Airtable

In this guide, we'll import Webflow CMS items to Airtable. We'll use Data Fetcher's Webflow Airtable integration to connect to Webflow and automatically import all items in a Webflow CMS collection into Airtable with their attributes such as name, slug etc.

Install Data Fetcher

Install Data Fetcher from the Airtable marketplace. After the extension launches, sign up for a free Data Fetcher account by entering a password and clicking 'Sign up for free'.

Import Webflow CMS Items to Airtable

On the home screen of the Data Fetcher extension, click 'Create your first request'. Requests in Data Fetcher are how you import data to or send data from your Airtable base.

On the create request screen in Data Fetcher, for Application, select 'Webflow' to use the Webflow Airtable integration.

Click 'New Webflow Connection'. You will be taken to a new tab/window where you need to authorize Data Fetcher to access your Webflow account. Select the Webflow sites you want to import collection items from. Then click 'Authorize Application'.

You should be back in the Data Fetcher with the Webflow connection set up.

For Endpoint, select 'List all collection items'.

Enter a Name for your request, e.g. 'Import Webflow Collection'. Then click 'Save & Continue'.

Select the Site you want to import a collection from.

Select the Webflow Collection you want to import.

Select the Output Table & View you want to import the Webflow CMS collection items into.

Click 'Save & Run'.

The Webflow Airtable integration will run and the Response field mapping modal will open. This is where you set how the fields from Webflow should map to fields in the output table. For each Webflow CMS field (e.g. 'Name') you can either import or filter it. For an imported field, you can set whether to map them to an existing field or create a new field.

Make sure you import the 'id' field, as we will use this to ensure the items we import into Airtable are kept in sync with any changes in Webflow. Import any other fields you want. Then click 'Save & Run'.

Data Fetcher will create any fields that need to be created in the output table, then run the Webflow Airtable integration and import the CMS items from Webflow to Airtable. Webflow has a limit of 100 items per run, so Data Fetcher may need multiple runs in order to import all CMS items.

Finally, we want to ensure Data Fetcher can match up items in Webflow with records in Airtable, even if we move those records around. To do this, click 'Advanced settings' to open the advanced output settings. Then for Update Based on Field, select 'id'. Then click 'Save'.

Automatic Webflow Airtable integration

At the moment, we have to manually run the request to import the CMS items from Webflow. We can use Data Fetcher's scheduled requests feature to automatically import them every 15 minutes/ hour/ day etc.

In Data Fetcher, scroll to Schedule and click 'Upgrade'.

A new tab will open where you can select a plan and enter your payment details to upgrade.

Return to the Data Fetcher extension and click 'I've done this'.

Under Schedule click '+ Authorize'.

A new window will now open where you'll be prompted to authorize the Airtable bases you wish Data Fetcher to have access to.

By selecting 'All current and future bases in all current and future workspaces' you should avoid having to unauthorize bases in the future.

Click 'Grant access'.

Back in Data Fetcher, Schedule this request will now have toggled on.

Select how often you want the request to run, e.g. 'Every 15 mins' and Click 'Save'.

The Webflow Airtable integration will now run on the schedule and import new users from Adalo automatically.