Wix Harmony Editor: What's New with Item Pages

Important:

We're working on releasing CMS in Wix Harmony, which is not yet available in all Wix accounts.

Design one page, and every item in your collection gets its own version — same design, different content, each with its own URL. That's one page to build and maintain, instead of a separate one for every item. Item pages replace the dynamic pages you may have used in the Wix Editor or Studio Editor.

On static pages, you can only connect text, image, and button elements that are attached to a repeater to your CMS collection. However, item pages allow you to connect text, images, and buttons, wherever you place them on the page.

Item pages replace dynamic pages

The "dynamic pages" setup is gone, including the split between dynamic list pages and dynamic item pages:

• Lists live on regular pages: Any page can show your collection — add a repeater and connect it. There's no separate "dynamic list page" type to create or manage. Learn more about what's new with the CMS in Wix Harmony.

• Item pages are created for you: When you link a repeater to item pages, Wix Harmony generates a page for every collection item, all sharing the layout you design.

• No datasets: You connect elements to collection fields directly from the Manage Items panel, on the page where you're designing.

Creating item pages

Add item pages from a repeater you've already added to your page, from the Add panel, from your collection in the CMS, or by asking Aria. If you don't have a repeater yet, the Add panel and CMS options can create one at the same time.

Design once:

Every item page shares the same layout. Changes you make on one apply to all of them.

From a repeater

Link a button or image in your repeater to create your first item page. That element then becomes what visitors click to open the relevant item's page.

To create item pages from your repeater:

1. Go to your editor.

2. Click a button or image in your repeater.

3. Click Link on the action bar at the top.

4. Click the Use content from a collection icon

   

   .

5. Click the Choose field dropdown and select Create your first item page.

1. Click the item page template you want to use to display your collection items.

2. Click Add.

Connecting elements on your item page:

Once you've created an item page, use the Manage Items panel to connect the elements on your item page to your collection fields. An item page shows one item at a time, so you don't need a repeater — connect elements wherever you place them.

From the Add panel

Add an item page or a bundle that includes both an item page and a page with a repeater. The page with a repeater displays a list of several of your collection items. You can link buttons and images in the repeater to the item page so visitors click the relevant item to view details in the item page.

To create item pages from the Add panel:

1. Go to your editor.

2. Click + Add at the top left of the editor and select Pages.

3. Click Lists.

4. Choose a template with the pink CMS label at the top:

   • Item page only: Hover over the relevant page template and click Add Page. This adds one item page for displaying details about one individual item at a time.

   • Item page and page with repeater: Hover over the relevant bundle and click Add Pages. This adds an item page and a static page with a repeater, each connected to your collection content.

From your CMS collection

You can also start from the collection itself. Add a collection page from CMS in your site's dashboard, then choose whether you want an item page or a page with a repeater.

To add an item page from your collection:

1. Go to CMS in your site's dashboard.

2. Click the relevant collection.

3. Click Add Collection Page at the bottom of your collection. Your editor opens to the Add collection page panel. Alternatively, click the More Actions dropdown at the top and select Add collection page.

4. Click the template you want to use:

   • Item page: Displays details about one item at a time. Click Blank Canvas to design the page from scratch.

   • Page with a repeater: Adds a page that lists several of your items. Link buttons and images in the repeater to your item page so visitors can click through to the details.

5. Click Add.

From Aria

Aria, the AI agent in your editor, can add an item page for you. Name the collection you want to display in your request so Aria adds the page for the right content. Learn more about working with Aria.

To create item pages with Aria:

1. Go to your editor.

2. Click Ask Aria at the bottom right of the editor.

3. Enter your request in the chat, including the name of the relevant collection. For example, "Add an item page for my Recipes collection".

Connecting elements on your item page

An item page shows one item at a time, so you don't need a repeater. Connect text, images, and buttons to your collection wherever you place them on the page — add elements for extra details, redesign the page, or start from a blank canvas.

Note:

The label above an element shows whether it's connected. Blue means the element is static, pink means it's connected to your collection.

To connect an element to your collection:

1. Go to your editor.

2. Go to your item page.

3. (If needed) Add a text, image, or button element from the Add panel.

4. Click the element you want to connect.

5. Connect the element to your CMS collection:

   1. Click Connect to {your collection} or click the pink label with the connected field name.

   2. Click the Use content from a collection icon

      

      .

   3. Click the Choose field dropdown and select the collection field you want the element to show.

Need to change the text displayed on your button?

Select the button and click Edit Text in the action bar. You can enter static text that stays the same for each item or click the Use content from a collection icon

to use a collection field to display text that changes based on the item.

Item page URLs

Every item page URL has 2 parts you can edit. The prefix (for example, /recipes/) is shared by all the item pages connected to your collection. The slug (for example, chocolate-cake) is unique to each item and comes from the item's Item slug field in your collection. Together, they create the item page's address: yoursite.com/recipes/chocolate-cake

• One slug per URL: An item page URL contains a single slug. You can't add more collection fields to the URL structure.

• Slugs are unique: Wix Harmony adds -1, -2, and so on to keep generated slugs unique. If you edit a slug to a value that already exists, you can't save it until you choose a different one.

• Edit a slug in your collection: The Item slug field appears to the right of your collection fields once you create an item page. This field uses the 'Slug' field type, and you can't change its name or type. Click an item's slug to change the ending of its item page URL.

• Edit the prefix in your page settings: Change the prefix from your item page's settings in the Site Pages panel. This updates the URLs of every item page connected to the collection.

Important:

Changing an item's slug or the shared prefix creates new URLs, so any links you've already shared stop working. To automatically redirect visitors from the old URLs to the new ones, first connect a domain to your site.

Managing your item page settings

Your item pages share one set of settings. Open the settings from the Site Pages panel to edit the shared URL prefix, choose who can access the pages, and set up SEO.

To open your item page settings:

1. Go to your editor.

2. Click the Page dropdown at the top left of the page.

3. (In the Site Pages panel) Hover over the relevant item page and click the More Actions icon

   

   .

4. Select Settings.

1. Choose what you want to edit:

   • Page URL: Shows the URL ending your item pages share — the prefix, then each item's Item slug. Click the Edit icon

     

     to change the prefix for every item page in the collection.

   • Access: Click Manage Access to choose who can open your item pages: everyone, visitors with a password, or site members. For members, you can allow all site members, or only members with specific roles, plans, or badges.

   • SEO: Click Go to SEO Settings to set up all your collection pages for SEO in one place. You can also customize how item pages appear in search results. Learn more about editing SEO settings for item pages.

   • Page info: Shows the collection your item pages come from, with a link to it, and how many item pages were created.

Tip:

To rename, duplicate, or delete your item page, hover over the page, click the More Actions icon

and choose the relevant option.

FAQs

Click a question below to learn more about item pages in Wix Harmony.