How to link a button or image to a dynamic CMS page

Why link an element to a CMS page?

Key points • Dynamic linking connects your buttons and images to CMS pages • Navigation becomes smooth and consistent for your visitors • Each item automatically links to its dedicated page

Linking a button or image to a dynamic CMS page allows you to automate navigation on your hotel website. This technique is very useful when displaying lists of rooms, offers, or news. Each element then links to its own page without requiring repeated manual configuration.

To begin, open the content management interface in your authoring environment. Navigate to the page or component that displays your CMS list, often built with a Collection List or similar structure. Select the button or image you want to make clickable.

Once you've selected an item, you'll find the option to add a link. In the link menu, choose the dynamic option associated with your collection, usually labeled CMS Page, Current Item, or Item Page. This option automatically links each visual element to its corresponding CMS page.

💡 Tip: If you link an image, make sure it's in the Collection List. Items outside this structure cannot use dynamic links.

After selecting the dynamic link, verify that your collection structure has a dedicated template for the CMS page. You can then customize the display of information specific to each item, such as photos, descriptions, and prices.

Once the link is configured, test the display in preview mode. Click on a button or image in your list to ensure it links to the correct item. If any of the elements are not working, verify that they are properly linked to the dynamic field.

To optimize the user experience, ensure your CMS pages are complete, clearly structured, and optimized for SEO. The more comprehensive your room listings, offers, and news sections are, the more effectively they will guide your visitors through their journey.

Conclusion

Linking a button or image to a dynamic CMS page is essential for creating automated and professional navigation. By using dynamic links from your Collection List, each item directs to its own page, providing a seamless experience for your visitors.