CMS: Adding and Setting Up a Dynamic List Page
Dynamic list pages allow you to showcase various items from your CMS collection in an organized index. Each item, displayed in a repeater, gallery, or table, links to the collections' dynamic item page where visitors read more about the specific item.A dataset controls the connections between the page elements and your collection fields. In the dataset settings, you can control the number of items that appear at a time. You can add filters to only include certain items or add sort conditions that control the order in which they appear.Add 'Load More' or navigational buttons to improve your page loading performance if you have a lot of items to show. You can also give visitors the ability to filter the items they see on the page by using input elements like dropdowns, radio buttons, or checkboxes.Before you begin: 
Create a CMS collection that includes the items you want to display on your dynamic list page. Create a dynamic item page for your collection. You will link items on your dynamic list page to your collection's dynamic item page. Alternatively, you can add the dynamic item page at the same time as your dynamic list page. See step 1 below for directions. Step 1 | Add a dynamic list pageFrom your editor's CMS panel, create a dynamic list page for your collection. This adds a new page that displays different items from your collection in a repeater that you will customize later. Wix EditorStudio Editor
Go to your editor. Click CMS  on the left side of the editor. Click Your Collections. Click the collection that you want to create your dynamic list page from.  Click More Actions and select Add dynamic page.  Select List page and click Add to Site.
Tip: Select Item page as well to add a dynamic item page for the collection at the same time.  
Go to your editor. Click CMS  on the left side of the editor.  Click Your Collections. Click the collection that you want to create your dynamic list page from. Click More Actions and select Add dynamic page. Select List page and click Add to Site.
Tip: Select Item page as well to add a dynamic item page for the collection at the same time.Step 2 | (Optional) Modify the URL slug structureYou may want to edit the URL slug structure of your dynamic list page to keep the web addresses of your dynamic pages organized. For example, you could create the following URL slug structures for your dynamic pages: 
Dynamic list page: https://www.{your-domain.com}/{collection-name} Dynamic category page: https://www.{your-domain.com}/{collection-name}/{category} Dynamic item page: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}When editing the URL slug structure, the structure cannot already be used by other existing pages on your site. To be unique, the URL slug structure cannot have the same prefix (e.g. {Collection name}) and the same number of variables as another page on your site, even if the variables are different. Show me an example of conflicting URL slug structures that cannot be usedIn the example image below, the URL slug structures conflict with each other because they share the same prefix and have the same number of variables: 
felines/{origin} felines/{category}Even though technically, the web addresses generated could be unique for each page, the total number of variables after the shared prefix causes the slug structures to conflict.  When editing the URL slug structure, make sure it does not have the same prefix and number of variables as another slug structure used on your site.Important:If you change the URL slug structure of your dynamic pages, all the existing links to these pages will no longer work. This affects links within your site, any links you've shared externally, and SEO links in search engines. We're releasing a feature that will let you add an automatic redirect, taking visitors and search engines from the old URL to the new one. To edit the URL slug structure of your dynamic list page:Wix EditorStudio Editor
Go to your editor. Click Pages & Menuon the left side of the editor. Click Dynamic Pages.  Hover over the dynamic list page you just created and click the More Actions icon  on the right. 
Tip: By default, the dynamic list page you created is titled: {Collection Name} (List)  Click SEO.  Edit the URL slug structure field: 
    
Click Add Variable and choose a text or number field to use its values in the URL slug structure.  Enter text or number values to use static values in the URL slug structure.  Press Enter on your keyboard to save the changes to the URL slug structure.   
Go to your editor. Click Pages  on the left side of the editor. Hover over the dynamic list page you just created and click the More Actions icon  on the right. 
Tip: By default, the dynamic list page you created is titled: {Collection Name} (List)  Click SEO.  Edit the URL slug structure field: 
    
