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.
- 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
4. Connect Links to Collection Pages
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.