Build a locale switcher for a localized site in Webflow

This lesson shows you how to build a locale switcher for a localized Webflow site. This allows visitors to select a preferred locale or language from a dropdown menu in the navbar. We’ll build and style the switcher using the Locales list and Dropdown elements in the Webflow Designer and then switch locales on the site to demonstrate its seamless simplicity.
00:00 - Introduction
00:45 - Add locales list
01:25 - Add dropdown
01:56 - Build dropdown list
03:11 - Test
Go take the full course at Webflow University → university.webflow.com/localize
Clone the site used in the video → webflow.com/made-in-webflow/w...
Read all about it → university.webflow.com/lesson...
----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community
webflow.com
/ webflow
/ webflow

[@stephanlenting]

Please fix the pricing for translation, it’s quite expensive

[@guillaume6566]

Far less than Weglot for 5 languages, and without word limit. But yes, still high price mark 😢

[@markushedin1209]

the price is crazy but awseome course!

[@j.espinosa]

And what If I want to get the locales item also translated? When I'm at Spanish locale I want to see "Inglés, Alemán, Español", and when I'm at English locale "English, German, Spanish".

[@rayediaz]

Just used it yesterday

[@OddBranch]

Why do we have to buy an extra subscription just to be able to use localisations? Webflow has never had features that werent already included in the hosting packages…

[@grantsenior3291]

Probably because all of the 3rd party software solutions that offer a translation service are charging for it?

[@wfwfwfwfwfwf]

Hope it's soon possible to use flags and see the current selected language in the navbar, instead of the generic "languages" text.

[@michaelriga6431]

Another way since you are storing everything in a subdirectory is to just make a drop down with the directory like /es you don't need to over complicate with a locale list. Though it would be nice if you had flags on the locale list.

[@Lost2060]

Languages that are RTL is not working properly specially when i use slider! Things turn the oppsite site so i couldnt set my base local as Arabic and i had to do it as if it were English

[@MarcusYatzy]

How do I list locales with a flag?

[@Webflow]

Hello, currently it is not possible to list the locales with their own image. Will share this with the team, thank you!

[@rijnhartman8549]

cloneable for this site?

[@Webflow]

Hello! You can clone the project used here → webflow.com/made-in-webflow/website/astralfundbank

[@salty-good]

Please fix the bug that occurs when typing in Korean. The cursor kept moving to the beginning while typing, so the client requested a refund.

[@Webflow]

I will share this with the team, thank you.

[@salty-good]

Thank you. please. This error appears in all designers, cms, and editors😢

[@Bottel]

really disappointing how you can't hide the current locale.

[@Webflow]

Thanks for your feedback, sharing with the team!

[@radkaolejnakova133]

Hey @bottel, you can do so by choosing the current locale and setting its display to none.

[@kwoerd]

Webflow's exorbitant pricing for a simple locale switcher undermines accessibility and inclusivity, making it difficult for small businesses and non-profits to reach diverse audiences.