Pro Widgety schedule 15 min

Widget Language Switcher — wielojęzyczna strona bez CMS

Przełącznik języka z auto-detekcją lokalizacji użytkownika. Belka sugestii, dropdown w nawigacji, zapamiętywanie preferencji, integracja z dowolnym menu.

Widgety i18n 11 min czytania

Widget Language Switcher: wielojęzyczność bez bólu

Jak zbudować widget do przełączania języka z geo-detekcją, belką sugestii, dropdownem w menu i zapamiętywaniem wyboru w localStorage — zintegrowany z systemem tłumaczeń BinSoft Translate.

signal_cellular_alt Średni schedule 1-2 godziny smart_toy Zespół BinSoft

Klient z Niemiec wchodzi na Twoją polską stronę. Widzi tekst po polsku. Nie rozumie. Zamyka kartę. Koniec historii. Stracony klient, stracona sprzedaż — bo na stronie nie było jednego przycisku: "English" albo "Deutsch".

Widget Language Switcher wykrywa język użytkownika automatycznie. Niemiec widzi belkę: "Diese Seite ist auch auf Deutsch verfügbar" z przyciskiem zmiany. Anglik widzi "English available". A Polak nie widzi nic — bo strona jest już po polsku. Bez wtyczek WordPress, bez ciężkich bibliotek. Vanilla JS + Twój system tłumaczeń.

Jak to działa — schemat

flow wykrywania języka
1. User wchodzi na stronę → widget sprawdza localStorage
2. Jest zapisany wybór? → przekieruj na /en/ lub /de/ (jeśli inny niż aktualny)
3. Brak wyboru? → sprawdź navigator.language (np. "de-DE")
4. Język ≠ język strony? → pokaż belkę sugestii
5. User klika "Zmień na Deutsch" → zapisz w localStorage → redirect /de/
6. User klika "Zostań po polsku" → zapisz w localStorage → ukryj belkę
7. Dropdown w menu → ręczna zmiana języka w dowolnym momencie
ElementRolaKiedy widoczny
Belka sugestiiTop bar z propozycją zmiany językaGdy wykryty język ≠ język strony
Dropdown w menuLista języków z flagamiZawsze (w nawigacji)
localStorageZapamiętanie wyboruCały czas w tle
lock

Ten poradnik wymaga konta Pro

Dostęp do zaawansowanych poradników, kodu źródłowego i wsparcia technicznego.