CMS: Setting Up a Dynamic Item Page

7 min read
A dynamic item page is a single page design that you can use over and over to display items from your collection. You can edit this page by adding more elements, or deleting existing elements from it. You always have full control of how your elements connect to content in your collection. Use the page URL to link to it via menu items or buttons. To control what content gets displayed, modify the URL.
If you already have a dynamic item page that you want to set up differently, you can skip to Step 2.
A screenshot of a dynamic page in the Editor.
Before you begin:

(Optional) Step 1 | Add a dynamic item page

Create a new dynamic item page from the collection you've already created. 

To add a dynamic item page:

  1. Go to CMS in your Editor:
    • Wix Editor: Click CMS  on the left side of the Editor.
    • Editor X: Click CMS  at the top of Editor X.
  2. Click Collections.
  3. Click the More Actions icon  next to the relevant collection and click Add Dynamic Item Page.
A screenshot of the Collections section of the Content Manager panel with the Add Dynamic Item page highlighted.

(Optional) Step 2 | Add or delete elements

A new dynamic item page includes elements that will display all the content of an item in your collection. If you want to use these elements as they are, skip to the next step. If you would rather design the page yourself, you can add new elements and delete the ones you don't want.

To add elements:

  1. Go to the Add panel:
    • Wix Editor: Click Add  on the left side of the Editor.
    • Editor X: Click Add Elements at the top of Editor X.
  2. Click the element you want to add to your page.
  3. Click the element on your page.
  4. Click the Connect to Data icon  (or in Editor X).
  5. Select the fields from your collection in the drop-down menus under Connection Options.
A screenshot of a recipe page in the Editor. It has a text element highlighted with the Connect Text panel open.

Step 3 | Check connection of the elements

The elements on your page should already connect to the correct fields in your collection. But it's always recommended that you check everything is set up in the right way.

To check the connections on your page:

  1. Click an element in your Editor.
  2. Click the Connect to Data icon  (orin Editor X).
  3. Check each of the fields under Connection Options. If necessary, click to change the connection.
A screenshot of the Connect Image panel showing the Connection Options for an image.

Step 4 | Modifying the URL

The URL of a dynamic item page acts as a filter to control which item gets displayed on the page. For a new dynamic item page, the first field in the collection is the filter (this is usually 'Title').
So, for a collection with a title field containing the name of each recipe, the URL for each dynamic item page will be based on the recipe name.
For example:
https://mystunningsite.com/recipes/lasagne
For a collection with a title field that contains the number of each recipe, the URL will be based on the recipe number.
For example:
https://mystunningsite.com/recipes/0001

To modify the URL of your dynamic page:

  1. Go to Site Pages in your Editor:
    • Wix Editor: Click Menus & Pages  on the left side of the Editor.
    • Editor X: Click Pages  at the top of Editor X.
  2. Click Dynamic Pages.
  3. Select the new dynamic page and click the More Actions icon .
  4. Click Settings.
  5. Under What's the page URL?, remove the last part of the URL that appears after the dash (/). Make sure you do not remove the part of the URL that appears before the /.
    A screenshot of the Site Pages panel, showing dynamic page settings, highlighting the Title field in the page URL
    Note: If you see a warning that reads 'This URL conflicts with an existing URL', you can ignore it, and continue with the next steps.
  6. Click Add Field.
  7. Select the field you want to filter by. This is known as the dynamic value.
A screenshot of the Page Settings panel for a dynamic page, highlighting the Recipe Number field in the Add Field drop-down.
  1. Click the field you just added. The name of the field (the dynamic value) is now displayed between parentheses at the end of the URL. The collection field you add determines the items displayed on your dynamic item page. In the example below, the collection field is 'Recipe Number'.
A screenshot of the What's the page URL? field showing the dynamic value in parentheses
A screenshot of a collection in the Content Manager with the Recipe Number column highlighted.
  1. Return to the page in the Editor. Click the on-screen drop-down and select the collection item to display on your dynamic item page.
A screenshot of the on-screen drop-down menu showing the available recipe pages that the dynamic page can display.
  1. Use the on-screen drop-down to switch between items in Preview mode to see how your page will look live.

Now that you have a dynamic item page set up, make it available to your site visitors. Add a link to your site menu or add a linkable element on any of your site pages, so your visitors can access the page. Learn more about linking to a dynamic page.
Tip:
You can also create a dynamic list page to showcase multiple items from the same collection. In this page, you can link elements such as buttons or images to your dynamic item page so visitors can click to view the relevant item in its dynamic item page. 

Did this help?

|