How can I display the Category Name field in a Collection List in Webflow, when the source for the Category field is set using Inner Text Settings?
- Add a text element inside the Collection List and use the “Get text from” menu to select the Category reference and then the Name field from the referenced Collection.
- Do not use Inner Text Settings, as they cannot access data from reference fields.
You're trying to show the Category Name from a reference field within a Collection List, but it's not appearing when using the Inner Text Settings. Here's how to correctly display a Reference field like “Category Name” within a Collection List in Webflow.
1. Understand Reference Fields in Webflow
- Webflow allows you to pull in data from a Reference or Multi-Reference field inside a Collection.
- Reference fields (like Category) point to another Collection (e.g. a “Category” Collection).
- You must bind elements inside a Collection List to referenced fields—but the reference must be correctly set up and accessed.
2. Add a Collection List to the Page
- Drag a Collection List element onto your page.
- In the Collection Settings, bind the list to your primary Collection (the one that has the Category reference field).
3. Add a Text Element Inside the Collection List
- Inside the Collection List Item, add a Text Block or other text element.
- This text will display the name from the Category reference.
4. Connect the Text Block to the Category Name
- Click the Text Block, then click the Settings (gear) icon.
- Under Get Text from, choose the Category reference field (e.g. Category).
- After selecting it, Webflow will give you a second dropdown to choose a field from the referenced Collection (e.g. Name).
- Choose Name (or the appropriate field from the Category Collection).
Important: You can only access these nested fields using the "Get text from" option in the element settings, not using Rich Text or Inner Text Settings with custom attributes. Inner Text Settings do not allow deep selection from reference fields.
5. Publish to Preview the Output
- Webflow Designer may only show placeholder text while editing.
- Publish your site to preview the actual rendered Category Name.
Summary
To show a Category Name from a referenced Collection in Webflow, add a text element inside a Collection List, then use the “Get text from” menu (not Inner Text Settings) to pull the Name field from the reference. Inner Text Settings cannot access nested reference fields.