Articles on: Getting started

Localization in TeleportHQ

Here is a quick guide to use localization (internationalization) in TeleportHQ to create multilingual websites.


Enable localization

Add a new language

Add Language Switcher

Manage localized text

Set up main language


Enable localization


Keep in mind that once enabled there is no way to disable localization. We recommend duplicating the project before enabling Localization.


To enable website localization in TeleportHQ, from the editor:


  • Click on the Localization button in the Top-left of the Canvas (it will have English by default)
  • Click Enable
  • In the new modal select the Main language and click Enable


Enabling localization


Add a new language


To add a new language


  • Click on the Localization button in the Top-left of the Canvas just as before
  • Click Add Language
  • Search and select the language from the dropdown list
  • In the new confirmation modal click Add language


Adding more than one localization will be charged separately.


Adding a new localization language


Add language switcher


To make it possible to switch from one language to another you will need to add a language switcher somewhere on the page, generally it is added in the Navbar or Footer.


To add a language switcher to your website:


  • Go to the Left panel -> Elements tab -> Interactive category
  • Drag the Lang switcher interactive element to the website


To edit the repeatable content inside of the switcher, you can navigate to it by selecting the switcher and clicking Show in the Dropdown settings in the Right panel. You can then drag or add elements into the Language switcher item. This can be useful for example if you want to add a language flag inside of each Language Switcher Item.


To add flags for each language you will need to add all of the language flags in the Language Switcher Item container and then use Conditional rendering to show the proper flag when the correct language is displayed.


Keep in mind that the language container is a repeatable element, so you only need to edit one element.


How to add and edit a language switcher


Manage localized text


To manage and update any text, original or translated:


  • Click on the Localization button in the Top-left of the Canvas just as before
  • Click Update content
  • In the new window you can search and make changes to any text in the project
  • Optional: Enable Automatically translate content switch to apply changes to the default languages to all other languages.


Managing localized text


Set up main language


Once localization is enabled on a website you are able to select which one is the main lanugage.


To select the main language:


  • Go to the Top Left part of the Canvas where the languages are displayed
  • Enable the dropdown menu
  • From the Dropdown menu click on the ellipsis icon to open the settings
  • Select Set as Main Language


How to set up main language

Updated on: 16/02/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!