Anytime you create a new item (e.g. blog post, help article, etc) in a Collection, a page is automatically created for it. Collection pages work like templates – the layout and design of the Collection page applies to all automatically generated item pages.

Collection pages are essentially templates for recurring pieces of content, such as blog posts, help articles, or even landing pages.

This article covers:

  • Creating a Collection page
  • Adding and connecting content
  • Previewing Collection pages
  • Linking to a Collection page
  • Collection Page Settings
 

Creating a Collection page

Once a Collection is created, a Collection page will automatically be created as well. You can select this Collection page by going to the Pages Panel, and choosing it under the Collection pages section. A purple icon next to the Collection page indicates that it’s a CMS-generated page.

Adding and connecting content

You can design and develop the Collection page just like any other static page—but the power of Collection pages comes when you want to bring in dynamic content into that design.

Adding static and dynamic elements

Just like with Collection lists, elements dropped into a Collection page are static until they are connected to a field from the Collection. You design a Collection page like any other page, but the page acts as a template for all the Collection items

 

You can do connect different elements in your design to Collection fields by following these steps:

  1. Select an element on the Collection page
  2. Click the settings icon (or go to the Element Settings Panel)  
  3. Check Get content from Collection
  4. Open the dropdown and choose the collection field you want to get content from

Once an element is getting content from a field, it is not just for that one item. This field is connected to the element across all item’s pages in that Collection.

 
PRO TIP - Static elements have blue outlines and dynamic elements, or elements that have data coming from the CMS, have purple outlines on the canvas.

Previewing and Switching Collection pages

When you’re editing a Collection page, it appears as if you’re editing only one of the items in the Collection. In fact, you’re editing all other pages simultaneously because you’re editing a template.

You can switch the content in the page to any Collection item using the dropdown in the top bar.

Holding Shift+Option (Shift+Alt on Windows) and pressing the left and right arrows on your keyboard will switch collection items to the next or previous item in the list.
 

Linking to Collection pages  

You can link to a Collection page from other Collection pages or from a Collection list. Follow these steps to link from a Collection list:

  1. Add a Collection list
  2. Connect it to a Collection
  3. Add a button, or any other link element to the Collection list
  4. With the link selected, click the gear icon (or go to Element Settings Panel)
  5. Choose the purple Collection page link option
  6. Choose Current Item

This will link each button in the Collection list to it’s respective Collection page created for each item.

 

Collection Page Settings

In the Collection page settings, you can set the SEO meta title & description, Open Graph title & description, RSS, and custom code for your Collection page templates. However, unlike static pages settings, Collection page settings can have dynamic values, meaning they result in unique information for each Collection item page.

You can access the Collection page settings through the settings icon that appears when you hover over a Collection page template in the Pages Panel.

Dynamic SEO Settings

You can define a template for the page titles and descriptions using Collection fields. And, you can see how they'll look in search engine results pages (SERPs) in a preview box.

Learn how to set meta title and description.

Dynamic Open Graph Settings

Here, you can set the information that will be presented when sharing links to Collection pages on Facebook, Twitter, LinkedIn, Pinterest, and Google+. Using Collections fields will create a template for each page, resulting in unique Open Graph information for each page.

Learn how to set Open Graph settings.

RSS Feed Settings

You can enable an RSS 2.0 feed for a Collection in the Collection page settings. This publishes a feed that RSS reader users can subscribe to and get updates when you publish new Collection items.

Here you can define the feed settings. You can use Collection fields to create a dynamic template for RSS channel title, description, and other settings. You can also see a preview of the feed right in the page settings. Then, ‍you can copy the RSS URL to use with other apps, or even add a link to it on your website.

Learn more about RSS feeds.

Custom code

You can add custom code and scripts to the <head> or <body> tag of a Collection page template. This will apply to all Collection pages. And if this code contains any information that you would like to have a unique value per Collection item page, then, you can replace that value in the code with a Collection field. Simply, select the value, and click on the purple + Add Field located at the upper right of the custom code text field.

Custom code and scripts will only appear on the published site.