Webflow sync, pageviews & more.
NEW

How can I link each of my CMS collections, "stays_austria" and "paris", to the items on the travel selection section on my Webflow homepage?

TL;DR
  • Link homepage travel items to CMS Collection Pages (e.g., /stays-austria, /paris) using static links or buttons.
  • If using one unified Collection, create static filtered pages per location and link to those, filtering by a Location field.

To link items in your homepage’s travel selection section to specific CMS collections like "stays_austria" and "paris", you’ll use reference links or dynamic URLs within your Collection Pages or static elements. Here’s how to do it.

1. Understand Your CMS Structure

  • Make sure both stays_austria and paris are actual Collection Lists in Webflow.
  • If they represent categories or destinations, consider using a single Collection with a Category or Location field instead for better scalability.

2. Use Collection Pages for Each CMS

  • Webflow creates a Collection Page for each CMS, e.g., yourdomain.com/stays-austria/slug and yourdomain.com/paris/slug.
  • You can link to these Collection Pages either using the slug of a particular item or a filtered Collection page if you consolidate your CMS.

3. Add Travel Selection Buttons or Cards

  • On your homepage, in the travel selection section, add individual buttons, links, or images for each destination.
  • For example:
  • Austria card – link to /stays-austria
  • Paris card – link to /paris

If “stays_austria” and “paris” are distinct Collections:

  • Use a static link block or button on your homepage, and set the link to the Collection Page, e.g.:
  • Austria button → URL: /stays-austria/
  • Paris button → URL: /paris/

If they are entries within a unified Collection:

  • Add a filtering category, such as a “Location” field (Austria or Paris).
  • Use a Collection List wrapper on a new static page (or homepage section) and filter it to show only Austria/Paris using conditional visibility.

5. Optional: Create Filtered Pages

If you want to link to filtered lists (e.g., all stays in Austria), Webflow does not support filtering via query parameters. Instead:

  • Create two static pages, e.g., /austria-stays and /paris-stays.
  • On each page, add a Collection List filtered by the appropriate field (e.g., Location = Austria).
  • On your homepage, link each travel option to its respective filtered static page.

Summary

Link each travel selection item to its CMS Collection Page or a filtered static page by using either direct links to Webflow’s auto-generated Collection Pages or by building custom filtered pages. Ensure consistent slugs and use reference fields if consolidating collections for easier scaling.

Rate this answer

Other Webflow Questions