Learn how to create dynamic pages that automatically generate from collection items, perfect for blogs, portfolios, and product catalogs.
How Collection Pages Work
Instead of creating individual pages for each blog post or product, you design one template. The CMS automatically generates a page for each item in your collection using that template.
Page Types
- Collection Template - Individual item pages (e.g., /blog/my-post)
- Collection List - Overview page showing all items (e.g., /blog)
Creating a Collection Template
- Create a new page in the Webpage Panel
- In page settings, select Collection Template
- Choose which collection it should use
- Design the page layout
- Bind elements to collection fields
Binding Template Elements
Connect design elements to show collection data:
- Select a text element
- Open the CMS Binding Panel
- Choose the field (e.g., Title, Content)
- The element displays the current item's data
Template URL Structure
Collection pages generate URLs based on your settings:
- Prefix - Base path (e.g., /blog/, /products/)
- Slug field - Item's unique URL path
- Example - /blog/how-to-design-websites
Creating a Collection List
- Create a page for the list view (e.g., "Blog")
- Add a Collection List component
- Select the collection to display
- Design the item card layout
- Configure sorting and filtering
Collection List Options
- Items per page - Enable pagination
- Sort by - Date, title, custom field
- Filter by - Category, tag, or custom field
- Layout - Grid or list view
Linking Between Pages
- List items automatically link to their template pages
- Use Reference fields to link related items
- Add navigation to list page from template
SEO for Collection Pages
- Bind SEO title to collection title field
- Bind meta description to summary field
- Set featured images for Open Graph
- Each page gets unique, item-specific SEO