Webflow Multi-reference fields

How to sync Linked Record Fields in Airtable to Multi-Reference Fields in Webflow

Webflow's CMS doesn’t natively support multi-select options in the same way Airtable does.

However, you can achieve a similar function by utilizing multi-reference fields within Webflow and syncing them through PowerImporter from your Airtable base.

‍Here's how you can set it up:

‍1. Create a separate table in your Airtable base:

In Airtable, you'll need to have a dedicated table that contains all the possible options for your reference and/or multi-reference field.

2. Link to records in Airtable:

In your main Airtable table, add a "Link to a record" field that connects to your options table. This will act as your multi-reference connection.

This is how it works:

3. Create a Reference or Multi-reference field in Webflow:

You will need at least 2 collections in Webflow. The second collection will be for your "referenced" items. If you haven't done so already, create a Reference field or Multi-reference field in your main Webflow collection, linking to your second Webflow collection. For example, link your Blog post collection to your Authors collection.

4. Map your fields in PowerImporter:

Within PowerImporter, map both the Airtable main table and the options table to the corresponding collections in Webflow. Then map your Airtable fields to your Webflow fields, ensuring that the "Link to a record" field in Airtable is mapped with the reference and/or multi-reference field in Webflow. That's it!

Whatch this tutorial video to see how each step works, from setting up linked record fields in Airtable, reference fields in Webflow, and finally mapping and syncing in PowerImporter: