CMS: Linking to Dynamic Pages

There are several ways you can link elements on your site to your dynamic pages. The linking process depends mostly on the type of element you want to link, and the type of dynamic page you want to link to.

Tip:

When linking repeater items to a dynamic page that has page variants (available in Wix Studio), select the original dynamic page as the link target. The system automatically routes visitors to the correct variant layout at runtime based on the item's variant rules.

Hyperlinking text to dynamic pages

You can make specific words in text elements clickable so they take visitors to dynamic pages. After highlighting the text that you want to hyperlink, choose which dynamic pages the text links to. You can also link to specific items in dynamic item pages and to sections and anchors.

Wix Editor

1. Go to your editor.

2. Click the relevant text element and click Edit Text.

3. Highlight the specific text you want to link.

4. Click the Link icon

   

   .

5. Click the Which page? drop-down and select the relevant page under Dynamic pages.

   Tip: Your editor names dynamic list pages as {Collection name} (List) and dynamic item pages as {Collection name} (Item).

6. (Dynamic item pages only) Click the Which item? drop-down and choose the item you want to link to.

7. (Optional) Set rel link attributes to give search engines more info about the link(s):

   1. Click Advanced SEO Settings.

   2. Click the drop-down and choose which rel values the links should have:

      • noopener (recommended): Block access to the source page.

      • noreferrer (recommended): Hide info about link source.

      • nofollow: Tell search engines to ignore.

      • sponsored: Mark the link as sponsored.

1. Click Done.

Tip:

To link to a section or anchor on your dynamic page, after step 4 above, select Section or anchor. Then follow steps 5-6 and select the section or anchor from the Where on the page? drop-down.

Studio Editor

1. Go to your editor.

2. Click the relevant text element and click Edit Text.

3. Highlight the specific text you want to link.

4. Click the Link icon

   

   .

5. Click the Which page? drop-down and select the relevant page.

   Tip: Your editor names dynamic list pages as {Collection name} (List) and dynamic item pages as {Collection name} (Item).

6. (Dynamic item pages only) Click the Which item? drop-down and choose the item you want to link to.

7. (Optional) Set rel link attributes to give search engines more info about the link(s):

   1. Click Advanced SEO Settings.

   2. Click the drop-down and choose which rel values the links should have:

      • noopener (recommended): Block access to the source page.

      • noreferrer (recommended): Hide info about link source.

      • nofollow: Tell search engines to ignore.

      • sponsored: Mark the link as sponsored.

1. Click Done.

Tip:

To link to a section or anchor on your dynamic page, after step 4 above, select Anchor. Then follow steps 5-6 and select the relevant anchor from the Which anchor on this page? drop-down.

Linking static buttons and images to dynamic pages

You can link static images and buttons to dynamic pages using their regular linking options.

Wix Editor

1. Go to your editor.

2. Click the button or image you want to link.

3. Click the Link icon

   

   .

4. Click the Which page? drop-down and select the relevant page under Dynamic pages.

   Tip: Your editor names dynamic list pages as {Collection name} (List) and dynamic item pages as {Collection name} (Item).

5. (Dynamic item pages only) Click the Which item? drop-down and choose the item you want to link to.

6. (Optional) Set rel link attributes to give search engines more info about the links:

   1. Click Advanced SEO Settings.

   2. Click the drop-down and choose which rel values the links should have:

      • noopener (recommended): Block access to the source page.

      • noreferrer (recommended): Hide info about link source.

      • nofollow: Tell search engines to ignore.

      • sponsored: Mark the link as sponsored.

7. Click Done.

Tip:

To link to a section or anchor on your dynamic page, after step 3 above, select Section or anchor. Then follow steps 4-5 and select the section or anchor from the Where on the page? drop-down.

Studio Editor

1. Go to your editor.

2. Click the button or image you want to link.

3. Click the Link icon

   

   .

4. Click the Which page? drop-down and select the relevant page under Dynamic pages.

   Tip: Your editor names dynamic list pages as {Collection name} (List) and dynamic item pages as {Collection name} (Item).

5. (Dynamic item pages only) Click the Which item? drop-down and choose the item you want to link to.

6. (Optional) Set rel link attributes to give search engines more info about the links:

   1. Click Advanced SEO Settings.

   2. Click the drop-down and choose which rel values the links should have:

      • noopener (recommended): Block access to the source page.

      • noreferrer (recommended): Hide info about link source.

      • nofollow: Tell search engines to ignore.

      • sponsored: Mark the link as sponsored.

7. Click Done.

Tip:

To link to a section or anchor on your dynamic page, after step 3 above, select Anchor. Then follow steps 4-5 and select the section or anchor from the Which page? drop-down.

Need to link dynamic buttons and images?

Connect dynamic buttons and images to the relevant dataset, then choose the relevant dynamic page from the Click action connects to or Link connects to drop-down.

