- Show Dynamic Content in Your Repeater
Show Dynamic Content in Your Repeater
4 min
Connect this repeater to the CMS (Content Management System) to show dynamic content. With the CMS, you manage content separately in collections and connect the collection fields to elements in your repeater. Your repeater keeps a consistent design throughout, while each item in the repeater shows content from your collection about the specific item.
Before you begin:
If you haven't already, add the CMS to your site to start using dynamic content.
How do I connect this repeater to a CMS collection?
Start by adding the CMS to your site if you haven't already. Then create the collection where you will store all the content you want to use in the repeater.
Once you're ready to connect your collection to the repeater, create a dataset. Then connect the dataset to your collection and choose which collection fields to link to each repeater element.
- (If this is your 1st time using the CMS) Add the CMS to your site.
- Create a collection that includes the content you want to display.
- Select the repeater in your editor and click the Connect to CMS icon
. - Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, select Add a Dataset, then choose the collection you want to connect, give it a name and click Create.
- Under Connections, click the element you want to connect to your CMS collection (e.g. Image, Text, Background).
- Click the relevant drop-down(s) under Connection Options and choose which collection field(s) you want to connect to the element.
- Click Repeater connections at the top of the panel and repeat steps 5-6 for each element you want to connect.
- Publish your site to make the changes go live.
Learn more about connecting elements to datasets.
What's a collection?
CMS collections are databases where you store content such as text, images, and videos for use on dynamic pages and elements.
To create a collection:
- Click CMS
in the side or top panel. - Click Create Collection.
- Click Start from scratch.
Tip: Alternatively, click Create with AI to let AI (Artificial Intelligence) create a collection for you. - Click Next.
- Enter a name for your collection.
- (Coding only) Enter a collection ID to use in your code.
- Leave Multiple item collection (Default) selected and click Create.
- Add fields to your collection manually or by importing a CSV file:
- Add fields manually: Click + Add Field to begin adding fields to your collection manually.
- Import a CSV file: Click Import CSV file to upload a CSV file to your collection.
- Add items to your collection:
- Click + Add Item.
- Add content about the item to each relevant field.
- Repeat this step to create as many items as you need.
Next, learn how to:
Set your collection's permissions and privacy to control the type of content you store and who can view and edit it from your live site.
What is a dataset?
Datasets are the vital link between the elements on your page and the content in your CMS collection. You can use datasets to create a two-way connection, allowing you to display collection content, capture user inputs, or both.
Datasets allow you to control which parts of your page elements connect to which fields in your collection. Each dataset connects to a collection and each element connected to the dataset connects to a field in the collection. This unlocks a new way of managing which content appears and where.
Learn more about adding and setting up a dataset.
How do I link a repeater item to a 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. Then follow the steps below to link the element to your dynamic item page.
- Click to create a new dataset and connect it to a collection, or select an existing dataset from the Connect a dataset drop-down.
- Under Connections, click the relevant Image or Button element and connect it to your dynamic item page:
Tip: Dynamic item pages appear in the list as: {Collection name} (Item)- Image: Click the Link connect to drop-down and select the relevant dynamic item page under Dynamic Pages.
- Button: Click the Click action connects to drop-down and select the relevant dynamic item page under Dynamic Pages.
- Choose how the page opens under How does it open?.
- (Optional) Click the relevant drop-down menus under Connection Options to connect more collection fields to the element.
Learn more about:
How can I let site visitors filter content that appears in this repeater?
Use input elements to allow site visitors to filter your repeater content. Add the input elements to the page and connect them to the same dataset as your repeater.
Make sure to also:
- Set the dataset to the Read or Read & Write mode.
- Set the collection permissions to allow visitors to view content.
View a step-by-step tutorial for allowing visitors to filter content with input elements.
For a full tutorial, see CMS: Displaying Content in a Repeater.
Did this help?
|


