Point: What is Studio CMS?
Studio CMS is a CMS (Content Management System) feature that lets you structure, manage, and update content directly within Studio.Design. By combining models, items, and properties, you can manage frequently updated article content—like blog posts and news articles—all in one place.
For more on how Studio CMS works and the basics of using it, see the articles below.
This article explains how to set up navigation to a CMS article page you've created in Studio CMS.
You'll place a list of CMS article pages on your home page (or top page) using a CMS List, then add links to the article pages so visitors can move smoothly through your site.
If you haven't created a CMS article page yet, please refer to the help article below.
You won't be able to follow the steps in this article unless your CMS article page has already been created.
Step 1: Create a list of CMS article pages using a CMS List
Use a CMS List to create a box that displays a list of article items.
Here's how to add one to your home page (top page) as an example.
Open the Design Editor.
Create a CMS List on the screen at the location where you want the list to appear.
For the CMS Model linked to the CMS List, select the article model that's connected to your CMS article page.
Edit the list's layout and appearance, and add the boxes you need—such as title, thumbnail image, and summary text.
Connect the appropriate CMS Properties to each box you've added.
Step 2: Set up a link to your CMS article page
Add a link to a box inside the CMS List so visitors can navigate to the CMS article page (a dynamic page).
Open the target page in the design editor.
Select an item inside the CMS list.
If you are selecting from the layer panel and the target CMS list layer is collapsed, click [>] to expand it.
Select an element inside a layer that shows a blue list item number at the beginning — this can be the entire item, or a specific box you want to make clickable, such as an article title, thumbnail image, or button.Open the [Settings] tab in the right panel. If the panel is closed, open the right panel first.
Click the [Link] field and select the dynamic page linked to the same CMS model as your CMS list from the list of internal link destinations.
Select a dynamic page whose link does not end with:slug.
If the link field shows
Slugin blue after the path you set, the link is configured correctly.
When you set a link on one item in the list, the same link setting is automatically applied to all other items that share the same box structure.
Step 3: Check the link and page navigation
Make sure the link you set up actually takes visitors to the correct CMS article page.
Open Live Preview and click the boxes you linked—such as the article title or thumbnail—to confirm that they navigate to the CMS article page.
On the destination CMS article page, check that the title, body, and any other CMS Properties display correctly.
Common issue: The linked page doesn't appear
If clicking the link doesn't open the page, check the following:
Make sure the CMS article page (dynamic page) you set as the link destination actually exists.
If the page hasn't been created, the linked page won't appear.
If you haven't created one yet, see Create a CMS article page to display the body of a Studio CMS article item to create one.Check that the CMS Model linked to your CMS List is the same as the article model linked to your CMS article page.
Check that the publish status of the CMS item linked to your CMS article page is set to [Published].