Linking your site menu to dynamic pages

Create a link in your site menu that navigates to your dynamic pages, specific items in dynamic item pages, and specific sections and anchors.

Wix Editor

1. Go to your editor.

2. Click your site menu and click Manage Menu.

3. Click + Add Menu Item and select Dynamic Pages.

4. Click the Which page? drop-down and select the relevant page under Dynamic pages.

   Tip: Your Editor names dynamic list pages as {Collection name} (List) and dynamic item pages as {Collection name} (Item).

5. (Dynamic item pages only) Click the Which item? drop-down and choose the item you want to link to.

6. Optional) Set rel link attributes to give search engines more info about the links:

   1. Click Advanced SEO Settings.

   2. Click the drop-down and choose which rel values the links should have:

      • noopener (recommended): Block access to the source page.

      • noreferrer (recommended): Hide info about link source.

      • nofollow: Tell search engines to ignore.

      • sponsored: Mark the link as sponsored.

7. Click Done.

Tip:

To link to a section or anchor on your dynamic page, after step 3 above, select Section or anchor. Then follow steps 4-5 and select the section or anchor from the Where on the page? drop-down.

Studio Editor

1. Go to your editor.

2. Click your site menu and click Manage Menu.

3. Click + Add Item and select Site pages.

4. Add a link to your dynamic pages:

Dynamic item pages for listing categories of items

1. Add all the item categories to your menu or only specific categories:

   • All categories: Select the relevant dynamic item page that lists categories of items.

   • Specific categories: Hover over the relevant dynamic item category page and click Select items. Then select the checkbox next to each item (category) that you want to appear in the menu.

2. Click Add to Menu.

To manage your menu items:

Hover over the relevant item in the Manage Menu panel, click the More Actions icon

and select the relevant option:

• Change link: Edit the link destination. You can also set rel link attribute values under Advanced SEO Settings.

  Tip: To link to a section or anchor on your dynamic page, select Anchor. Then select the item and anchor from the drop-down menus.

• Rename: Edit the name that appears in the menu.

• Move under: Make the item a subitem of the item above it.

• Move out of "{Dropdown menu name}": Move the item out of its dropdown so it's no longer a subitem of the dropdown.

• Remove from menu: Delete the menu item completely.

• Remove link: Remove the link from the menu item while keeping the item in the menu as an unclickable item.

• Add link: Add a link to the menu item. You can also set rel link attribute values here. To link to a section or anchor on your dynamic page, select Anchor. Then select the item and anchor from the drop-down menus.

• Duplicate: Create a copy of the menu item.

Linking repeaters, galleries, and tables to dynamic item pages

You can display multiple collection items in a repeater, gallery, or table by connecting them to the CMS. The process of linking these items to their dynamic item page versions differs depending on which type of element you're linking.

In repeaters, you can link buttons or images to the dynamic item page. You can link galleries to dynamic item pages and choose to have the link open when the image is clicked or from expand mode. With tables, you can link any column so that clicking an item takes you to the dynamic item page.

Wix Editor

1. Go to your editor.

2. Click the repeater, gallery, or table you want to link to your dynamic item page.

3. Click the Connect to CMS icon

   

   .

4. Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, click Add a Dataset, then choose the collection you want to connect, give it a name and click Create.

1. Link your repeater, Pro Gallery, or table to your dynamic item page:

Repeater

Make sure your repeater contains a button or image element, then connect the relevant element.

Note: You cannot link background images, so make sure to add an image element if you want to link an image.

• Button: Connect the button link:

  1. Click Button under Connections.

  2. Click the Click action connects to drop-down and select the relevant dynamic item page under Dynamic Pages.

  3. (Optional) Set the link options:

     1. Choose how the link opens: In the current window or As a new window.

     2. Click the Rel values (SEO) drop-down to set the rel attribute values for the links. Then, choose from the following:

        • noopener (recommended): Block access to the source page.

        • noreferrer (recommended): Hide info about link source.

        • nofollow: Tell search engines to ignore.

        • sponsored: Mark the link as sponsored.

  4. (Optional) Click the Label connects to drop-down and select a field to use it as dynamic text on the button that changes depending on the collection item.

     Tip: Alternatively, you can use static text on the button by clicking the button and selecting Change Text.

• Image: Connect the image link:

  1. Click Image under Connections.

  2. Scroll down and click the Link connects to drop-down and select the relevant dynamic item page under Dynamic Pages.

  3. (Optional) Set the link options:

     1. Choose how the link opens: In the current window or As a new window.

     2. Click the Rel values (SEO) drop-down to set the rel attribute values for the links. Then, choose from the following:

        • noopener (recommended): Block access to the source page.

        • noreferrer (recommended): Hide info about link source.

        • nofollow: Tell search engines to ignore.

        • sponsored: Mark the link as sponsored.

  4. Click the remaining drop-downs under Connection options to connect them to collection fields.

