CMS collections for dynamic content in No-Code - Step-by-Step Execution

Concept Flow - CMS collections for dynamic content

Create CMS Collection

↓

Add Fields to Collection

↓

Add Items (Content) to Collection

↓

Use Collection in Website Pages

↓

Dynamic Content Displays Automatically

↓

Update Content Easily

This flow shows how you create a CMS collection, add content, and then use it to show dynamic content on your website.

Execution Sample

No-Code

1. Create a collection named 'Blog Posts'
2. Add fields: Title, Author, Date, Content
3. Add items: Post 1, Post 2
4. Insert collection list on page
5. Page shows all posts dynamically

This example shows how a CMS collection is set up and used to display blog posts dynamically on a webpage.

Analysis Table

Step	Action	Result	Effect on Website
1	Create collection 'Blog Posts'	Empty collection created	No content shown yet
2	Add fields Title, Author, Date, Content	Collection structure defined	Ready to add content
3	Add item: Post 1 with data	Post 1 saved in collection	Not visible until used on page
4	Add item: Post 2 with data	Post 2 saved in collection	Not visible until used on page
5	Insert collection list element on page	Collection linked to page	Page ready to show posts
6	Publish page	Page live with dynamic content	Posts 1 and 2 appear automatically
7	Add new post to collection	New post saved	Page updates automatically to show new post
8	Edit existing post	Post updated	Page content updates without manual change
9	Delete a post	Post removed from collection	Page no longer shows deleted post
10	Stop	All content managed dynamically	Website content always current

💡 Execution stops when content is fully managed dynamically through the CMS collection.

State Tracker

Variable	Start	After Step 3	After Step 4	After Step 7	After Step 9	Final
CMS Collection Items	Empty	1 post (Post 1)	2 posts (Post 1, Post 2)	3 posts (Post 1, Post 2, New Post)	2 posts (Post 1, Post 2)	2 posts (Post 1, Post 2)
Website Page Content	No posts	No posts	No posts	3 posts (Post 1, Post 2, New Post) shown dynamically	2 posts (Post 1, Post 2) shown dynamically	Posts 1 and 2 shown dynamically

Key Insights - 3 Insights

Why doesn't the website show posts immediately after creating the collection?

Because the collection is empty at first (see Step 1 in execution_table). Content must be added as items before it appears on the website.

How does the website update when new content is added?

When new items are added to the collection (Step 7), the page automatically shows the new content without manual page edits (Step 6 and 7).

What happens if you delete a post from the collection?

The deleted post is removed from the collection (Step 9), and the website no longer displays it automatically.

Visual Quiz - 3 Questions

Look at the execution_table at Step 3. How many posts are in the CMS collection after this step?

A 0 posts

B 2 posts

C 1 post

D 3 posts

💡 Hint

Check the 'Result' column at Step 3 in the execution_table.

At which step does the website page first show dynamic content?

A Step 4

B Step 6

C Step 2

D Step 1

💡 Hint

Look for when the page is published and linked to the collection in the execution_table.

If you delete a post from the collection, what happens to the website content?

A The website no longer shows the deleted post

B The website shows an error

C The website still shows the deleted post

D The website hides all posts

💡 Hint

Refer to Step 9 in the execution_table and variable_tracker for CMS Collection Items.

Concept Snapshot

CMS collections store structured content.
Add fields to define content types.
Add items to fill content.
Link collection to pages.
Pages show content dynamically.
Updates happen automatically.

Full Transcript

CMS collections let you manage website content easily. First, you create a collection and add fields like title and content. Then you add items, which are the actual pieces of content. Next, you place a collection list on your website page to show this content. When you publish the page, it displays all items dynamically. Adding, editing, or deleting items updates the website automatically without changing the page itself. This makes managing content simple and efficient.