Wix Help
Home
Article Library
Creating a website
Advanced features
CMS
Working with dynamic pages and the CMS

CMS: Linking to Dynamic Pages

23 min
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. 
Note:

In the Wix Harmony Editor, dynamic item pages are called item pages, and there are no dynamic list pages. To show a list of items on any page, add a repeater. Learn more about what's new with item pages in Wix Harmony.

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. 

  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? dropdown 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? dropdown 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 dropdown 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.

Screenshot of setting rel attribute links.
  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? dropdown. 

A screenshot of the What do you want to link to window with Section or anchor selected and a section chosen.

Linking static buttons and images to dynamic pages

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

  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? dropdown 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? dropdown 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 dropdown 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? dropdown. 

A screenshot of the What do you want to link to window with Section or anchor selected and a section chosen.
Need to link dynamic buttons and images?

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.

  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? dropdown 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? dropdown 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 dropdown 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? dropdown. 

A screenshot of the What do you want to link to window with Section or anchor selected and a section chosen.

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. 

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

A screenshot of the Connect Repeater panel with a dataset selected.
  1. Link your repeater, Pro Gallery, or table to your dynamic item page:

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. 
Note:

Next and Previous buttons for item pages aren't available in the Wix Harmony Editor. You can vote for Next and Previous buttons in Wix Harmony. To let visitors move between items, add a repeater to your item page and connect it to the same collection. To link back to your list, link a button to the page with your repeater.

  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 dropdown and select an existing dataset that connects to your collection. 

  5. Click the Click action connects to dropdown or the Link connects to dropdown 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 dropdown 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. 

A screenshot of the Connect Button panel with Click action connects to set to Next dynamic page.

FAQs

Click below for answers to common questions about linking to dynamic pages. 
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now