CMS

Framer Update: CMS Collection References

Framer Update: CMS Collection References

Framer Update: CMS Collection References

·

3:47

·

12K views

·

About this lesson

This update introduces Collection References in the CMS. This long awaited feature allows you to reference items from one CMS collection to another, enabling dynamic, reusable content throughout your site. Instead of manually inputting related information across multiple entries, reference fields let you pull data like an author’s name, bio, or avatar from a separate collection, ensuring data consistency and efficiency. Multi-reference fields allow for adding multiple items like tags, post categories, or job benefits to be linked to a single entry. These features simplify content management, automatically reflecting updates across all related entries, and offer flexibility in organizing complex content structures for your designs.

🌞 Start for free: https://framer.link/yt

📚 Learn more at: https://framer.link/yt-academy

💎 Join the Community: https://framer.link/yt-community

🎉 Follow on X: https://framer.link/yt-x

0:01[Music]0:08we're super excited to introduce CMS0:11collection references a powerful new set0:13of features to grab items from one CMS0:15collection directly from another and0:18pass all the right content into your0:20designs so many of you have been waiting0:22for this and we think you're going to0:24love what it unlocks for your sites0:26while remaining super easy to use let's0:28take a look at how easy it is to set up0:30a basic CMS reference with a simple0:32example based on our built-in sample0:34blog which we've freshly updated with0:36reference fields that you can play with0:38right away our primary CMS collection0:41would be the blog post themselves but0:43within each blog post we need to0:44reference who the author is in the past0:47we'd have to create a field to either0:49manually type the name of the author or0:51choose one from an option dropdown but0:54what about each author's Avatar image0:56their location perhaps even a bio we0:59would have to manually add each piece of1:01data to each blog post not very1:04efficient and God forbid we need to1:06update an author's information across 101:08or hundreds of blog posts this is where1:11CMS references come in all we need to do1:14is set up another CMS collection for our1:16authors where each collection item1:19contains all of the information we might1:22need for each author now from our blog1:25post collection rather than adding a1:27plain text field or an option field we1:29can can choose to add a reference field1:32and choose which collection we want to1:34pull from in this case1:37authors now our reference field lets us1:39choose from any of the items in the1:41author's collection here it may look1:44like we're just pulling in the name but1:45we're actually now hooked into all of1:47the content within this CMS item in fact1:50we've also added an edit button to jump1:53directly to the reference item in its1:55own respective collection all right now1:57let's look at how easy it is to display1:59this content in our designs on this page2:01we have a collection list for our blog2:03post where selecting the first item now2:05shows a handy new plus button to add2:07content from any field in this2:09collection which now includes any2:11reference fields in our case the2:13reference field is authors and when I2:16hover over it I see all of the fields2:18nested within that collection I'll2:21choose name then head back for the2:23Avatar and bam we're grabbing content2:26from the author's collection based on2:28what's referenced in the article2:29collection which also means that any2:31changes made in the author's collection2:33will automatically propagate to every2:36single article that references it2:38GameChanger we've also added a new2:40multi-reference field for those2:41situations where you want to display2:43several items from a reference2:45collection like categories tags2:47contributors or in this case some2:49specific list items now when we have a2:52collection list on a page we can filter2:54down to show only the items included in2:57the multi-reference field and to save3:00you a few steps dropping in a referenced3:01collection from the insert panel will3:04add these filters3:05automatically you can also Nest3:07references as many levels deep as you'd3:09like for example here I've got a meetups3:12collection multi- referencing from a3:14collection of hosts but then each host3:18is referencing a collection of cities3:21and in our design we're able to pull all3:22of the matching content up the chain and3:25into our design you can create as many3:28CMS references as you need to get the3:30job done without having to worry about3:31hitting any limits so go crazy we can't3:35wait to see what you build

Watch on YouTube ↗

More in this topic

Framer Update: CMS 3.04:13
Framer Update: CMS 3.0
Framer Update14K views · 1 month ago
Ship websites with enterprise needs, at startup speeds0:33
Ship websites with enterprise needs, at startup speeds
Announcement8.3M views · 3 months ago
Framer Update: CMS Dynamic Filters7:25
Framer Update: CMS Dynamic Filters
Framer Update14K views · 3 months ago
Framer Update: CMS Components5:04
Framer Update: CMS Components
Framer Update11K views · 4 months ago
Framer Update: Empty States in CMS Lists3:23
Framer Update: Empty States in CMS Lists
Framer Update4K views · 4 months ago
Wireframer: Blogs and Changelogs with CMS3:40
Wireframer: Blogs and Changelogs with CMS
Framer Update5K views · 8 months ago
On-Page Editing in Framer: A powerful new way to update Framer sites, right in the browser.5:12
On-Page Editing in Framer: A powerful new way to update Framer sites, right in the browser.
CMS10K views · 10 months ago
Framer Event — Introducing On-Page Editing7:29
Framer Event — Introducing On-Page Editing
Event12K views · 10 months ago

Create a free website with Framer, the website builder loved by startups, designers and agencies.