Astra Pro The plugin's built-in Site Builder feature allows you to freely design web page layouts like building blocks. Together with the WPML After the plugin, you can also adjust the page structure for each language (e.g. Chinese, English) individually to ensure that the site in different languages looks uniform in style and easier to manage.
This article describes the translation configuration process for Site Builder to help you complete thepolyglotLayout Creation.
![图片[1]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154741180-image.png)
preliminary
Before enabling the translation function, you need to complete the following settings:
- The site has the Astra theme installed and Astra Pro plug-in (software component)
- WPML Plugin activated and language settings completed
- Open in the background WPML > Settings
![图片[2]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410153853169-image.png)
- scroll down to Article Type Translation shore
![图片[3]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410153902616-image.png)
- tick
Site Builder (astra-advanced-hook)Translation privileges
![图片[4]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410153909963-image.png)
- Select as required"Displayed when translation is available"or"Display default language content"
- Click Save to complete the setup
After the setup is complete, all layouts in Site Builder will appear in the translation management scope of WPML.
Translate Site Builder Layout
go into WordPress Dashboard, select Astra > Site BuilderThe language status can be easily viewed by switching to the table view.
![图片[5]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154029658-image.png)
To the right of each layout, translation icons are displayed for each language:
- "+" icon Indicates that translation can be added
- Gear Icons Indicates translation in progress
- Pencil Icon Indicates completion of translation
![图片[6]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154120341-image.png)
Click on " under a language+" icon to enter the advanced translation interface of WPML. The left side of the interface shows the original content and the right side shows the translated fields.
![图片[7]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154311604-image.png)
After filling in the translation line by line, click "Completion of translation" button, the system will automatically save and link the translated version.
If you don't translate for a while, you can choose "Back to list" to save the current progress.
When the translation is unfinished, the original "
![图片[8]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154635720-image.png)
After completing the translation and submitting it, the system will automatically create a version in the corresponding language and associate it with the original layout. At this point, in the layout list, the original "
![图片[9]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154642643-image.png)
The effect of the completed translation
After the translation is submitted successfully, the original layout structure remains unchanged, and only the language of the content changes. The page will automatically display the corresponding version according to the language selected by the visitor.
Each layout can be repeatedly accessed on the edit page to adjust the translated text without affecting the other language versions.
![图片[10]-使用 WPML 为 Astra Site Builder 添加多语言布局](https://www.361sale.com/wp-content/uploads/2025/04/20250410154646365-image.png)
summarize
combining WPML plugin, Site Builder'spolyglotMore flexible management. Each layout can be set up in a different language version, eliminating the need for duplicate designs. This allows the site to maintain a consistent structure and language clarity for visitors from different regions. If you have any problems, you can go to the support center for help.
Related articles
Link to this article:https://www.361sale.com/en/49613/The article is copyrighted and must be reproduced with attribution.


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments