---
title: How to add and populate a dynamic list
description: Dynamically visualize an overview of all the content you stored in your collection, i.e., automatically render content after you add it to your collection.
---
[Skip to content](https://support.sitemanager.io/en/dynamic-content/configuration-implementation/how-to-add-and-populate-a-dynamic-list#main-content)
[](https://support.sitemanager.io/en?hsLang=en)
Open main navigation
Close main navigation
- [Go to sitemanager.io](https://www.sitemanager.io/)
[Go to sitemanager.io](https://www.sitemanager.io/)
How can we help?
- There are no suggestions because the search field is empty.
1. [Knowledge Base](https://support.sitemanager.io/en?hsLang=en)
2. [Dynamic Content](https://support.sitemanager.io/en/dynamic-content?hsLang=en)
3. [Basics](https://support.sitemanager.io/en/dynamic-content?hsLang=en#basics)
# How to add and populate a dynamic list
## Dynamically visualize an overview of all the content you stored in your collection, i.e., automatically render content after you add it to your collection.
After you have [activated the *Dynamic Content* Module](https://support.sitemanager.io/en/how-to-add-the-dynamic-content-module?hsLang=en), and you have [created a collection](https://support.sitemanager.io/en/how-to-add-and-populate-a-collection?hsLang=en), you can start building and populating a dynamic list to display your collection content.
### **In this article**
[Step 1: Create a new page](https://support.sitemanager.io/en/dynamic-content/configuration-implementation/how-to-add-and-populate-a-dynamic-list#create-new-page)
[Step 2: Build a dynamic list](https://support.sitemanager.io/en/dynamic-content/configuration-implementation/how-to-add-and-populate-a-dynamic-list#build-dynamic-list)
[Step 3: Populate the dynamic list structure](https://support.sitemanager.io/en/dynamic-content/configuration-implementation/how-to-add-and-populate-a-dynamic-list#populate-dynamic-list-structure)
[Step 4: Populate dynamic component elements](https://support.sitemanager.io/en/dynamic-content/configuration-implementation/how-to-add-and-populate-a-dynamic-list#populate-dynamic-component-element)
[Step 5: Populate dynamic links](https://support.sitemanager.io/en/dynamic-content/configuration-implementation/how-to-add-and-populate-a-dynamic-list#populate-dynamic-links)
[Step 6: Build dynamic page](https://support.sitemanager.io/en/dynamic-content/configuration-implementation/how-to-add-and-populate-a-dynamic-list#build-detail-page)
### Step 1: Create a new page
- **Click** the drop-down menu of the page management console.
- **Select** *New Page. *
- In the *Page Properties* view,
- **Complete** the required fields *Page Name* and *Page URL*.
- **Complete** or leave the default setting for *SEO Settings*, *Open Graph Settings*, and *Advanced Settings.*
- In the *Page Management* overview:
- **Ensure** your new page is visible
- **Ensure** your new page is placed logically in the navigation structure.
### Step 2: Build a dynamic list
- **Build** a component using the *Dynamic List Structure*.
Although the design and structure of your collection overview is entirely **subjective and personal**, you can watch a guideline example below (starting at 15m50s).
### Step 3: Populate the dynamic list structure
- **Select** *Dynamic List* in the layers panel on the left.
- **Click **the pencil icon to edit its content
- **Connect** to the *Main Category *you created earlier.
**Caution**: If you don't connect to the default *Main Category* you created earlier, your collection items won't be visible.
- - **Set** filters**,** **determine** in which order the collection items will be displayed, the number of collection items will be displayed per page, etc.
- **Save** to exit.
### Step 4: Populate dynamic component elements
- **Select** a component element.
- With the right mouse button, **select** *Manage Input Fields > Component Element *(for example, *Title*).
- In the content view of the Text Input Setup:
- *Content Source*: **select** *Collection*
- *Collection*: **select** which collection you would like to connect to
- *Data*: **select** which data field you would like to connect (for example, *Blog Title*)
- **Open** the Content CMS of your dynamic component by clicking the pencil icon and **save.**
**Caution:** This step is less intuitive, so you may forget it. However, skipping this **essential** step will result in your content not being displayed.
- **Repeat** this method for each component element.
### Step 5: Populate dynamic links
- **Select** a component element.
- With the right mouse button, **select** *Manage Input Fields > Link.*
- In the content view of the Text Input Setup:
- *Content Source*: **select** *Collection*
- *Collection*: **select** which collection you would like to connect to
- *Data*: **select** *Link to detail page*
**Tip:** Combine dynamic and static content: populate a dynamically linked button with static content (for example, *Read More*) and avoid having to duplicate its content for each collection item:
- **Click **the pencil icon to edit its content.
- **Change** the *Text on button* to whatever you like to be displayed on your button.
### Step 6: Build a dynamic page
- **Navigate** to the dynamic page through the *Dynamic Content* menu,
OR
**Click** any dynamic link, such a *Read More* button.
- **Design** the dynamic page to your liking.
- Dynamically **populate** each component element, similar to how you did in [step 4](https://support.sitemanager.io/en/dynamic-content/configuration-implementation/how-to-add-and-populate-a-dynamic-list#populate-dynamic-component-element).
Although the design and structure of your dynamic page is entirely subjective and personal, you can watch a good example below (starting at 21m32s),
- [Getting Started](https://support.sitemanager.io/en/getting-started?hsLang=en)
- [Dashboard](https://support.sitemanager.io/en/dashboard?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/dashboard?hsLang=en#getting-started)
- [Project Dashboard](https://support.sitemanager.io/en/dashboard?hsLang=en#project-dashboard)
- [White Label & Add-ons](https://support.sitemanager.io/en/dashboard?hsLang=en#white-label-add-ons)
- [Go Live](https://support.sitemanager.io/en/dashboard?hsLang=en#go-live)
- [Account](https://support.sitemanager.io/en/account?hsLang=en#main-content)
- [Account Settings](https://support.sitemanager.io/en/account?hsLang=en#account-settings)
- [My Company](https://support.sitemanager.io/en/account?hsLang=en#my-company)
- [Subscription](https://support.sitemanager.io/en/account?hsLang=en#subscription)
- [Project](https://support.sitemanager.io/en/project?hsLang=en#main-content)
- [General](https://support.sitemanager.io/en/project?hsLang=en#general)
- [Upgrade Project](https://support.sitemanager.io/en/project?hsLang=en#upgrade-project)
- [SEO](https://support.sitemanager.io/en/seo?hsLang=en#main-content)
- [Basics](https://support.sitemanager.io/en/seo?hsLang=en#basics)
- [Advanced](https://support.sitemanager.io/en/seo?hsLang=en#advanced)
- [Go Live](https://support.sitemanager.io/en/go-live?hsLang=en#main-content)
- [Prepare Project](https://support.sitemanager.io/en/go-live?hsLang=en#prepare-project)
- [Prepare Domain](https://support.sitemanager.io/en/go-live?hsLang=en#prepare-domain)
- [Going Live](https://support.sitemanager.io/en/go-live?hsLang=en#going-live)
- [Content](https://support.sitemanager.io/en/content?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/content?hsLang=en#getting-started)
- [Page Management](https://support.sitemanager.io/en/content?hsLang=en#page-management)
- [Content Management](https://support.sitemanager.io/en/content?hsLang=en#content-management)
- [Language Management](https://support.sitemanager.io/en/content?hsLang=en#language-management)
- [Image Library](https://support.sitemanager.io/en/content?hsLang=en#image-library)
- [Collaborating on a project](https://support.sitemanager.io/en/content?hsLang=en#collaborating-on-a-project)
- [Page Components](https://support.sitemanager.io/en/page-components?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/page-components?hsLang=en#getting-started)
- [HTML](https://support.sitemanager.io/en/page-components?hsLang=en#html)
- [CSS](https://support.sitemanager.io/en/page-components?hsLang=en#css)
- [JavaScript (JS)](https://support.sitemanager.io/en/page-components?hsLang=en#javascript-js)
- [How To](https://support.sitemanager.io/en/page-components?hsLang=en#how-to)
- [Layout Components](https://support.sitemanager.io/en/layout-components?hsLang=en)
- [No-Code Editor](https://support.sitemanager.io/en/no-code-editor?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/no-code-editor?hsLang=en#getting-started)
- [Properties](https://support.sitemanager.io/en/no-code-editor?hsLang=en#properties)
- [Advanced](https://support.sitemanager.io/en/no-code-editor?hsLang=en#advanced)
- [Design](https://support.sitemanager.io/en/design?hsLang=en#main-content)
- [Overview](https://support.sitemanager.io/en/design?hsLang=en#overview)
- [Design editor](https://support.sitemanager.io/en/design?hsLang=en#design-editor)
- [Design Panels](https://support.sitemanager.io/en/design?hsLang=en#design-panels)
- [Responsive](https://support.sitemanager.io/en/design?hsLang=en#responsive)
- [Fonts](https://support.sitemanager.io/en/design?hsLang=en#fonts)
- [Layouts](https://support.sitemanager.io/en/design?hsLang=en#layouts)
- [Code](https://support.sitemanager.io/en/code?hsLang=en#main-content)
- [Introduction](https://support.sitemanager.io/en/code?hsLang=en#introduction)
- [Token Management](https://support.sitemanager.io/en/code?hsLang=en#token-management)
- [Project Setup](https://support.sitemanager.io/en/code?hsLang=en#project-setup)
- [ToolStack](https://support.sitemanager.io/en/code?hsLang=en#toolstack)
- [Private Library](https://support.sitemanager.io/en/code?hsLang=en#private-library)
- [Dynamic Content](https://support.sitemanager.io/en/dynamic-content?hsLang=en#main-content)
- [Getting started](https://support.sitemanager.io/en/dynamic-content?hsLang=en#getting-started)
- [Basics](https://support.sitemanager.io/en/dynamic-content?hsLang=en#basics)
- [Advanced](https://support.sitemanager.io/en/dynamic-content?hsLang=en#advanced)
- [External Content](https://support.sitemanager.io/en/external-content?hsLang=en#main-content)
- [Getting started](https://support.sitemanager.io/en/external-content?hsLang=en#getting-started)
- [Configuration & implementation](https://support.sitemanager.io/en/external-content?hsLang=en#configuration-implementation)
- [Logic (Smart Content)](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#getting-started)
- [Configuration & Implementation](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#configuration-implementation)
- [Logic](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#logic)
- [AB testing](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#ab-testing)
- [Timed Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#timed-content)
- [Password Protected Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#password-protected-content)
- [Smart API](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#smart-api)
- [Integrations](https://support.sitemanager.io/en/integrations?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/integrations?hsLang=en#getting-started)
- [Integrations](https://support.sitemanager.io/en/integrations?hsLang=en#integrations)
- [Advanced](https://support.sitemanager.io/en/integrations?hsLang=en#advanced)
- [Modules](https://support.sitemanager.io/en/modules?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/modules?hsLang=en#getting-started)
- [Modules](https://support.sitemanager.io/en/modules?hsLang=en#modules)
- [Upgrade Center](https://support.sitemanager.io/en/upgrade-center?hsLang=en#main-content)
- [Components](https://support.sitemanager.io/en/upgrade-center?hsLang=en#components)
- [Forms](https://support.sitemanager.io/en/forms?hsLang=en#main-content)
- [General](https://support.sitemanager.io/en/forms?hsLang=en#general)
- [Captcha](https://support.sitemanager.io/en/forms?hsLang=en#captcha)
- [Form Actions](https://support.sitemanager.io/en/forms?hsLang=en#form-actions)
- [Extending Forms](https://support.sitemanager.io/en/forms?hsLang=en#extending-forms)
- [Email Templates](https://support.sitemanager.io/en/forms?hsLang=en#email-templates)
- [Advanced](https://support.sitemanager.io/en/forms?hsLang=en#advanced)
- [Cookie Settings](https://support.sitemanager.io/en/cookie-settings?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/cookie-settings?hsLang=en#getting-started)
- [Configuration](https://support.sitemanager.io/en/cookie-settings?hsLang=en#configuration)
- [API Call](https://support.sitemanager.io/en/api-call?hsLang=en#main-content)
- [Configuration](https://support.sitemanager.io/en/api-call?hsLang=en#configuration)
[](https://support.sitemanager.io/en?hsLang=en)
Copyright © 2026, SiteManager Group