How can I display multi-reference field names for a CMS template in Webflow? Currently, the field is not showing as intended.
TL;DR
- Add a Collection List to your CMS Template Page and set it to source from your multi-reference field.
- Inside the Collection List, add and bind elements like text or images to fields from the referenced collection to display related content.
If your multi-reference field isn’t displaying correctly in a CMS Template Page in Webflow, it’s likely because multi-reference fields require a proper Collection List setup to render. These fields don’t output values automatically like plain text fields.
1. Understand Multi-Reference Field Behavior
- A multi-reference field connects one CMS item to multiple related items in another collection.
- Webflow doesn’t allow direct insertion of multi-reference fields into a static text element—you must use a dynamic Collection List within your CMS Template Page.
2. Add a Collection List Connected to the Multi-Reference
- Open the CMS Template Page for the relevant CMS item type.
- Drag a Collection List onto the page (or inside another element like a div).
- In the Collection List Settings panel, choose the multi-reference field as the data source.
- You may need to scroll to find it under the "Get items from" dropdown when the parent page is linked to a CMS item.
3. Display Fields from the Related Collection
- Inside the Collection List, add Text Blocks, Images, or any elements needed.
- Bind these elements to the fields from the related (referenced) collection (e.g., Name, Title, Image).
- Adjust styling or layout as needed (list, grid, flex, etc.).
4. Double-Check Field Content
- Ensure that the referenced CMS items (in the related collection) have content in the fields you're trying to display.
- If the multi-reference field is empty for a particular CMS item, the collection list will render empty.
5. Optional: Use Conditional Visibility or Filtering
- Add Conditional Visibility rules if you only want to show the list when items exist.
- Use Filters on the Collection List to limit what gets shown or sort items appropriately.
Summary
To display multi-reference fields in Webflow CMS Template Pages, create a Collection List connected to the multi-reference field and bind content inside to fields from the referenced collection. You cannot directly inject multi-reference content into static text elements.
