← All blog posts

Populating Multi Reference Fields in Webflow

Today I am breaking down how you can automate the process of populating the multi-reference field inside of Webflow using Airtable and Zapier.

January 5, 2021

Code snippet for the custom request step

{"fields":
{"field-name":["Item1","Item2","Item3"]}
}

Formula for adjusting Airtable Item ID

"\""&{Webflow Item ID}&"\""

Today I am breaking down how you can automate the process of populating the multi-reference field inside of Webflow using Airtable and Zapier. This tutorial is quite advanced, however, anyone who uses Webflow as their CMS and Airtable as their database is likely to come across use cases where they need to automatically add tags or categories to Webflow item. In this tutorial, I break down how this workflow works.Code Snippets:https://www.connorfinlayson.com/youtu...

Webflow API:https://developers.webflow.com/

TIMESTAMPS:

00:00 Intro

01:12 How to use Multi Reference Fields in Webflow

02:48 Adding Multi Reference Items to your item page

04:28 Setting up Airtable for Multi Reference Fields

05:42 Zapping an Airtable Item to Webflow

07:37 Zapping Multi References Items to Webflow

09:41 Modifying the Airtable Item ID Array

Use the code

Copy

Dive Deeper with the MVMP Marketplace Course

Learn how to build the essential features for your online marketplace. Start creating the most essential features for your no-code marketplace and start scaling your site

Learn more →
Subscribe to the newsletter!

Get notified when I publish my next video or blog

😘 Got it!
Oops! Something went wrong while submitting the form.
Webflow SEO Hack: Convert Your CMS Images to WebP

Webflow SEO Hack: Convert Your CMS Images to WebP

In August, Webflow added an internal compression tool that allows you to convert images to the webP filetype for improved web performance. While this feature is available for static images, it is not yet available for CMS images. Luckily, a solution to this problem is converting your CMS images to WebP.

How to Fix Common Webflow Performance Issues with Lighthouse

How to Fix Common Webflow Performance Issues with Lighthouse

Are you experiencing performance issues on your Webflow site? Lighthouse can help you identify and fix common problems such as slow loading times, poor server response, and lack of caching. Learn how to use Lighthouse to improve your Webflow site's performance and enhance the user experience.

Building a Cover Letter Generation App with Wized, GPT-3, and Webflow

Building a Cover Letter Generation App with Wized, GPT-3, and Webflow

I'll show you how I used the power of GPT-3 by OpenAI, @Wized and Webflow to create an app that generates custom cover letters for job listings. If you are looking for GPT-3 business ideas, feel free to use the same process to set up your own site.

Optimizing Webflow Designs Using Line Clamping

Optimizing Webflow Designs Using Line Clamping

Using line clamps in Webflow allows for the creation of visually appealing layouts by limiting the number of lines of text displayed within an element.

Advanced Webflow Search & Filtering w/ Data Fetcher & Finsweet Attributes

Advanced Webflow Search & Filtering w/ Data Fetcher & Finsweet Attributes

In this post, we'll be walking through the process of using Finsweet Sort and Filter to implement search and basic filtering functionality for our book collection. We'll also be using Data Fetcher to import Google Analytics page views and incorporate them into our Webflow site, allowing us to sort our books by popularity.

ChatGPT 🤝 No-Code - How to create and schedule social posts with AI

ChatGPT 🤝 No-Code - How to create and schedule social posts with AI

As part of the booknotes.ai series, I will show you how to build a workflow for creating and scheduling social media marketing posts. For this example, I will be using Instagram, but you can set up this workflow for whatever other social media platform you want to use, like Twitter, LinkedIn, etc. In the first part of this series, I showed you how I created booknotes.ai, a book recommendation service created with AI.