To link a Link Block to a Collection Page in Webflow, you must do it within a Collection List or use dynamic template routing, as static pages can’t directly link to dynamic Collection Pages.
1. Use a Collection List to Link to a Collection Page
- Add a Collection List to your page by dragging it from the Add panel.
- Bind it to a CMS Collection (e.g., Blog Posts).
- Inside the Collection List, add a Link Block.
- With the Link Block selected, go to the Settings panel.
- Under Link Settings, choose Current [Collection Name] (e.g., "Current Blog Post") from the Page dropdown.
- This will link the block to that item’s Collection Page (e.g.,
/blog-post/post-title
).
2. Use a Button or Text Link Inside a Collection List
- Inside each Collection List Item, you can also add buttons or text links.
- Select the element, and under the Link Settings, also link to the Current [Collection Item].
- This is ideal when you want cleaner layouts or more control over the content inside the link block.
3. Can’t Link Static Element to Collection Page Outside a Collection List
- If you try to add a Link Block on a static page (not inside a Collection List), you won’t see “Current [Collection]” as a link option.
- To work around this, use a manual URL structure (e.g., link to
/blog-posts/post-slug
) with a slug field as a page parameter in custom scripts or redirects. - However, this is not dynamic and won’t update if slugs or structure change.
Summary
To link a Link Block to a Collection Page, place it inside a Collection List and bind it to the Current Item. Static pages can't directly link to dynamic Collection Page items without hardcoding slugs.