Home / Widgets

Language Switcher Widget

Tech Writers Team @ Ucraft

Last updated on Nov 22, 2024

The Language Switcher widget is an element that allows customers to switch between different languages on your website. It enables them to select their preferred language, and once chosen, the website content and interface are automatically translated into the selected language. By using this widget, you can enhance the user experience by providing multilingual support to customers who prefer content in a language other than the default language of your website.

The Language Switcher widget encompasses all the languages that have been previously set up. Access the Languages section in your website Dashboard > Settings > Languages to add the desired languages, specify the default language, configure language availability based on countries, and follow the outlined steps to complete the configuration process. This allows you to provide a seamless multilingual experience for your customers and customize the language settings according to your specific needs and preferences.

Adding a Language Switcher Widget

To add a Language Switcher widget:

  1. Go to Visual Editor by selecting Advanced mode from the mode switcher on the Dashboard top panel, or navigate to Dashboard > Channels > Advanced.
  2. Open the Widgets list on the left panel.
  3. Type the widget name in the search bar or expand the Advanced group to access the Language Switcher widget.

  4. Drag the widget and drop it into your desired area, preferably within the Header or Footer.

Configuring the Language Switcher Widget

To design the appearance and behavior of the Language Switcher widget, activate the Property Panel of the widget by clicking it to access the widget Styles and Settings.

  1. Go to the widget Styles:
    • Make the required configuration of general styling features (see Global Styles) to achieve the desired visual and functional outcomes.
    • Customize the widget-specific General feature to set the visual presentation of the language options:
      • Select the display type for the Language Switcher widget to configure to show the languages directly on the page or include them in a dropdown list that opens when triggered.
      • Set how the language names appear on the page:
        • Select Translation if you want to display the language names in your default language.
        • Select Hidden if you prefer to hide the language names and rely solely on the language switcher icon or symbol to indicate language selection.
        • Select Native if you want the language name to be displayed in the original language.
      • Make the country flag and language code visible on the page by activating the toggles respectively.
  2. Go to the widget Settings to set the widget visibility (see Visibility Settings) on the website based on criteria such as your customers' location, session status, device type, browser, language preference, etc., to tailor it to specific user segments or conditions.
    • Enable the Open on Hover feature to allow your customers to access the language dropdown menu to choose the preferable one by simply hovering over the widget.

💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.