# Localization | Creght Visual Documentation

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

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)Help Center](/en/help.md)

[Changelog](/en/blogs.md)

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

Basic

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

Design

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

CMS

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

Site Setting

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

AI

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

Tool

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

![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)

This website is built with [Creght](/en.md)

![User Community](https://ugc.talizen.com/_assets/site/2061660904709165056/1781070374701__help_qr.webp)

User Community

## Links

- [Pricing](/en/price.md)
- [Solutions](/en/solution.md)
- [Customers](/en/customers.md)
- [Help Center](/en/help.md)
- [Contact Us](/en/contact.md)
- [Blog](/en/blogs.md)
- [Refund Policy](/en/tuikuan.md)

## Resources

- [All Resources](/en/resources.md)
- [Templates](/en/templates.md)
- [Components](https://creghtlib.site.creght.com)
- [Animations](/en/effects.md)
- [Figma to Creght](/en/figma2creght.md)
- [API for AI](/en/api.md)

## Comparisons

- [vs Shianxianle](/en/creght-vs-sxl.md)
- [vs Fanke](/en/creght-vs-fkw.md)
- [自己写代码 vs Creght](/en/compare/self-coding.md)
- [外包 vs 自己做](/en/compare/outsourcing.md)

## Terms

- [Terms of Service](/en/legal/terms.md)
- [Privacy Policy](/en/legal/privacy.md)
- [Acceptable Use Policy](/en/legal/acceptable-use.md)

## Social Media

- [Xiaohongshu](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [Bilibili](https://space.bilibili.com/513308095)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)