Learn more about connecting repeaters to CMS collections.

Studio Editor

1. Go to your editor.

2. Click the repeater, gallery, or table you want to link to your dynamic item page.

3. Click the Connect to CMS icon

   

   .

4. Connect a dataset by clicking an option from the Inspector panel on the right:

   Note: The options vary, based on your total collections and datasets on the page.

   • Add a Dataset: Choose the collection you want to connect, give the dataset a name and click Create.

   • Choose a dataset: Select the dataset you want to connect.

5. Link your repeater, gallery, or table to your dynamic item page:

Repeater

Make sure your repeater contains a button or image element, then connect the relevant element.

Note: You cannot link background images, so make sure to add an image element if you want to link an image.

• Button: Connect the button link:

  1. Click Button under Connections.

  2. Click the Click action connects to drop-down and select the relevant dynamic item page under Dynamic Pages.

  3. (Optional) Set the link options:

     1. Choose how the link opens: In the current window or As a new window.

     2. Click the Rel values (SEO) drop-down to set the rel attribute values for the links. Then, choose from the following:

        • noopener (recommended): Block access to the source page.

        • noreferrer (recommended): Hide info about link source.

        • nofollow: Tell search engines to ignore.

        • sponsored: Mark the link as sponsored.

  4. (Optional) Click the Label connects to drop-down and select a field to use it as dynamic text on the button that changes depending on the collection item.

     Tip: Alternatively, you can use static text on the button by clicking the button and selecting Change Text.

• Image: Connect the image link:

  1. Click Image under Connections.

  2. Scroll down and click the Link connects to drop-down and select the relevant dynamic item page under Dynamic Pages.

  3. (Optional) Set the link options:

     1. Choose how the link opens: In the current window or As a new window.

     2. Click the Rel values (SEO) drop-down to set the rel attribute values for the links. Then, choose from the following:

        • noopener (recommended): Block access to the source page.

        • noreferrer (recommended): Hide info about link source.

        • nofollow: Tell search engines to ignore.

        • sponsored: Mark the link as sponsored.Click the remaining drop-downs under Connection options to connect them to collection fields.

Learn more about connecting repeaters to CMS collections.

Linking navigational buttons in dynamic item pages

Create navigational buttons that, when clicked, take visitors to the next or previous item in the dynamic item page. You can also create buttons that link back to the collection's dynamic list page.

The next or previous item that loads is determined by the dataset's filters and sort conditions. If you're using the Control item visibility setting, hidden items are not read by the dataset so their dynamic item pages do not load.

Wix Editor

1. Go to the dynamic item page in your editor where you want to link a button or image to the next/previous dynamic page.

2. Click the relevant button or image.

3. Click the Connect to CMS icon

   

   .

4. Click the Choose a dataset drop-down and select an existing dataset that connects to your collection.

5. Click the Click action connects to drop-down or the Link connects to drop-down and choose the relevant option:

   • Next dynamic page: Navigate to the next dynamic item page returned by the dataset.

   • Previous dynamic page: Navigate to the previous dynamic item page returned by the dataset.

   • {Collection name} (List): Navigate back to your collection's dynamic list page.

6. Under How does it open?, choose how the link opens: In the current window or As a new window.

7. (Optional for buttons) Click the Label connects to drop-down and select a field to use it as dynamic text that changes depending on the next/previous dynamic item page.

   Tip: Alternatively, you can use static text on the button by clicking the button and selecting Change Text.

Studio Editor

1. Go to the dynamic item page in your editor where you want to link a button or image to the next/previous dynamic page.

2. Click the relevant button or image.

3. Click the Connect to CMS icon

   

   .

4. Click the Choose a dataset drop-down and select the dataset that connects to your collection.

5. Click the Click action connects to drop-down or the Link connects to drop-down and choose the relevant option:

   • Next dynamic page: Navigate to the next dynamic item page returned by the dataset.

   • Previous dynamic page: Navigate to the previous dynamic item page returned by the dataset.

   • {Collection name} (List): Navigate back to your collection's dynamic list page.

6. Under How does it open?, choose how the link opens: In the current window or As a new window.

7. (Optional for buttons) Click the Label connects to drop-down and select a field to use it as dynamic text that changes depending on the next/previous dynamic item page.

   Tip: Alternatively, you can use static text on the button by clicking the button and selecting Change Text.

FAQs

Click below for answers to common questions about linking to dynamic pages.

How are the URLs for my dynamic item pages created?

By default, the URLs of your dynamic item pages end with the collection name, followed by the primary field in the collection (for example, /properties/luxury-villa-with-a-view). You can view the URLs for each item, as well as for your dynamic list pages in the Page Link field type of your collection.

Go to the SEO tab of your page settings to add variables to the URL slug of your dynamic pages.