How can I select a collection page, instead of a regular page, when setting a link block in Webflow?
TL;DR
- Add a Collection List, bind it to a CMS Collection, and place a Link Block inside each Collection Item.
- In Element Settings, set the link to Current Collection Page to dynamically link each item.
- On a Collection Page, a Link Block can also be set to Current Collection Page to link to itself.
- Ensure the Collection Page URL structure is
/collection-name/item-name/for correct navigation.
To link a Link Block (or any other link element) to a Collection Page in Webflow, you need to use Dynamic Linking within a Collection List or a Collection Page itself. Here’s how to do it:
1. Use a Link Block Inside a Collection List
- Add a Collection List to your page.
- Bind it to the desired CMS Collection (e.g., Blog Posts, Projects).
- Drag a Link Block into the Collection Item.
- Under Element Settings (⚙️ panel), set the Link Setting to Current Collection Page.
2. Use a Link Block Inside a Collection Page
- If you're already on a Collection Page, the Link Block can dynamically link to itself.
- Insert a Link Block and set the link to Current Collection Page in the Element Settings.
3. Ensure Collection Pages Have a Proper URL Structure
- When using a Collection Page, URLs follow the format
/collection-name/item-name/. - Your Link Block will automatically direct users to the correct Collection Page item.
Summary
To select a Collection Page as a link destination, use a Link Block within a Collection List and set it to Current Collection Page, or place it directly on a Collection Page. This ensures that each link dynamically directs users to the relevant item’s page.