Click Add Variable and choose a text or number field to use its values in the URL slug structure.  Enter text or number values to use static values in the URL slug structure.  Press Enter on your keyboard to save the changes to the URL slug structure.   Step 3 | Connect the repeater to the CMSYou now have a dynamic list page with a repeater that includes 2 text elements, an image, and a button in each container. Each of your repeater's containers displays a different item from your collection. Connect each part of the elements to the relevant collection fields to ensure they display the info you want them to. We recommend connecting the button to your collection's dynamic item page so visitors can click to go to the relevant item's dedicated page. To provide more info about each item, you can attach more supported elements to the repeater. Then connect these elements to your collection fields in the dataset where you manage all the CMS connections. Want to use a gallery or table instead of a repeater?If you'd rather display your collection items in a gallery or table, you can. Delete the default repeater then add a Pro Gallery or table. Then connect each part of your gallery or table to the CMS collection through the dataset, in the same way you would connect the repeater. Wix EditorStudio Editor
(Optional) Add elements to your repeater (e.g. buttons, text, images) or remove elements you do not need. You can adjust the size of the repeater so it can contain all the elements.  Click the repeater element and select the Connect to CMS icon  . In the Connect Repeater panel on the right, click the element you want to connect. Under Connections, click the relevant drop-downs to connect the element to the relevant collection field or dataset action. The options vary depending on the element type.Tips:
To link the button element to the dynamic item page, click the Click action connects to field and select the collection's dynamic item page that ends with (Item). To link an image element to the dynamic item page, click the Link connects to drop-down and select the collection's dynamic item page that ends with (Item).
Click Repeater connections at the top of the panel on the right.  Repeat steps 3-5 above to connect the elements to collection fields or dataset actions.
Click to adjust your repeater elements as needed.
Tip: You can add or remove elements from your repeater at any time. Disconnect elements if you want to use static content that doesn't change.  Click Preview to test your dynamic list page. Click Publish if you are ready to make the changes go live. 
(Optional) Add elements to your repeater (e.g. buttons, text, images) or remove elements you do not need. You can adjust the size of the repeater so it can contain all the elements.  Click the repeater element and select the Connect to CMS icon  . In the Connect Repeater panel on the right, click the element you want to connect. Under Connections, click the relevant drop-downs to connect the element to the relevant collection field or dataset action. The options vary depending on the element type.Tips:
To link the button element to the dynamic item page, click the Click action connects to field and select the collection's dynamic item page that ends with (Item). To link an image element to the dynamic item page, click the Link connects to drop-down and select the collection's dynamic item page that ends with (Item).
Click Repeater connections at the top of the panel on the right.  Repeat steps 3-5 above to connect the elements to collection fields or dataset actions.
Click to adjust your repeater elements as needed.
Tip: You can add or remove elements from your repeater at any time. Disconnect elements in which you want to use static content that doesn't change.  Click the Preview icon  at the top right to test your dynamic list page. Click Publish if you are ready to make the changes go live. Step 4 | (Optional) Manage the dataset settingsBy default, your dynamic page dataset allows up to 12 items to initially display in your repeater or gallery. You can adjust the maximum items that can display at a time from the dataset settings. You can also add filters to include only certain items, or add sorts to control the order in which the items display. Wix EditorStudio Editor
Go to the repeater's connected dataset settings:
    
Click the repeater.  Click the Connect to CMS icon  . Click Dataset Settings in the Connect Repeater panel on the right.   (Optional) Click the permissions type next to Permissions to change the collection permissions that determine who can access the content and what they can do with it.  Click the Dataset mode drop-down and select and option: 
    
Read: Allow the dataset to display your collection content in the repeater. Read & Write: Allow the dataset to display your collection content in the repeater and allow visitors to add or edit collection content with input elements.    Edit the Maximum items displayed field to set the maximum items that initially load in the repeater. This is also the maximum additional items that can load when a visitor clicks a "Load More" button. If you connect a pagination bar or connect buttons to "Next/Previous page" dataset actions, this field also determines the maximum items displayed per 'page' in the repeater. See the next section for steps on setting up 'Load More' and navigational elements.
Note: This field does not apply to tables. If using a table to display your items, limit the number of items displayed by clicking the table's Layout icon , then setting a custom table height and enabling pagination.  (Optional) Click + Add Filter to only show specific items in the repeater.  (Optional) Click + Add new sort to choose the order in which the items appear in the repeater.
Click Preview to test your dynamic list page. Click Publish if you are ready to make the changes go live. 
Go to the connected dataset settings:
    
