Weglot UI Kit 2 not working

Hey everyone,

The language switcher of the new UI Kit (Dropdown) generally works as intended, but we’ve noticed a problem with the language labels. On the default German version of the site, the switcher correctly displays “DE” as the current language and “EN” as the alternative. However, when switching to the English version, the current language is shown as “EN,” but the alternative also displays as “EN” as well. Clicking this alternative switches the site back to German, after which the labels appear correct again.

We used the Finsweet-Weglot cloneable for this integration. The attributes [lang=de / en] are set correctly and the custom code is also set with the correct API key.

Live site: https://www.labor-bauer.de/

For reference, here is the Webflow read-only link to the project:
https://preview.webflow.com/preview/labor-bauer?utm_medium=preview_link&utm_source=designer&utm_content=labor-bauer&preview=3fe52c578003ffc1421efbbb48bcb39c&workflow=preview

Hey @ninobachmann! When the user switches to English, it translates all the text on the site, including the language switcher, which should not occur. To configure this correctly, you’ll need to exclude the element class from the translated element within Weglot.

To do this open “Translation Exclusions”

Click on “Add Rule”

And add the class for your language tags to exclude it

Let me know how it goes!

Ah so simply, but I did not think of that…
Thanks Luis!

1 Like