# Localization | Creght Visual Documentation

> Localization Overview Localization is the process of adapting website content for different languages and countries.…

[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/

# Localization

## Localization Overview

**Localization** is the process of adapting website content for different languages and countries.

With Creght’s multilingual localization features, you can create tailored website experiences for users in different languages or regions—while maintaining a consistent site structure.

## How Localization Works

The **Primary Language** is the default language used to build and maintain your website.

For example, if your main audience is in the United States, the primary language is typically **English**.

Based on the primary language, you can add multiple **Secondary Languages** to support additional languages or regions.

### Language Inheritance & Localization Rules

- By default, **secondary languages inherit all content from the primary language**
- You can apply **localized overrides** when a specific language requires unique content
- Changes made in a secondary language **only affect that language**
- You can reset localized overrides at any time to re-inherit content from the primary language

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

### Localizable vs. Global Properties (Important)

In secondary languages, **only content-related properties can be localized**, including:

- Text content
- Image assets

These changes apply **only to the current language** and do not affect other languages.

**Layout and structural properties**—such as component size, positioning, and styles—are **global site properties**:

- Changes made in any language
- Are synchronized across **all languages** of the site

This ensures visual and structural consistency across all localized versions of your website.

## Adding and Managing Site Languages

In the Creght Editor, click the **🌍 Globe** icon in the top toolbar to open **Language / Region Settings**:

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

You must first define the site’s **Primary Language (Language–Region combination)**.

After that, you can add multiple secondary languages or regions.

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

### Language Parameters

Each site language consists of four parts: **Language, Region, Display Name, and Slug**.

### Language

The language defines the core localization identity.

Once selected, Creght automatically assigns the corresponding language code, for example:

- English → `en`
- Chinese → `zh`

### Region

The region is **optional** and is used to differentiate countries or regions that share the same language.

For example:

- English (United States)
- English (United Kingdom)

When a region is selected, Creght automatically generates the appropriate region code.

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

### Display Name

The display name is shown in the **Language Switcher** component.

- Can be updated at any time
- Changes are reflected automatically after publishing

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

### Slug

The slug defines the URL subdirectory for the selected language.

- Without a region: uses the language code
  - Example: `/en`
- With a region: uses language + region code
  - Example: `/en-us`

You can also customize the URL slug as needed.

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

### Steps to Add a Language

1. Click the **Globe** icon in the top toolbar and select **Language / Region Settings**
2. Click **Add** at the top of the dialog
3. Select a language
4. (Optional) Select a region
5. Adjust the **Display Name** and **Slug** if needed
6. (Optional) Repeat the steps to add more languages
7. Click **Save Changes**

## Switching Languages in the Editor

After adding multiple languages, you can quickly switch between them using the language switcher on the right side of the editor.

- **Edit Mode**: Edit content for the selected language directly
- **Preview Mode**: Preview how the site appears for the selected language or region before publishing

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

Within a specific language view, you can:

- Localize page content (text, images, etc.)
- Localize page-level SEO settings
- Localize CMS content

## ⚠️ Common Pitfall

**Why do style changes in a secondary language affect other languages?**

Creght follows the principle of **“Content is localizable, structure is global.”**

- **Localizable content**

Text, images, and other content-related properties can be edited per language and only affect that language.

- **Global properties**

Component size, positioning, layout, and styles are part of the site’s structural design.

Changes to these properties apply across **all languages** of the site.


If you need different layouts for different languages, we recommend:

- Creating separate sites for each layout variant

On this page

- [Localization Overview](#localization-overview)
- [How Localization Works](#how-localization-works)
- [Language Inheritance & Localization Rules](#language-inheritance-localization-rules)
- [Localizable vs. Global Properties (Important)](#localizable-vs-global-properties-important)
- [Adding and Managing Site Languages](#adding-and-managing-site-languages)
- [Language Parameters](#language-parameters)
- [Language](#language)
- [Region](#region)
- [Display Name](#display-name)
- [Slug](#slug)
- [Steps to Add a Language](#steps-to-add-a-language)
- [Switching Languages in the Editor](#switching-languages-in-the-editor)
- [⚠️ Common Pitfall](#common-pitfall)

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