# Page Settings | Creght Visual Documentation

> Quick Start: Page Name vs Page Title: Use a short, admin-friendly Page Name for management, and a descriptive Page Title for users and SEO.…

[AI](/docs/ai/quick-create-first-website.md) [Visual](/docs/get-start.md)

Basic

- [Get to Know Creght in 2 Minutes](/docs/get-start.md)
- [How to Register for Creght](/docs/signup.md)
- [Creating a Project in Creght](/docs/create-site.md)
- [Templates](/docs/tpls.md)

Design

- [Using the Editor](/docs/editor.md)
- [Basic Operations](/docs/operating.md)
- [Layouts in Creght](/docs/layout.md)
- [Position in Creght](/docs/position.md)
- [Size in Creght](/docs/size.md)
- [Breakpoints in Creght](/docs/breakpoint.md)
- [Overlays](/docs/popover.md)
- [Components in Creght](/docs/components.md)
- [Adding Third-Party Fonts](/docs/tp-font.md)
- [Duplicate and Deep Copy](/docs/deep-copy.md)

CMS

- [CMS (Content Management System)](/docs/cms.md)
- [Importing WeChat Official Account Articles into CMS](/docs/wxmp.md)

Site Setting

- [Page Settings](/docs/page-setting.md)
- [How to Upgrade a Plan](/docs/manage-plan.md)
- [SEO Settings](/docs/seo-setting.md)
- [Small Files (Site Verification)](/docs/verification-file.md)
- [Adding a Custom Domain in Creght](/docs/custom-domain.md)
- [How to Complete ICP Filing](/docs/beian.md)
- [Server Nodes](/docs/website-node.md)
- [How to Switch Sites](/docs/pxrp79jqtnyq.md)
- [Localization](/docs/localization.md)

AI

- [About Creght AI](/docs/creght-ai.md)

Tool

- [Convert Figma Designs into Live Websites](/docs/figma-to-creght.md)
- [3 Guidelines for Responsive Figma Layouts](/docs/figma-autolayout.md)
- [Covert Figma to live website](/docs/response-site.md)
- [Figma to Responsive Website: Interactions](/docs/figma03.md)
- [Compressing Video with FFmpeg](/docs/ffmpeg.md)
- [How to Add Clarity to Your Website](/docs/clarity.md)
- [Creating a Button Hover Effect](/docs/button.md)
- [How to Build a Reusable Collapsible FAQ Panel](/docs/collapse.md)
- [Responsive Navigation Tutorial](/docs/nav.md)

Site Setting/

# Page Settings

**Quick Start:**

- **Page Name vs Page Title:** Use a short, admin-friendly **Page Name** for management, and a descriptive **Page Title** for users and SEO.
- **Page Type:** Use **Standard Page** for fixed content; **CMS Detail Page** for dynamic content driven by CMS.
- **URL Path:** Use semantic, hierarchical paths for SEO ( `/about`, `/blogs/:slug`).
- **Published Status:** Keep pages unpublished while under construction; publish when ready.

In the editor, go to the left-hand **Pages** panel and click the **three dots** next to a page to access **Page Settings**.

![image.png](https://fsb.huglight.cn/user/1/mgAcVjesZHt__image.png)

In **Page Settings**, you can configure the following: **page path (URL), page type, published status, and SEO settings**.

![image.png](https://fsb.huglight.cn/user/1/mgAcVmNNESz__image.png)

## Page Name

The **Page Name** is primarily for the website administrator to distinguish pages in the editor—it is not visible to users.

Example:

- **Page Title (visible to users & SEO):** “Durable and Easy-to-Use Hardware \| XX Hardware”
- **Page Name (for management):** “Home”

> For more on SEO, see: [SEO Settings](https://www.creght.com/docs/seo-setting)

## URL Path

A **URL (Uniform Resource Locator)** is the address of your page on the web. Think of it as a "house number" that tells the browser where to find your content.

Example: If the page URL path is `/blogs`, users can access it via:

`https://{your-domain}/blogs`

### Special URL Rules

- **Home Page:** Set path to `/`.
- **Custom 404 Page:** Set path to `/404` to display when users visit a non-existent page.
- **Unique Paths:** URL paths must be unique. If a path already exists, change the existing page’s path first (e.g., `/index-old`).

> Semantic URLs improve SEO and user experience.

### Simple Guidelines

- Use meaningful words: e.g., About Us → `/about`, Contact → `/contact`
- Maintain correct hierarchy: e.g., `/blogs/about-creght`

## URL Variable – Slug

For **CMS Detail Pages**, there is no fixed URL. For multiple dynamic pages (like blogs), use a **slug variable**:

```plaintext
/blogs/:slug

```

![image.png](https://fsb.huglight.cn/user/1/mgAcVxZAVpY__image.png)

Combine this with the **slug** field in your CMS to generate dynamic URLs.

![image.png](https://fsb.huglight.cn/user/1/mgAcVKkACmS__image.png)

## Page Type

There are two types of pages:

1. **Standard Page:** Fixed URL, e.g., Home, About Us.
2. **CMS Detail Page:** Displays dynamic CMS content using one layout. Examples: blog posts, news, case studies.

The main difference is that **CMS Detail Pages must be linked to a CMS**:

![image.png](https://fsb.huglight.cn/user/1/mgAcVXgWUeR__image.png)

Components like images or text can then bind to the selected CMS fields.

> For more on CMS, see: [Content Management – CMS](https://www.creght.com/docs/cms)

![](https://fsu.creght.com/user/3/mhOwUgSFKlZ__image.png)

## Smooth Scrolling

Enable **Smooth Scrolling** to achieve a smoother scrolling experience using the plugin. You can toggle this feature on or off to compare the difference.

## Published Status

By default, new pages are **published**. Once the website is live, the page is accessible to users.

Switch a page to **unpublished** to hide it from users and search engines—useful for pages still under construction.

## SEO

For detailed SEO settings, [see: SEO Settings](https://www.creght.com/docs/seo-setting)

On this page

- [Page Name](#page-name)
- [URL Path](#url-path)
- [Special URL Rules](#special-url-rules)
- [Simple Guidelines](#simple-guidelines)
- [URL Variable – Slug](#url-variable-slug)
- [Page Type](#page-type)
- [Smooth Scrolling](#smooth-scrolling)
- [Published Status](#published-status)
- [SEO](#seo)

> Full page index: [/llms.txt](/llms.txt)