🔥 Google Sheets integration is live! Learn more

How to Import Webflow CMS Items to Airtable

Feb 3, 2022Andy Cloke

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

Install Data Fetcher

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

Group 1Data Fetcher Sign Up .png

Import Webflow CMS Items to Airtable

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

click-create-your-first-request.png

On the create request screen in Data Fetcher, for Application, select 'Webflow'.

webflow-application-selected.png

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'.

webflow-oauth.png

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'.

webflow-save-continue.png

Select the Site you want to import a collection from.

webflow-site-field.png

Select the Webflow Collection you want to import.

webflow-collection-field.png

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

output-table-1.png

Click 'Save & Run'.

webflow-save-run.png

The request 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'.

webflow-response-field-mapping.png

Data Fetcher will create any fields that need to be created in the output table, then run the request 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'.

webflow-imported-data.png

Import Webflow CMS Items Automatically

At the moment, we have to manually run the request to import the CMS items from Adalo. 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'.

table-1-schedule-upgrade-button.png

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

Screenshot 2021-12-29 at 10.25.19.png

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

table-1-schedule-ive-done-this-button.png

Click 'Add API key' in order to add your Airtable API key. You can find your Airtable API key here.

Group 11(1).png

Enter your Airtable API key and click 'Save'.

save-airtable-api-key.png

Enable Schedule this request.

schedule-data-fetcher-request.png

Select how often you want the request to run, e.g. 'Every 15 mins'. Click 'Save' The request will now run on the schedule and users from Adalo automatically.

Group 11(2).png

Other Recent Posts

How to Import Google Calendar Events to Airtable

How to Import Google Calendar Events to Airtable

Sep 26, 2022

Rosie Threlfall

Google Calendar
The Journey Bootstrapping a SaaS to $10k MRR

The Journey Bootstrapping a SaaS to $10k MRR

Sep 12, 2022

Andy Cloke

BootstrappingData Fetcher
How to Import Zoho CRM Data to Airtable

How to Import Zoho CRM Data to Airtable

Sep 8, 2022

Rosie Threlfall