When you set a link to items in a list in a regular way, the same URL will be applied to all the items.

In this article, we'll walk you through how to set a link for each item in a list.

Case 1 : Manually created list

1. Add a property to set the link

In the image below, we have added a Text Type property named url (Key). This name will be used later when you select the property.

2. Enter the URL for each item in the property you added

Enter a string for each item.

3. Select a property in the URL Link settings of the list item

Set URL link in the box.

When you try to type on the URL tab, the property name you added earlier will appear, so select it.

In the live preview, you will see each item has each URL registered in the properties. If everything is fine, please update your site.

Case 2 : CMS list

Lists in CMS templates are often linked to the CMS. In this case, you have to configure the settings on the editor and dashboard.

1. Add properties to CMS model

In the article editor of the CMS dashboard, select the modal linked to the list.

Add a property to set a link here.

In the picture below, a text type property named url has been added. We will select this url property in the editor later.

2. Set URL for each article in the property you added

Enter a string for each article (each item in the list) and update the articles.

3. In the Design Editor, select a property in the URL Link setting of a list item

Set URL link in the box.

When you try to type on the URL tab, the property name you added earlier will appear, so select it.

In the live preview, you will see each item has each URL registered in the properties. If everything is fine, please update your site.

How to set internal links

In the Link setting, you can set the "Page" setting, but that is not possible in this method.

So, if you want to set a link to another page on your site, specify a URL starting with https:// in the property string.

For example, if you want to link to a page called /page1 in a site called https://studio.design/, enter https://studio.design/page1 .

Did this answer your question?