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?

When using Inner Text Settings in Webflow, the Category Name field may not display as expected within a Collection List. This happens because the Inner Text setting only allows you to pull plain text but doesn't dynamically link collection relationships. Below is a step-by-step guide to properly display the Category Name in a Collection List.

1. Ensure the Collection Reference Field Exists

• Open your Collection Settings in Webflow CMS.
• Check that your Collection has a Reference or Multi-Reference field linking to the Category Collection.
• If it doesn’t exist, create a Reference Field and connect it to your Categories Collection.

2. Add a Collection List with Your Items

• In the Webflow Designer, drag a Collection List onto your page.
• Set this Collection List’s source to the collection that contains the Category Reference Field.

3. Insert a Text Element for the Category Name

• Inside the Collection Item, add a Text Block or a Paragraph where you want the Category Name to appear.
• Select this Text Block and choose Add Field (Dynamic Data).

4. Bind the Category Name Correctly

• Choose the Reference Field (Category) from the available options.
• Webflow should now automatically show the Category Name inside each Collection Item.
• Do NOT use Inner Text Settings for this, as Reference Fields require direct binding.

5. Verify the Display and Publish

• Preview your project in Webflow Designer to ensure the Category Name is displaying correctly.
• If everything looks good, Publish your site to live test the functionality.

Summary

To display the Category Name in a Collection List, ensure you use a Reference Field, then add a Text Block and directly bind it to the Category Name field. Avoid using Inner Text Settings, as they don’t support Reference Fields.