CMS pages

By CMS pages, we’re referring to pages such as a blog post or product page. 

Let’s take the blog post as an example again. A CMS blog post page is basically a template with building blocks, where each block is linked to content from your collection — think headline, image, date, blog text, etc.

The beauty of this CMS page is that you will only need to build it once. You can then use it again and again for every new blog post you add.

Creating CMS pages

To create a CMS page, go to the Page settings on the left side. 

Then select CMS for the page type and connect the collection below. You can also manually enter a route (domain.com/this-is-the-route). Use hyphens between every new word (domain.com/about-us).

Once you’ve filled in all the details, click create and edit design on the top right. This will bring you to the Canvas, where you can start building your CMS page.

Preview and switching

When editing a CMS page, it might look like you’re only editing one page. Or in our example, one blog post.

The truth is, you’re actually editing all other pages as well because each blog post uses the exact same template. If you want to see what your page looks like for different blog posts, you can change the slug in the preview link.

Linking

You can link to a CMS page from other pages with collection content. 

Use the steps below to link from a regular page with dynamic content:

  1. Build your regular page and add the elements that need to become dynamic

  2. Connect the elements to your collection and link data in settings sidebar

  3. Add a button or any other link element 

  4. Open the settings on the right side of the canvas to add the link

  5. Choose the CMS page link option

Each button (or link element) is now linked to the respective CMS page that’s created for each item.

Page settings

If you navigate to your Page settings from the left-hand side, you can edit the settings for each page you’ve created.

There are three tabs:

  • General: Page name, authentication and page type

  • SEO settings: Meta title, description and keywords, including a Google preview

  • Social share: Social share title, description and keywords, including a Google preview. You can also select to reuse the SEO settings

Unlike static pages, CMS pages can have dynamic values. The SEO and social metadata is adapted for each different entry.

If we use our blog example again, it means when your page settings are dynamic, the information is automatically changed for each blog entry. So different blog posts will have different blog titles and descriptions.

To activate the dynamic settings, you can select dynamic checkmarks in the SEO and social tabs once you’ve made your page type dynamic in the general tab.

From the dropdown menu, you can then select the field that’s used for the title and description text. You will need to add a meta title and description for each entry in your collection. If the value is left empty, no metadata will be shown (there’s no fallback).