Konfiguracja przełącznika języków w Magento jest niezbędna. Ta funkcja jest kluczowa dla stron internetowych skierowanych do międzynarodowych odbiorców, ponieważ możliwość płynnego przełączania między językami stała się pilną potrzebą na obecnym rynku.
Choć proces ten może początkowo wydawać się zniechęcający, ten przewodnik przeprowadzi Cię krok po kroku przez konfigurację przełącznika języków na Twojej stronie Magento w sposób wydajny i skuteczny. Postępując zgodnie z tymi instrukcjami, możesz płynnie wdrożyć tę cenną funkcję, zwiększając zdolność Twojej witryny do obsługi zróżnicowanej, wielojęzycznej publiczności.
Dlaczego warto skonfigurować przełącznik języka dla Magento?
Oto cztery kluczowe powody, dla których warto skonfigurować przełącznik języków dla Magento.
- Ulepszone doświadczenie użytkownika: Przełącznik języków umożliwia odwiedzającym dostęp do treści w preferowanym języku, co poprawia ich zrozumienie i zaangażowanie w Twoją witrynę. Na przykład hiszpańskojęzyczny klient odwiedzający angielskojęzyczny sklep Magento może łatwo przełączyć się na hiszpański, co ułatwia przeglądanie produktów, czytanie opisów i finalizowanie zakupów.
- Większy zasięg rynkowy: Oferując wiele języków, możesz dotrzeć do globalnej publiczności i wejść na nowe rynki, potencjalnie zwiększając swoją bazę klientów i sprzedaż. Na przykład sklep z odzieżą online w USA wdraża przełącznik języka z opcjami angielskiego, francuskiego i niemieckiego. Pozwala im to skutecznie promować swoje produkty wśród klientów w Kanadzie i innych krajach europejskich bez tworzenia oddzielnych witryn.
- Lepsza wydajność SEO: Dobrze zaimplementowany przełącznik języków może wzmocnić Twoje multilingwalne SEO , sprawiając, że Twoja witryna będzie bardziej widoczna w wynikach wyszukiwania w różnych językach i regionach. Na przykład sklep z elektroniką oparty na Magento oferuje treści zarówno w języku angielskim, jak i japońskim. Gdy japońscy użytkownicy szukają produktów w swoim języku, japońskie strony sklepu są bardziej narażone na pojawienie się w wynikach wyszukiwania, co generuje bardziej ukierunkowany ruch.
- Zwiększone współczynniki konwersji: Gdy odwiedzający mogą zrozumieć szczegóły produktu, zasady i proces zakupu w swoim ojczystym języku, są bardziej skłonni do finalizowania transakcji i stania się klientami. Na przykład włoski klient przeglądający międzynarodowy sklep z kosmetykami na Magento znajduje opcję przełączenia na język włoski. Może teraz łatwo zrozumieć składniki produktu, instrukcje użycia i zasady wysyłki, co zwiększa jego pewność co do zakupu.
Wdrażając te funkcje, sprawiasz, że Twój sklep Magento jest bardziej dostępny i przyjazny dla zróżnicowanej, globalnej publiczności, co potencjalnie zwiększa ruch w witrynie, zaangażowanie i sprzedaż.
Jak skonfigurować przełącznik języka w Magento?
Usługi tłumaczenia stron internetowych zazwyczaj oferują tę funkcjonalność, którą można dostosować do Twoich konkretnych wymagań.
Warto jednak zauważyć, że nie wszystkie usługi tłumaczeniowe oferują przełącznik języka, który jest łatwy do dostosowania i przyjazny dla użytkownika. Dlatego kluczowe jest wybranie automatycznej usługi tłumaczeniowej zgodnej z różnymi frameworkami i oferującej elastyczną funkcję przełącznika języka.
Jedną z usług, która wyróżnia się pod względem spełniania tych kryteriów, jest Linguise. Oferuje ona funkcję przełącznika języków, która jest łatwa do dostosowania i przyjazna dla użytkownika oraz bezproblemowo integruje się z Magento.
Dzięki płynnej integracji Linguise z systemem Magento CMS możesz bez wysiłku dodać przełącznik języka do swojej wielojęzycznej witryny. Dzięki funkcjom Linguise i intuicyjnemu interfejsowi konfiguracja i utrzymanie przełącznika języka w Twojej witrynie Magento staje się znacznie prostsze. W poniższej sekcji opisano kroki, aby zainstalować Linguise w wielojęzycznej witrynie Magento i skonfigurować przełącznik języka.
Krok 1: Zarejestruj się w darmowym Linguise
Najpierw załóż Linguise konto i skorzystaj z miesięcznego okresu próbnego. Proces rejestracji jest prosty – wystarczy podać adres e-mail, aby utworzyć dane logowania.
W trakcie fazy próbnej będziesz mieć dostęp do imponujących funkcji Linguise. Po zakończeniu okresu próbnego nastąpi automatyczne przekierowanie do panelu Linguise .
Krok 2: Dodawanie domeny strony Magento
Po pomyślnym utworzeniu konta Linguise zostaniesz przekierowany do panelu. Tam będziesz musiał dodać domenę swojej strony internetowej oraz informacje. Znajdź opcję „Dodaj domenę” i kliknij ją. Następnie wyświetli się formularz zawierający kilka pól do wypełnienia:
- Dane konta
- Adres URL witryny
- Wybór platformy (wybierz Magento)
- Podstawowy język Twojej witryny
- Języki, na które chcesz tłumaczyć
- Opcja tłumaczenia adresów URL
- Ustawienie tłumaczenia dynamicznej treści
Gdy uzupełnisz wszystkie niezbędne informacje, kliknij przycisk „Następny krok”.
W następnym kroku będziesz musiał wprowadzić klucz API. Ten klucz zostanie Ci udostępniony i jest niezbędny w procesie konfiguracji.
Krok 3: Prześlij skrypt Linguise
Następny krok polega na dodaniu skryptu tłumaczeniowego Linguise do serwera Magento :
- Pobierz skrypt tłumaczenia PHP-JS od Linguise.
- Wypakuj zawartość pobranego pliku.
- Przenieś rozpakowane pliki do głównego katalogu instalacji Magento .
Upewnij się, że:
- Skrypt znajduje się w katalogu najwyższego poziomu Twojej witryny, obok plików Magento .
- Folder zachował swoją oryginalną nazwę „linguise”.
Następnie należy dodać klucz API Linguise do pliku Configuration.php, który właśnie przesłano. Otwórz ten plik do edycji, znajdź tekst zastępczy „REPLACE_BY_YOUR_TOKEN” i zastąp go swoim rzeczywistym kluczem API, pozostawiając go w cudzysłowie.
Krok 4: Skonfiguruj przepisywanie adresów URL dla Magento
Wejdź do panelu administracyjnego Magento i przejdź przez menu boczne ścieżką: Stores > Settings > Configuration > General > Web > Search Engine Optimization
Po przejściu tam znajdź i aktywuj opcję „Use Web Server Rewrite”.
Następnie musisz skonfigurować adresy URL dla poszczególnych języków w pliku .htaccess. Otwórz domyślny plik .htaccess Magento 2 i znajdź wiersz „RewriteEngine on”. Zaraz po tym wierszu wstawisz konkretny fragment kodu.
Ta konfiguracja pozwala Magento prawidłowo obsługiwać i kierować żądania dla różnych wersji językowych Twojej witryny, usprawniając konfigurację wielojęzyczną.
Pamiętaj, że modyfikowanie pliku .htaccess wymaga szczególnej uwagi, ponieważ nieprawidłowe zmiany mogą wpłynąć na funkcjonalność Twojej witryny. Jeśli nie czujesz się komfortowo, wprowadzając te zmiany samodzielnie, rozważ zwrócenie się o pomoc do dewelopera znającego konfiguracje Magento .
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA,END]
</IfModule>
Krok 5: Aktywuj i dostosuj przełącznik języka
Przełącznik języka to wyskakujące okienko z flagą, które pozwala użytkownikom wybrać preferowany język. Aby go załadować, skopiuj kod udostępniony na końcu konfiguracji witryny i umieść go w sekcji head strony HTML. Przełącznik języka z flagą załaduje się wtedy automatycznie.
Kod do skopiowania i załadowania w nagłówku swojej strony znajdziesz w swoim panelu Linguise , przechodząc do sekcji Twoja domena > Ustawienia > Karta > Skrypt PHP.
Ten kod należy wstawić do nagłówka strony. Magento 2 umożliwia dodawanie treści do nagłówka strony za pomocą ustawień konfiguracyjnych.
W panelu administracyjnym przejdź do Content > Configuration i edytuj widok motywu domyślnego sklepu. Następnie kliknij sekcję HTML Head i wklej skopiowany skrypt do pola Scripts and Style Sheets. Na koniec zapisz konfigurację.
Przełącznik języka jest początkowo wyświetlany w pozycji pływającej w prawym dolnym rogu Twojej witryny. Możesz dostosować jego wygląd i umiejscowienie, przechodząc do Linguise panelu Linguise > Ustawienia > Wyświetlanie flag językowych.
Krok 6: Skonfiguruj główny widok
Przełącznik języka domyślnie pojawia się w pozycji pływającej w prawym dolnym rogu Twojej witryny. Możesz dostosować jego wygląd i umiejscowienie w panelu Linguise , przechodząc do Ustawienia > Wyświetlanie flag językowych.
Krok 7: Skonfiguruj wygląd flagi
Po dostosowaniu głównych ustawień wyświetlania możesz dodatkowo spersonalizować wygląd flag językowych.
- Wyświetlanie nazwy języka: Możesz wybrać wyświetlanie nazwy języka na podstawie kraju lub samego języka, np. „francuski” lub „Français”.
- Typ flagi dla języka angielskiego: Jest to przydatne w przypadku języków mających wiele wariantów, takich jak angielski amerykański lub brytyjski, hiszpański, tajwański, niemiecki i portugalski.
- Styl flagi: Wybierz kształt ikony flagi — okrągły lub prostokątny.
Krok 8: Ustaw kolor i rozmiar
Po sfinalizowaniu projektu flagi możesz przystąpić do dostosowania koloru i rozmiaru flag za pomocą poniższych ustawień:
- Promień zaokrąglenia flagi: Dostosuj promień zaokrąglenia dla prostokątnego stylu flagi, mierzony w pikselach.
- Kolor nazwy języka: Wybierz domyślny kolor tekstu nazwy języka.
- Kolor języka w oknie popup: Ustaw kolor tekstu tytułu języka w oknie popup lub obszarze rozwijanym.
- Rozmiar flagi: Dostosuj rozmiar ikon flag.
- Kolor nazwy języka po najechaniu kursorem: Zdefiniuj kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na nazwę języka.
- Kolor tytułu języka w oknie popup po najechaniu kursorem: Określ kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na tytuł języka w oknie popup lub obszarze rozwijanym.
Krok 9: Skonfiguruj cień ramki flagi
Na koniec możesz dostosować ustawienia cienia pola flagi. Pierwsza opcja pozwala dodać efekt cienia do każdej ikony flagi wyświetlanej na Twojej stronie. Druga opcja kontroluje efekt cienia, gdy użytkownicy najadą kursorem myszy na flagi językowe.
Po wprowadzeniu wszystkich niezbędnych zmian kliknij „Zapisz” , aby je zastosować. Następnie przejdź do Magento , aby sprawdzić, czy konfiguracja została pomyślnie zastosowana. Dzięki temu zobaczysz, jak będzie wyglądał przełącznik języka.
Po zakończeniu konfiguracji zobaczysz przełącznik języka na swojej wielojęzycznej stronie Magento .
Automatycznie przetłumaczymy witrynę Magento na inne języki, takie jak hiszpański.
4 strategie ulepszania przełącznika języka w Magento
Gdy już skonfigurujesz przełącznik języka na swojej Magento wielojęzycznej stronie internetowej, musisz poznać optymalne strategie projektowania selektora języka i optymalizacji jego wydajności, aby ulepszyć swoją witrynę i doświadczenie użytkownika.
Łatwe wdrażanie wskaźników językowych
Używanie powszechnie rozpoznawalnych symboli języków lub flag w przełączniku języków jest kluczowe. Dzięki temu odwiedzający mogą szybko znaleźć i wybrać preferowany język. Wprowadzenie znanych symboli tworzy intuicyjne doświadczenie użytkownika, umożliwiając odwiedzającym bez wysiłku przejście do wybranej wersji językowej. Kluczem jest wybór globalnie rozpoznawalnych wskaźników, aby zapobiec błędnej interpretacji.
Na przykład wielojęzyczny sklep e-commerce sprzedający sprzęt sportowy. Jego przełącznik języka mógłby wykorzystywać połączenie flag krajów i skrótów językowych:
- EN (dla języka angielskiego)
- ES (dla hiszpańskiego)
- FR (dla francuskiego)
- DE (dla niemieckiego)
- JP (dla japońskiego)
To podejście łączy wskazówki wizualne (flagi) z tekstem (kody języków), dzięki czemu użytkownicy o różnych korzeniach mogą łatwo zidentyfikować swój preferowany język. Flagi są natychmiast rozpoznawalne, a skróty zapewniają dodatkową czytelność.
Na przykład hiszpańskojęzyczny odwiedzający może szybko dostrzec hiszpańską flagę i skrót „ES”, co pozwala mu jednym kliknięciem przełączyć stronę na hiszpański. Ten przyjazny dla użytkownika design poprawia ogólne wrażenia z przeglądania i potencjalnie zwiększa zaangażowanie oraz konwersje na stronie.
Połącz nazwy języków i flagi
Choć flagi są atrakcyjne wizualnie, warto łączyć je z natywnymi nazwami języków. Taka strategia pomaga uniknąć nieporozumień, zwłaszcza że niektóre języki są używane w wielu krajach o różnych flagach.
Używanie rzeczywistych nazw języków eliminuje niejednoznaczność, zapewniając odwiedzającym możliwość dokładnego zidentyfikowania i wybrania preferowanego języka bez nieporozumień. Co więcej, takie podejście promuje inkluzywność i okazuje szacunek dla różnorodności kulturowej.
Na przykład globalny serwis informacyjny, który obsługuje zróżnicowaną publiczność. Jego przełącznik języka może wyglądać tak.
W tym przypadku:
- Użycie flag zapewnia szybkie wskazówki wizualne.
- Nazwy języków są zapisane w ich rodzimym alfabecie (np. japońskim, francuskim itp.), który jest natychmiast rozpoznawalny dla użytkowników danego języka.
To podejście jest szczególnie przydatne w przypadku języków takich jak hiszpański czy angielski, którymi mówi się w wielu krajach. Na przykład użytkownik z Meksyku lub Argentyny zobaczyłby „Español”, zamiast wybierać spośród flag kilku krajów hiszpańskojęzycznych. Podobnie użytkownicy z Wielkiej Brytanii, USA, Australii lub innych krajów anglojęzycznych mogą utożsamiać się z „English” niezależnie od użytej flagi.
Strategicznie umieść przełącznik języków
Kluczowe jest umieszczenie przełącznika języków w widocznym, łatwo dostępnym miejscu na Twojej stronie internetowej. Popularne i skuteczne lokalizacje to nagłówek, stopka lub główne menu nawigacyjne. Te miejsca są intuicyjne dla większości użytkowników sieci i odpowiadają ich oczekiwaniom podczas szukania opcji językowych.
Zachowanie spójnego umiejscowienia na wszystkich stronach zapewnia odwiedzającym łatwy dostęp do przełącznika języków, niezależnie od punktu wejścia czy aktualnej strony. Ta spójność przyczynia się do płynnego i przewidywalnego doświadczenia użytkownika.
Na przykład międzynarodowa strona do rezerwacji hoteli, która obsługuje globalną publiczność. Mogliby wdrożyć swoją strategię przełącznika języków w następujący sposób.
- Umiejscowienie w nagłówku: Przełącznik języka znajduje się w prawym górnym rogu nagłówka, obok ikony konta użytkownika i selektora waluty. Jest widoczny na każdej stronie i pozwala użytkownikom zmienić język w dowolnym momencie przeglądania lub procesu rezerwacji.
- Spójny design: Przełącznik języka ma postać ikony kuli ziemskiej, po której następuje nazwa aktualnego języka (np. „🌐 English”). Po kliknięciu otwiera się menu rozwijane z innymi opcjami językowymi.
- Kopia zapasowa w stopce: Stopka zawiera tekstową listę wszystkich dostępnych języków, zapewniając alternatywny punkt dostępu.
To strategiczne umiejscowienie zapewnia, że niezależnie od tego, czy użytkownik trafi na stronę główną, konkretną stronę hotelu, czy stronę potwierdzenia rezerwacji, może łatwo znaleźć i użyć przełącznika języka. Na przykład francuski użytkownik przeglądający opcje hoteli w Tokio może szybko przełączyć stronę na francuski, aby łatwiej zrozumieć opisy pokoi i warunki rezerwacji, co poprawia jego doświadczenie użytkownika i potencjalnie zwiększa prawdopodobieństwo dokonania rezerwacji.
Zachowaj spójność przełącznika języków na wszystkich stronach
Kluczowe jest, aby przełącznik języka zachowywał spójny wygląd i funkcjonalność w całej witrynie. Użytkownicy powinni móc bez wysiłku zmieniać język, niezależnie od aktualnie odwiedzanej strony czy przeglądanej treści. Ta spójność zapewnia płynne doświadczenie użytkownika i wzmacnia dostępność opcji językowych, budując zaufanie i pewność w Twojej wielojęzycznej witrynie.
Na przykład globalna platforma e-commerce sprzedająca elektronikę. Oto, jak mogą wdrożyć spójną strategię przełącznika języka.
- Spójny design: Przełącznik języka pojawia się jako ikona globusa z kodem aktualnego języka (np. „🌐 EN”) w prawym górnym rogu każdej strony, w tym na listach produktów, stronach poszczególnych produktów, w koszykach i na stronach finalizacji zamówienia.
- Spójne działanie: Kliknięcie przełącznika języka zawsze otwiera to samo menu rozwijane ze wszystkimi dostępnymi językami, niezależnie od strony.
- Zachowanie treści: Gdy użytkownicy przełączają języki, pozostają na tej samej stronie, ale treść jest wyświetlana w nowo wybranym języku. Na przykład, jeśli użytkownik przegląda specyfikację laptopa po angielsku i przełączy się na hiszpański, zobaczy te same szczegóły laptopa, teraz po hiszpańsku.
- Struktura adresu URL: Struktura adresu URL zmienia się konsekwentnie podczas zmiany języka. Na przykład:
- Angielski: www.techstore.com/products/laptop-model-x
- Hiszpański: www.techstore.com/es/productos/laptop-modelo-x
Studium przypadku: Japoński klient przeglądający laptopy w angielskiej wersji witryny postanawia przełączyć się na japoński, aby lepiej zrozumieć treść. Klika ikonę „🌐 EN” w nagłówku, wybiera „日本語” z listy rozwijanej, a strona odświeża się, pokazując te same szczegóły laptopa, ale po japońsku. Adres URL zmienia się z „/products/…” na „/ja/製品/…”.
Ta spójna obsługa na wszystkich stronach i we wszystkich funkcjach witryny zapewnia użytkownikowi pewną nawigację i zakupy w preferowanym języku, co potencjalnie zwiększa prawdopodobieństwo dokonania zakupu i powrotu do witryny w przyszłości.
Skonfiguruj przełącznik języka w Magento z Linguise!
Na tym etapie powinieneś już wiedzieć, że konfigurujesz przełącznik języka dla wielojęzycznej witryny Magento . Wdrożenie przełącznika języka może przynieść wiele korzyści i można je dostosować zgodnie z naszymi wytycznymi.
Optymalizacja przełącznika języków może znacząco poprawić ogólne wrażenia użytkownika w Twoim sklepie Magento . Następnym krokiem jest utworzenie konta Linguise , zintegrowanie go z Twoją witryną Magento i dostrojenie ustawień przełącznika języków. Te działania poprawią wrażenia użytkownika, czyniąc Twój wielojęzyczny sklep e-commerce bardziej dostępnym i przyjaznym dla użytkownika.
Pamiętaj, że dobrze zaimplementowany przełącznik języka na platformie Magento może prowadzić do lepszego zaangażowania, zwiększenia konwersji i poprawy satysfakcji klientów na różnych rynkach językowych. To kluczowy element tworzenia prawdziwie wielojęzycznej witryny.