Click the repeater element.  Click the Connect to CMS icon  . Click Dataset Settings in the Connect Repeater panel.  
(Optional) Click the permissions type next to Permissions to change the collection permissions that determine who can access the content and what they can do with it.  Click the Dataset mode drop-down and select and option: 
    
Read: Allow the dataset to display your collection content in the repeater. Read & Write: Allow the dataset to display your collection content in the repeater and allow visitors to add or edit collection content with input elements.    Edit the Maximum items displayed field to set the maximum items that initially load in the repeater. This is also the maximum additional items that can load when a visitor clicks a "Load More" button. If you connect buttons to "Next/Previous page" dataset actions, this field also determines the maximum items displayed per 'page' in the repeater. See the next section for steps on setting up 'Load More' and navigational elements.
Note: This field does not apply to tables. If using a table to display your items, limit the number of items displayed by clicking the table's Layout icon , then setting a custom table height and enabling pagination.  (Optional) Click + Add Filter to only show specific items in the repeater.  (Optional) Click + Add new sort to choose the order in which the items appear in the repeater.
Click the Preview icon  at the top right to test your dynamic list page. Click Publish if you are ready to make the changes go live. Step 5 | (Optional) Create 'Load More' or navigational buttonsIf you plan on displaying many items on this page, consider adding a 'Load More' button to improve the page's loading performance. The dataset's Maximum items displayed field determines how many items can initially load on the page and how many additional items can load when visitors click your 'Load More' button. You can also add 'Next/Previous Page' buttons or a pagination bar (Wix Editor only) that cause the page's connected repeater or gallery to display the next or previous 'page' of items. The Maximum items displayed field determines the maximum items that appear in each 'page' of items. Wix EditorStudio EditorChoose what you want to do: Create a 'Load More' button
Add a button to your page:
    
Click Add Elements  on the left side of the editor. Click Button, then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater.  
Tip: Alternatively, you can add an image and use it as your 'Load More' button.    Click Change Text and enter the text you want to display on the button (e.g. "Load More").  Click the Connect to CMS icon  . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater.  Click the Click action connects to drop-down and select Load more. 
 Click the button and select the Design icon  to customize the appearance of your 'Load More' button. Click Preview to test your 'Load More' button. Click Publish if you are ready to make the changes go live.  Create 'Next Page' and 'Previous Page' buttons
Add a 'Next Page' button to your page:
    
Click Add Elements  on the left side of the editor. Click Button, then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater.  
Tip: Alternatively, you can add an image and use it as your 'Next Page' button.    Click Change Text and enter the text you want to display on the button (e.g. "Next Page").  Click the Connect to CMS icon  . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater.  Click the Click action connects to drop-down and select Next page. 
 Click the button and select the Design icon  to customize the appearance of your 'Next Page' button. Duplicate your 'Next Page' button: 
    
Right-click the button (control + click on Mac).  Select Duplicate (or press Ctrl + D or ⌘ + D on Mac).    Click and drag the button where you want it to appear. Do not attach it to your repeater.  Click Change Text and enter the text you want to display on the button (e.g. "Previous Page").  Click the Connect to CMS icon  . Click the Click action connects to drop-down and select Previous page. 
 Click Preview to test your 'Next Page' and 'Previous Page' buttons. Click Publish if you are ready to make the changes go live. Choose what you want to do: Create a 'Load More' button
Add a button to your page:
    
Click Add Elements  on the left side of the editor. Click Button, then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater.   
Tip: Alternatively, you can add an image and use it as your 'Load More' button.    Click Change Text and enter the text you want to display on the button (e.g. "Load More").  Click the Connect to CMS icon  . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater.  Click the Click action connects to drop-down and select Load more. 
 Click the button and select the Design tab  from the Inspector panel to customize the appearance of your 'Load More' button. Click the Preview icon  at the top right to test your 'Load More' button. Click Publish if you are ready to make the changes go live. Create 'Next Page' and 'Previous Page' buttons
