What is a Search Page?
A search page lets visitors search through articles published with Studio CMS. It works by filtering CMS lists placed on the page based on search keywords or URL queries to narrow down results.
Point: What is a CMS List?
A CMS list is a type of dynamic list that references and displays internal content data from Studio CMS.
You can also dynamically edit the list based on pre-configured CMS properties.
Common Use Cases
Search pages are useful as a search feature for content created with Studio CMS.
Finding articles on a blog site
Searching for related articles from news posts
Locating specific services on a company website
Note: Search Page Limitations
Multi-keyword searches (AND searches), such as "Studio Design," are not supported.
Text properties other than the body and title are not included in search results.
For article-type models, both the body and title are searchable.
For non-article-type models, only the title is searchable.
Components of a Search Page
The following elements are automatically placed on a search page.
① Search Form (keyword input field)
The search form is an input field where visitors type their search keywords.
Tips: Adding a search form to other pages
You can place a search form on pages other than the search page, but search results will always be displayed on the search page.
② URL Query Filter
The URL query filter narrows down the items displayed in a CMS list based on search criteria such as categories.
It is automatically placed only when a reference property has been configured.
③ CMS List (searchable list)
This is the list that displays search results.
By default, the first article-type CMS model in the model list on the CMS Dashboard is linked to it.
Adding a Search Page
Click the [+] button in the upper-right corner of the screen. You can also add one from the [+] button in the Page Panel.
![Screenshot: Showing the [+] button for adding a page.](https://downloads.intercomcdn.com/i/o/xqogzym4/1866784863/4acdea4805f8a191ec99761e0020/page_1.png?expires=1779472800&signature=0c94e03b3d5f60609e6fc763094c887826b01b5e1dbbc773fc1ca9dd3d0308ab&req=dSghEM52mYlZWvMW3nq%2BgX6IYNutwmxiopy4eKaEKjD95pZp7PMVoOSW8OKN%0ApGN3S2qmWJnSQzCDsw%2FFPkf%2BVCY%3D%0A)
In the page type dialog, select [Search Page].
By default, only [Page], [Modal], and [Redirect] are shown. Click ">" to reveal additional page types.
Editing Elements on the Search Page
If you've already created content in the CMS Dashboard, the search page will be created with data already linked by default.
Here's how to change the linked data and edit each element.
1. Editing the CMS List
Select the entire CMS list, then edit it in the [Data] tab on the right panel. If the panel is closed, open the right panel.
Editing the linked CMS model
The linked CMS model determines which content is included in keyword searches.
For detailed steps, see Dynamic List > Changing Linked Data.
Editing filter conditions for the CMS list
The CMS list on a search page comes with the following filter conditions pre-configured:
URL query (only when a URL query filter is placed)
If you change the CMS model, these filters will be reset. Click the [+] next to the [Filter] menu to add the necessary filters and configure your conditions.
Editing display settings for the CMS list
For detailed steps, see Dynamic List > Configuring Display Settings for List Items. You can configure the following:
Number of items displayed
Display when 0 items
Load more button
2. Editing the URL Query Filter
Select the URL query filter, then edit it in the [Data] tab on the right panel. If the panel is closed, open the right panel.
Editing the target model
In the [Target Model] menu, select the CMS model you want to search from the dropdown list. You need to select the same model that's linked to the CMS list.
Editing filter display items
Edit from the [Display Items] menu.
By default, all reference properties configured on the filter's target CMS model are set as display items.
To remove an unwanted item, click the arrow to the right of the item name and select [Delete Item].
3. Editing the Search Form
Select the search form, then edit its settings in the [Form] tab on the right panel. If the panel is closed, open the right panel.
When editing input boxes in the [Item List] section, refer to the following help article:
4. Editing the Appearance and Layout of the Search Page
Just like other page types, you can edit the appearance and layout of the search page using the right panel.
Refer to the following help articles for guidance:
Previewing Search Results
You can check search results in the Design Editor, Live Preview, or on the published site.
In the Design Editor
Use the [Preview with search keyword] field at the bottom-left of the search page screen.
All CMS items will be displayed, including those with a publish status of "Draft" or "Scheduled."
In Live Preview
Enter keywords in the search form on the Live Preview to test the behavior.
All CMS items will be displayed, including those with a publish status of "Draft" or "Scheduled."
On the Published Site
Publish or update your site and test the functionality on the live site. Only CMS items with a publish status of "Published" will appear in search results.