Webflow Localization: Customize Your Language Switcher with a Flag

Updated native feature (no code): • How to Use Webflow's N...
This feature enhances the user experience on your site by making it more intuitive for users to switch languages.
Webflow Localization:
webflow.partnerlinks.io/local...
Website client example used:
www.leasetic.fr/
Custom code:
yaroshidi.notion.site/Languag...
Website used in this video:
www.levelflow.io/
Time stamps:
00:00- Intro
01:25 - Setting up dropdown
02:35 - Localization ISO code
05:58 - Set up the flag icons
06:20 - Custom code install
09:15 - Setting up links
09:55 - Publishing
10:30 - Customizing locale text
If you found this video useful, don't forget to like, comment, and subscribe for more Webflow tips and tricks!
#webflow localization #webflow tutorial #learn webflow #webflow language switcher #webflow multilangauge

[@md.solaimankabir60]

Amazing Walkthrough ... Thank you for sharing

[@yaroshidi]

Glad you enjoyed it

[@user-qs8wj3sw6c]

Bravo Yar !! I like your video!! I wait for the next!!

[@alialkofee1]

Great tutorial, man! This will definitely come in handy. Thank you for sharing this.

[@yaroshidi]

Glad it was helpful!

[@tdk427]

Didn't make it. I was watching it twice but i never worked for me. It was also difficult to see what exactly you clicked on. But I am just overworked so..... UPDATE - IT FUCKING WORKS! I was in fact, just overworked lol. THANK YOU SO FUCKING MUCH!

[@hnslHA]

Absolute BANGER

[@yaroshidi]

More to come 🚀🚀🚀

[@peterpaul6953]

Exactly what I was searching for! Thx for that!
Only "negative" point is the zoom and mouse following in your video. I find it sometimes hard to follow on which element you are working cause you can not see it.

[@AliHussain-sh1ex]

Thanks Mate 🙏🏻

[@yaroshidi]

Anytime!

[@lamineemb]

Yar's back!!

[@yaroshidi]

Yes sir

[@njanadesign]

شكرا أخي

[@yaroshidi]

تتدلل عزيزي 🫶

[@GameSphere674]

Hey, Great tutorial. Is there any hack to hide the active language from the dropdwn list?

[@wibletonha]

Maybe ask ChatGPT to write a custom JS that sets a css style of display none to an element with ID 'en', when the slug contains '/en/'

[@user-ww8zb4yv1j]

Hi Yar, great video, thanks! Question, I only see the language switcher on my main menu and I would like it to appear on every page. Not sure what I did wrong. The only thing I did differently was to add the custom code inside Webflow's site settings and not in Finsweet.

[@yaroshidi]

You need the code to apply on every page so if you don't use the finsweet tool, then you would have to apply the code on the site settings in the custom tab so that