Using dynamic pages in the Frontastic studio

Dynamic pages is where you can create dynamic pages that can be used across your site. Below is the screen you'll be greeted with when you open Dynamic pages:

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

To create your own dynamic page, you'll need to follow the steps below.

🚧

You can only create dynamic pages within already existing folders within the dynamic page section or sub-sections.

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

1. Open Dynamic pages, select the folder where you want to add your new dynamic 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.

If + New rule doesn't appear in the Dynamic page rules column, you can't add any new rules to this section, you can only add a new Assigned Page.

📘

You can set up different dynamic page rules to show different pages at different times. For example, you can set up a rule on a Checkout Finished dynamic page to show if an order is above a certain price, then have the default page for all orders below that price. See the using FECL article for more information.

2. Click + New rule in the Dynamic page rules section
3. Click + New page version at the top of the Page versions column, input a Page version name, then click Save

4. Add layout elements and Frontastic components to your dynamic page

5. Preview your page to check it looks right, click Save, then click the more icon and select Make 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:

To edit the page version, click the edit icon on the name of your 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:

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:

❗

️

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 canicon. 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.

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.

The default page will always show in your search results.

Ordering dynamic page rules

If you have more than 1 dynamic page rule, you can drag and drop the order of them. The rule in the higher position will be displayed first for your customers.

For example, say you have 1 rule for sale items and another rule for jeans. One of your products fits both rules. So if you drag the sale rule to the top, that product will look like the sale rule. If you drag the jeans rule to the top, that product will look like the jeans rule.

📘

The default page will always be at the very top of the list and you can't drag this.