← 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 Apps - Reviewing Webflow's Biggest Update This Year!

🚀 Webflow Apps - Reviewing Webflow's Biggest Update This Year!

Explore Webflow's revolutionary app updates and API changes that enhance design capabilities and user experience, featuring standout apps like Unsplash, Jasper AI, Finsweet Table, and Memberstack.

🤯 Relume's AI Site Builder is UNBELIEVABLE!

🤯 Relume's AI Site Builder is UNBELIEVABLE!

Relume has once again taken things to the next level AGAIN. This time with their AI Site Builder tool that will allow you to turn a simple prompt into a sitemap and wireframes with AI generated copy in seconds.

Setting Up Client Portals in Glide for Your Two-Sided Marketplace | Course Preview

Setting Up Client Portals in Glide for Your Two-Sided Marketplace | Course Preview

Welcome to my brand new course on how to build customer portals for two-sided marketplaces in Glide! Glide is an incredible tool that can revolutionize your business, as I've experienced firsthand while working on the Unicorn Factory.

🚀 6 Tips for Building Webflow Sites More Efficiently

🚀 6 Tips for Building Webflow Sites More Efficiently

Discover the secrets to enhancing your Webflow design process with these 6 essential tips! In this video, we'll walk you through time-saving techniques, productivity-boosting hacks, and valuable strategies to help you build Webflow sites more efficiently. From style guides to on-page optimization, these expertly-crafted tips will empower you to work smarter, create beautiful and responsive websites faster, and take your Webflow skills to new heights. Don't miss out on unlocking your full Webflow potential – tune in now to elevate your website-building experience!

Supercharge Your Webflow Landing Pages: Creating Custom Open Graph Images with Placid (Part 3)

Supercharge Your Webflow Landing Pages: Creating Custom Open Graph Images with Placid (Part 3)

Join us for the final installment of our series as we explore the creation of custom open graph images for each landing page. In Part 3, we'll use Placid to automatically generate visually appealing open graph images with custom screenshots and text. Enhance your website's social media presence and elevate your landing pages with these custom images. Complete your automation journey and unlock your website's full potential with this innovative workflow.

Supercharge Your Webflow Landing Pages: Automatically Updating Webflow CMS Items (Part 2)

Supercharge Your Webflow Landing Pages: Automatically Updating Webflow CMS Items (Part 2)

Continue your automation journey with Part 2 of our series! In this video, we'll guide you through setting up a workflow that automatically updates Webflow CMS items whenever any of your titles have been created or updated. We'll use Airtable Automations to trigger a make.com workflow that seamlessly updates your Webflow items. Streamline your website-building process and keep your landing pages up-to-date with this powerful workflow.