How to limit the number of elements displayed on a CMS page (pagination)

Why use pagination?

Key points • Pagination prevents displaying too many elements at once • It improves navigation and site loading speed • Ideal for large collections such as blogs, offers, or events

Limiting the number of elements displayed on a CMS page is essential for maintaining a smooth browsing experience on your hotel website. Whether you're managing a blog, a list of offers, or a room catalog, pagination allows you to distribute content across multiple pages while ensuring a dynamic and consistent display.

To begin, go to the page on your site that displays a list from a CMS collection. This list is usually built using a Collection List component. Select this component and then open the settings for the Collection List Wrapper. There you will find an option for pagination.

Next, activate pagination by checking the corresponding option. Once activated, you can define the exact number of items to display per page. For example, you can display 6 blog posts, 3 offers, or 9 rooms before moving to the next page. This setting depends on the visual layout of your hotel website and the amount of content available in your collection.

💡 Tip: Choose a number of elements that fits within your visual grid. A harmonious display improves readability and user experience.

Once pagination is enabled, "Next" and "Previous" buttons or links will automatically appear. You can customize their style, position, and integration into your design to perfectly match your visual identity.

Also, make sure your list is sorted correctly before enabling pagination. Sorting is applied to the entire collection and then distributed across multiple pages. Sorting by date or alphabetically is often recommended for hotel-related content such as news or offers.

Test the preview display: browse through several pages to verify that the elements load correctly in the right order and without repetition. If some elements appear to be missing, check that the filters applied to your Collection List are correct and that the CMS fields used are properly filled.

Finally, keep in mind that pagination also contributes to SEO. It allows search engines to crawl your content in a more structured way, provided you maintain a clear logic in your URLs and internal links.

Conclusion

Pagination is a simple but essential feature for organizing your CMS content. By limiting the number of elements displayed per page, you improve the readability, loading speed, and user experience of your hotel website.