Add a 'Next Page' button to your page:
    
Click Add Elements  on the left side of the editor. Click Button, then drag the button onto your page where you want it to appear (e.g. below the repeater). Do not attach the button to your repeater.  
Tip: Alternatively, you can add an image and use it as your 'Next Page' button.    Click Change Text and enter the text you want to display on the button (e.g. "Next Page").  Click the Connect to CMS icon  . Click the Choose a dataset drop-down and select the same dataset that connects to your repeater.  Click the Click action connects to drop-down and select Next page. 
 Click the button and select the Design tab  from the Inspector panel to customize the appearance of your 'Load More' button. Duplicate your 'Next Page' button: 
    
Select the button. Press Ctrl + D on your keyboard (or ⌘ + D on Mac).   Click and drag the button where you want it to appear. Do not attach it to your repeater.  Click Change Text and enter the text you want to display on the button (e.g. "Previous Page").  Click the Connect to CMS icon  . Click the Click action connects to drop-down and select Previous page. 
 Click the Preview icon  at the top right to test your 'Next Page' and 'Previous Page' buttons. Click Publish if you are ready to make the changes go live. Tip:In the Wix Editor, you can also connect a pagination bar that allows visitors to cycle through 'pages' of items. The Maximum items displayed field determines how many items can appear in each 'page' of the pagination bar. If you would like to see pagination bars in the Studio Editor, vote for this feature here.Step 6 | (Optional) Let visitors filter itemsGive visitors ways to filter the items that appear on your dynamic list page with input elements. Choose from any of the following input elements that allow filtering: Radio Buttons, Checkboxes, Dropdown, Selection Tags, or Slider (Range Sliders only).Learn how to set up input elements that allow visitors to filter collection content. FAQsClick the questions below for answers to common questions about setting up dynamic list pages. How do visitors get to my dynamic list page?To ensure visitors can access your dynamic list page, we recommend adding a link to it in your site's menu. You could also link other elements such as text, buttons, or images to your dynamic list page. Learn how to add a link to your dynamic list page that appears in your site's menu. Can I create dynamic pages that list items by category?Yes. You can create a dynamic 'category' page with a different version for each category. In each version, visitors view a list of the items within the category and can click to view the specific items. For example, let's say you're a book blogger with reviews for many different genres like mystery, romance, and fantasy. By setting up dynamic pages for each genre, your book-loving visitors can easily navigate to the reviews they are interested in, improving their experience.This allows you to establish dynamic pages for each category, adjust URL structures, personalize your pages, and, if desired, create an overarching dynamic page that displays all your categories. Learn how to create dynamic pages that list items by category. Why doesn't my page show the items I connected?There are several setup factors that can cause your repeater, gallery or table to not load the connected items. The most common reasons involve the dataset settings, collection permissions, and sandbox syncing. Check the following to troubleshoot your connections: 
Make sure all the elements in your repeater are properly connected to the same dynamic page dataset.  Check in the dataset settings that your Maximum items displayed field and your filters and sort conditions are set correctly.  Check that you're using the correct collection permissions.  If sandbox is enabled, ensure the sandbox and live collections are synced. If the URL slug was recently updated, we recommend setting up a 301 redirect.Learn more ways to troubleshoot CMS collection issues. How do I link the items to their dynamic item page?You can set up your repeater so that clicking an image or button takes you to the item's dynamic item page. Make sure your repeater already has an image or button attached to it. When connecting the button (see step 3 above), click the Click action connects to drop-down and select the relevant dynamic item page.  Learn more about:
Displaying collection content on your page. Dataset actions for images and buttons.Why can't I attach some elements to the repeater?Currently, there are limitations to the types of elements you can add to repeaters. Learn more about which elements cannot be attached to repeaters. Can I see how a pre-connected repeater works before setting up my own?Yes. You can add a preset collection, built with sample items and fields, that adds dynamic pages to your site. Most presets add a dynamic list page with a repeater already connected to the collection so you can see how it works. The Portfolio preset adds a connected gallery instead of a repeater so choose a different preset to test a connected repeater.