Using dynamic pages

You can use Dynamic pages to build your dynamic pages.

A dynamic page is a page you link to from your standard pages, but it also determines the template layout of global pages. For example, you'd use a dynamic page for your Product Details Pages, search, checkout, and so on.

Click Dynamic pages on the dashboard to open the dynamic page area.

c861018 Click on dynamic pages on the dashboard

When you first open Dynamic pages, it might be empty. A schema must be uploaded first to get a dynamic page. See the developing a dynamic page extension article for more information.

Once a schema has been added, you'll see a screen similar to the below with the list of dynamic pages on the left:

cf7161d Dynamic page landing

Then when you click on a dynamic page, the middle and right sections open.

1d904cb Dynamic page open

The middle section is where you can set up rules that your pages follow. For example, you can set up a rule on a product details dynamic page to show if a product is above a specific price, then have the default page for all products below that price. See the using FECL article for how to do this.

The section on the right is where you create the page versions like you would on a standard page. See the creating a page version, duplicating page versions, scheduling page versions, and using the page builder articles for more information.

When working in the page builder, you can start a discussion by using the comment feature on the top menu bar. You can also assign a team member to review your changes before publishing to production. To learn more about collaborating in the studio, see Collaboration.

Creating a dynamic page

We'll now go through creating a dynamic page if a schema has already been uploaded. Once you've opened the Dynamic pages area, follow the steps below:

  1. Select the folder where you want to add your new dynamic page

dc9012a Select the folder where you want to create the new page

You can either edit an existing page rule, such as the Default page or create a new rule. For this example, we'll create a new rule. So our 2nd step is to click + New rule

You'll only see the + New rule button if the schema has isMultiple flag set to true. See the developing a dynamic page extension article for more information.

  1. Update the Name, add the Entity criterion (see using FECL), click + Add data source, then select a data source

fb556d1 Input a name fecl and click add data source

  1. Select which data source you want to use

This opens the data source filter editor.

If you create 2 rules where, for example, a single product can match the criteria, you can't control which page version will be shown.

  1. Input a Name, then click Save

ff97684 Input a name and click save

This closes the data source filter editor.

  1. Click Save

0fc5dd3 Click save on your dynamic page rule

  1. Click + New page version at the top of the Page versions column

a8a4436 Create new page version for your new rule

  1. Input a name and click Save

1af7803 Input a name of your new page version and click save

This opens the page builder.

  1. Add layout elements and Frontend components to your dynamic page (see using the page builder for more information), then click Save

24e46e3 Add layout elements and then components

The preview won't work at this stage, you'll need to add a data source. We'll show you how to do this later in the article.

This closes the page builder.

  1. Hover on your page version, click the more icon, then select Make default

d357f01 Make your page version default

Editing a dynamic page

Once you've saved a dynamic page, you can edit it at any time.

To edit the settings of your rule, click the settings icon in the middle section:

2d11ee4 Click settings icon on dynamic page rule

To edit the page version, click the edit icon on the name of your dynamic page version:

8a7a6b3 Click edit icon on dynamic page version

Duplicating dynamic pages

You can duplicate a dynamic page rule, including all its page versions, by clicking on the duplicate icon in the middle section:

4884c9e Click the duplicate icon

Once duplicated, all Archived page versions will be copied to the Archived section, while all other page versions (live, scheduled, default, draft) will be copied to the Draft section in the new page rule.

Deleting dynamic pages

You can delete dynamic page rules by clicking the trash can icon:

44517d3 Click the trash can icon to delete page rule

You won't be able to access the rule or the page versions attached to it again.

You can also delete the page versions attached to the rule by hovering over the name of the page version and clicking the trash can icon. You won't be able to access it again.

If you'd like to keep the page version for reference, you can hover on the page version, click the more icon, select Duplicate version, and then select Archive on the duplicated version. You'll then find your page version in the Archived section.

If you want your rule to show to your customers, you should always have a Live page version.

Previewing dynamic pages

To preview a dynamic page, you need to add a data source. To do this, select the dynamic page type and click Add data source.

a7a206a Click add data source to add a data source for your preview

The data source filter editor will then open. You can either click Save directly or add filters to the data source, then click Save.

To change the data source, click Edit data source.

8617f79 Click the edit data source button to edit the data source

If you change the data source with the preview open, the preview won't update with the new data source until you open the page builder.

You can also delete the data source by clicking the trash can icon. But you won't be able to preview your dynamic pages until you add another one.

fe9f548 Delete the data source from the preview

Searching dynamic page rules

If you have more than 5 dynamic page rules, you can search for the name of a rule to find it more easily.

70e0459 Search dynamic page rules

The default page will always show in your search results.