How can I link the navigation links to different CMS collection pages in Webflow?

Published on
September 22, 2023

To link the navigation links to different CMS collection pages in Webflow, follow these steps:

  1. Log in to your Webflow account and open your project in the Designer.
  2. Navigate to the page where you have your navigation links that you want to link to CMS collection pages.
  3. Select the navigation link that you want to link to a CMS collection page.
  4. In the right-hand panel, under the "Link Settings" section, click on the dropdown menu for "Link Type" and select "CMS Collection Page."
  5. A new option will appear below called "Select Collection." Click on the dropdown menu and choose the appropriate CMS collection that you want to link to.
  6. After selecting the CMS collection, another dropdown menu will appear called "Select Field." This is where you choose which field within the CMS collection will determine the URL of the linked page. For example, if you have a blog CMS collection and you want each link to go to a specific blog post, you would select the "slug" field.
  7. Once you've selected the field, Webflow will automatically generate the dynamic link structure for your CMS collection page link.
  8. If you want to add any URL parameters to the dynamic link (e.g., for sorting or filtering purposes), you can do so in the "Add URL Parameter" field.
  9. Repeat these steps for each navigation link you want to link to a different CMS collection page.
  10. Remember to publish your changes for the links to update on the live site.

By following these steps, you can easily link your navigation links to different CMS collection pages in Webflow. This allows for seamless navigation and a better user experience on your website.

Additional Questions:

  • How can I create CMS collection pages in Webflow?
  • Can I link the navigation links to external URLs in Webflow?
  • Is it possible to customize the URL structure of CMS collection pages in Webflow?