Studio

Pages

Studio.Design lets you add various page types to your site. This article explains the features, how to add them, and when to use each type.

Page Types

Learn how to set up the "Home" page type, which serves as your site's top page, and what happens when it's not configured.

Page Type: Home

A 404 page is an error page shown when someone visits a URL that doesn't exist. Learn how to design and configure a 404 page to keep visitors on your…

Page type: 404 page

Modals are popup windows that overlay additional content without navigating away from the current page. Learn how to add, edit, and configure modals in Studio.Design.

Page Type: Modal

Dynamic pages let you display detailed data fetched from Studio.Design CMS or the Data Connect API. This article covers how to add dynamic pages, connect data, and customize design and…

Page Type: Dynamic Pages

A Dynamic Modal is a page type that displays detailed data from Studio CMS or Data Connect API inside a modal window, letting users view item details without navigating away.

Page type: Dynamic Modal

Learn how to link to an existing modal page and how to add a close link to elements within a modal.

Set up links to open and close a modal

Enable scrolling inside a modal so visitors can browse content efficiently without navigating away from the page. Here's how to set it up.

Setting up scrolling inside a modal

Learn how to set up, edit, and delete 301 redirects to send visitors to new URLs when you change your site's structure. This helps prevent 404 errors, keeps the visitor…

Redirect Pages (Setting Up 301 Redirects)

The search page lets visitors search through articles published with Studio CMS. Learn how it works and how to edit it.

Page Type: Search Page

Pages are the building blocks of your website. Learn about the different page types available in Studio.Design and how to add, duplicate, delete, and manage pages.

Creating and editing pages

Upgrade your plan to hide the Studio banner

Studio Banner

Set a custom path for each page to change its URL to any text you want. This article explains how to set paths, organize your pages into folders using slashes,…

Set the Page Path (URL)

With Studio.Design paid plans, you can use the custom code feature to add your own code to the <head> and <body> tags of your site or individual pages. This article…

[AUTO_EDIT] Adding custom code to your site or pages

Learn how to add structured data (JSON-LD) to your Studio.Design pages. Properly configured structured data enhances search result appearance and improves SEO.

Set up structured data

Sitemap

Page Management in the Editor

Learn how to set the title and description that appear in search results and on social media for your Studio.Design site or pages. Covers the basics, character count tips, and…

Set the title and description

AI automatically generates meta information (titles and descriptions) for your site and pages based on the text content.

Automatic Generation of Site's Title and Description by AI

Learn how to set a favicon for your site in Studio.Design, along with important details and tips.

Set a favicon

Learn how to set up your social cover image (thumbnail / OGP) that appears when your URL is shared on social media, along with key things to keep in mind.…

Social cover image (thumbnail / OGP)

Learn how to set "noindex" on pages you don't want search engines to index. Note: Setting noindex does not control access by AI crawlers.

Set a page to noindex

Site & Page Meta Information

The page at the top of the Pages panel will be treated as the Home page.

What happens if no page is set to the "Home" page type?

If you can't paste a URL copied from a list's URL property into another list item or 301 redirect URL field, learn how to use "Paste and Match Style" to…

When you can't paste a URL copied from a list's URL property

Learn what to check and how to fix it when a link you've set up doesn't navigate to the expected page in Studio.Design.

Why links don't navigate to the correct page — causes and fixes

When you add a slash to a page path, pages with matching text before the slash are automatically grouped into a directory.

How to organize your page list into folders (directories)

Studio.Design does not currently offer a pagination feature.

Adding pagination

Studio.Design does not currently have a built-in feature to automatically generate breadcrumb navigation based on your site's page structure.

Adding breadcrumb navigation

Page FAQ

Studio.Design

Studio.Blog

Studio.Showcase

What's New

Updates

Official Site

Blog

Case Study

Find answers and get help from Intercom Support and Community Experts

Conversations you've started through the messenger will appear here.

No conversations created by you

Try using different keywords or checking for typos.

No conversations found

Title

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Empty Help Center

Uh oh. That page doesn’t exist.

Home

Search results

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

No tickets created by you

No tickets found

Track the progress of all tickets and conversations related to your company.

Customer Portal.

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you

Tickets

No access to tickets portal

Search and ask

Find guides, answers, and references.

Skip the search. Describe what you’re trying to do and get a grounded answer.

Browse articles and guides in this topic.

Create your workspace and invite the people you work with.

Set up your account

Build your first workflow and watch it run end to end.

Ship something

Connect the tools your team already uses to bring data in.

Connect your stack

A quick lap of the product so you know where everything lives.

{appName} in 60 seconds

This prototype demo is aware that you are reading “{title}”. It can point you back to the current article, but a production article-aware Fin contract is still follow-up work.

Prototype article-aware answer

Because you already asked about invitations, this prototype demo can add the follow-up: use the role selector before sending each invite to limit access to the teammate responsibilities.

Prototype role-limiting follow-up

This prototype demo suggests starting with your workspace profile, inviting the team members who need access, and then connecting the integrations you use.

Prototype getting-started answer

In this prototype demo, integrations are configured from workspace settings. Choose the integration, connect the account, and review the enabled permissions.

Prototype integrations answer

In this prototype demo, invite teammates from workspace settings, then choose the access each teammate needs before sending the invitation.

Prototype invite-team answer

This prototype demo does not have a scripted answer for that question yet. Try asking how to invite your team or open a source article. No production Fin API was called.

Prototype answer unavailable

I’ve got this page open. Ask me anything about it and I’ll answer from the docs.