Widget translations
Access Type: Widgets - Editor
The widget can be surfaced to end-users in a variety of supported languages. In this article, we will cover the following:
To start, click Widgets on the left-hand panel and select the Edit icon inline with a widget name.
Widget translation behavior
Once a consent flow is published and implemented on your website and/or application, the widget will be displayed in one of the following ways:
End-user browser/device language supported
Widget components will be automatically translated for the end-user. Note: Any components that do not have translations will be rendered in the specified default language.
End-user browser/device language not supported
All widget components will be rendered in the default language.
Didomi sets the default language for widgets to English unless edited otherwise.
Configure default and enabled languages
From the widget editor page, navigate to the widget layers section and click the Languages button.
In the subsequent modal, navigate to the Enabled languages field and use the drop-down menu to select all the languages the widget will support (this should include the language your organization plans to set as the default language).
Next, navigate to the Default language field and use the drop-down menu to select which of the enabled languages will be used as the default language (i.e. the language used for widget components if the end-user's browser/device language is not supported or if a translation for the component has not been configured).
Click Save when finished.
Add component translations
Once a widget's default and enabled languages have been configured, your organization can proceed with adding the necessary translations to each component that requires a translation.
Navigate to the widget preview toolbar and use the language preview drop-down menu to select a language.
Click a component in the widget preview window and ensure the Settings tab is selected in the right-hand panel.
Expand the Content accordion and use the provided field to input the translation of the content in the specified language.
The component will be translated in the widget preview window.
In the widget preview window, untranslated components will be rendered in the default language
Repeat as necessary for every component across all layers in the widget
Last updated