How can a CMS item name from one page be populated into a text block or other element on another page in Webflow?
Published on
September 22, 2023
To populate a CMS item's name from one page into a text block or another element on another page in Webflow, you can follow these steps:
- Set up a Collection:
- Go to the CMS Collections tab in the Webflow Designer.
- Create a new Collection or use an existing one.
- Add a field to the Collection that will store the item name (e.g., "Item Name").
- Create CMS items:
- Go to the Collections tab and click on the Collection you created.
- Add CMS items and fill in the "Item Name" field for each item.
- Link the Collection to the page:
- On the page where you want to display the CMS item name, open the Designer.
- Add a Collection List element to the page.
- Connect the Collection List element to the Collection you created.
- Configure the Collection List element:
- Select the Collection List element and go to the settings on the right panel.
- Set the Collection List to pull content from the Collection you created.
- Choose how you want to display the items in the Collection List (grid, list, etc.).
- Add the dynamic item name to your element:
- Inside the Collection List element, add the text block (or any other element you want to populate with the item name).
- Select the text block and click on the plus icon to add a dynamic field.
- Choose the "Item Name" field from the Collection you created.
- Style the dynamic element:
- Customize the styling of the dynamic element to match your design.
- Publish the site:
- Once you're done, publish the site to see the dynamically populated item names on the page.
By following these steps, you can easily populate a CMS item's name from one page into a text block or other element on another page in Webflow.
Additional Questions:
- How do I create a Collection in Webflow?
- Can I use CMS items in custom code on a Webflow site?
- Is it possible to use CMS items from one page into a form on another page in Webflow?