CMS: Displaying Your Events in a Dynamic List Page

14 min read
Use a dynamic list page with the CMS (Content Management System) to display a customizable list of your events.
With this method, we recommend also creating a dynamic item page you can link from your dynamic list page. This way, visitors can click an event from your dynamic list page and go to the event's dedicated version of your dynamic item page. 
Before you begin:

Step 1 | Add a dynamic list page for your events

Access the CMS Wix App Collections in your editor and find the Events collection. Then create a dynamic list page from this collection. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click CMS  on the left of the editor.
  3. Click Wix App Collections on the left.  
  4. Scroll down to the Events collections.
  5. Hover over Events, click the More Actions icon and select Add dynamic page
  1. Click List page
  2. Click Add to Site

Step 2 | (Optional) Modify the URL slug structure

The URL slug structure determines the URL used for your dynamic list page. It also helps visitors and search engines understand what the page is about. If needed, you can modify this URL slug structure in the SEO tab of the page settings. 

Make sure to use a URL slug structure that is not already in use by another page on your site. Learn more about creating unique dynamic page URLs
Wix Editor
Studio Editor
If you're using the Wix Editor, the events part of your URL slug is already used by a page that displays your upcoming and past events. This is why the CMS adds -1 or -2 after events, to give this new dynamic item page a unique URL. You can change this URL slug to a new structure that is not already used by your live site.
To edit your dynamic list page's URL slug structure:
  1. Go to your editor.
  2. Click Pages & Menuon the left side of the editor.
  3. Click Dynamic Pages
  4. Hover over the Events (List) page under EVENTS/EVENTS COLLECTION and click the More Actions icon  on the right. 
  5. Click SEO
  6. Click the URL slug structure field.
  1. Customize the URL slug structure and press Enter on your keyboard. For example, you could change events-2 to all-events.

Step 3 | Customize your new dynamic list page

You now have a dynamic list page with a repeater that includes text, buttons, and an image in each container. Each of the repeater's containers displays a different item (event) 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 the Event Details & Registration page, or your own custom dynamic item page, if you created one.  

You can provide more info about each item by attaching 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 list of events in a gallery or table, you can. Delete the default repeater and add a Pro Gallery or table. Then connect each part of your gallery or table to your Events collection through the dataset.
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to your Events (List) page. 
  3. (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. 
  4. Click the repeater element and select the Connect to CMS icon .
  5. Under Connections, connect each element in which you want to display dynamic content from your events. The options vary depending on the type of element you connect:
6.  Adjust the size, location, and design of the elements on your page to your liking. 
7.  Click Preview to test your dynamic list page.
8.  Click Publish when you're ready to make the changes go live.

Step 4 | (Optional) Manage the dataset settings

In your dataset settings, you can choose the maximum number of events that can display per load. You can also add filters to include only certain events, or add sorts to control the order in which the events display. 
Wix Editor
Studio Editor
  1. Go to the repeater's connected dataset settings:
    1. Click the repeater. 
    2. Click the Connect to CMS icon .
    3. Click Dataset Settings in the Connect Repeater panel on the right.
  2. (Optional) Click Public next to Collection Permissions if you want to change the permissions that determine who can access the content and what they can do with it. 
  3. Edit the Maximum items displayed field to adjust the maximum events that can initially load in the repeater. This is also the maximum events that can load per page in a connected pagination bar or per click in 'Load More' or 'Next/Previous' page buttons.
    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. 
  4. (Optional) Click + Add Filter to only show specific events in the repeater. 
  5. (Optional) Click + Add new sort to choose the order in which the events appear in the repeater.
  6. Click Preview to test your dynamic list page.
  7. Click Publish if you are ready to make the changes go live. 

Step 5 | (Optional) Add 'Load More' or navigational buttons

You can add a 'Load More' button to improve your page's loading performance. Your dataset's Maximum items displayed field determines how many events initially load in the repeater, and how many additional items can load after visitors click the 'Load More' button. 

To create a 'Load More' button, add a button and change its text to "Load More". Connect the button to the same dataset that connects to your repeater or gallery. Then select the Load more dataset action from the Click action connects to drop-down. 

Add navigational buttons to let clients click to view the next/previous page of events displayed or add a pagination bar for cycling through a set number of products at a time. 

Step 6 | (Optional) Let visitors filter items

Give visitors ways to filter the events that appear on your dynamic list page with input elements. Choose from any of the following input elements that allow filtering: Radio Buttons, CheckboxesDropdownSelection Tags, or Slider (Range Sliders only).


Click below for answers to common questions about using dynamic list pages to display events. 

Did this help?