You can link a Webflow CMS Collection List to another CMS Collection using Reference or Multi-Reference fields. This allows content from one collection to be dynamically connected to items in another.
1. Use Reference or Multi-Reference Fields
- In the CMS Collection where you're setting up relationships, add a Reference or Multi-Reference field.
- Reference allows linking to a single item in another collection.
- Multi-Reference allows linking to multiple items from another collection.
2. Populate Reference Fields
- When adding or editing an item in the collection, choose which item(s) from the linked collection should be referenced.
- This creates the data connection necessary to display linked content.
3. Connect Collection Lists in Webflow Designer
- In your layout, insert a Collection List.
- Bind it to the primary collection (the one with the reference field).
- Inside the Collection Item, you can then insert nested Collection Lists that show the referenced items.
4. Use Nested Collection Lists
- Select an element inside the main collection list (e.g., a Div Block).
- Add a Nested Collection List and connect it to the Reference or Multi-Reference field.
- Webflow allows one nested collection list per Collection Item and up to five references per CMS item (as of 2024).
5. Limitations to Keep in Mind
- Nested collection lists are only supported one level deep.
- You can't sort, filter, or paginate the nested list independently.
- Multi-Reference fields support up to 100 referenced items per CMS item.
Summary
To link one Webflow CMS collection to another, use Reference or Multi-Reference fields to create relational data. Then use nested Collection Lists in your layout to display the linked content dynamically.