Language selector widget
Overview
You use the Language selector widget if you use multiple languages for your website. The widget allows the user to switch between the different language versions of a page.
PREREQUISITES: You are in multilingual mode. For more information, see Setup languages.
Place the widget on the page
You can place a Language selector widget only inside a Section widget.
To do this, perform the following:
- Inside a column from the Section widget, click Add widget here…
- Under the Navigation and search section, click Language selector.
The widget is placed inside the selected column of the Section widget.
Configure the widget
To configure the widget, perform the following:
- In the page editor, hover over the widget.
- Click the toggle menu in the widget label.
- Click
(Edit).
Language selector setup
In this section, choose how to display language options in the widget.
Perform the following:
- In For languages without translations…, choose how the widget behaves when a language is added, for which the page has no translation.
Select one of the following:
- Hide the link to the missing translation
The system displays only links to existing translations.
- Redirect to home page of language for missing translation
The system displays links to all added languages, but for the languages for which there is no translation, the system redirects to the homepage of the respective language.
- In Show language names…, select how to display the names of the languages.
Choose between:
- In native language
For example, français, português.
- In native language, capitalized
For example, Français, Português.
- In English
For example, French, Portuguese.
For more information, see Translate pages.
Display settings
In this section, choose how to display the language selector on the page.
Perform the following:
- In Language selector template dropdown, you can select a template other than the default one that will be used to display the Language selector widget on the website.
You must first have created a custom template.
For more information, see ASP.NET Core pages and templates.
- In Margins, you can choose the margins between the widget and the column where it is placed.
Choose from the predefined values of none, small, medium, or large.
Save your changes
Advanced settings
To open the advanced settings, in the upper-right corner of the Language selector widget page, click 
(Advanced settings).
- Change the label
In Label, you can enter a specific name for this widget.
This name will be displayed in:
- The page editor as a label for the widget
- In the treeview with the page structure in the right pane of the page editor.
- Apply custom CSS
In CSS class input field, you can choose a class name for the textbox, if later you want to set a CSS style for this particular textbox.