Dynamic pages

By dynamic 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 dynamic blog post page is basically a template with building blocks, where each block is linked to content from your database—think headline, image, date, blog text, etc.

The beauty of this dynamic 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 dynamic pages

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

Then select Dynamic for the page type and connect the Data source 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 dynamic page.

Preview and switching

When editing a dynamic 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 dynamic page from other dynamic pages, or from a static page with dynamic content. 

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

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

  2. Connect the elements to your database and data keys 

  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 dynamic page link option

Each button (or link element) is now linked to the respective dynamic 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, dynamic 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 database. If the value is left empty, no metadata will be shown (there’s no fallback).