Webflow sync, pageviews & more.
NEW

How can I select a collection page, instead of a regular page, when setting a link block in Webflow?

TL;DR
  • Add a Link Block inside a Collection List bound to a CMS Collection and set its link to the Current Collection Item to dynamically connect to its Collection Page.
  • Static pages can't link directly to Collection Pages unless you manually input URLs, which won't auto-update with CMS changes.

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.

  • 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).
  • 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.
  • 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.

Rate this answer

Other Webflow Questions