Konfiguracja przełącznika języka na Magento
Chociaż proces może wydawać się na początku zniechęcający, ten przewodnik przeprowadzi Cię przez kroki niezbędne do skonfigurowania przełącznika języka na Twojej stronie Magento w sposób efektywny i skuteczny. Postępując zgodnie z tymi instrukcjami, możesz płynnie zaimplementować tę cenną funkcję, zwiększając zdolność Twojej strony do obsługi różnorodnej, wielojęzycznej publiczności.
Dlaczego warto skonfigurować przełącznik języka dla Magento?
Oto cztery kluczowe powody, dla których należy skonfigurować przełącznik języka dla Magento.
- Ulepszone doświadczenie użytkownika: Przełącznik języka umożliwia odwiedzającym dostęp do treści w preferowanym języku, poprawiając ich zrozumienie i zaangażowanie na Twojej stronie. Na przykład hiszpańskojęzyczny klient odwiedzający sklep Magento oparty na języku angielskim może łatwo przełączyć się na hiszpański, co ułatwia przeglądanie produktów, czytanie opisów i finalizowanie zakupów.
- Rozszerzony 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, internetowy sklep odzieżowy w USA wdraża przełącznik języka z opcjami angielskiego, francuskiego i niemieckiego. To pozwala im skutecznie promować swoje produkty wśród klientów w Kanadzie i innych krajach europejskich bez tworzenia osobnych stron internetowych.
- Ulepszona wydajność SEO: Dobrze zaimplementowany przełącznik języka może zwiększyć Twoje SEO wielojęzyczne wysiłki, sprawiając, że Twoja strona będzie bardziej widoczna w wynikach wyszukiwania w różnych językach i regionach. Na przykład sklep elektroniczny z Magento oferuje treści zarówno w języku angielskim, jak i japońskim. Kiedy japońscy użytkownicy szukają produktów w swoim języku, japońskie strony sklepu są bardziej prawdopodobne do pojawienia się w wynikach wyszukiwania, generując więcej ukierunkowanego ruchu.
- Zwiększone współczynniki konwersji: Kiedy odwiedzający mogą zrozumieć szczegóły produktów, zasady i proces zakupu w swoim języku ojczystym, są bardziej skłonni dokończyć transakcje i zostać klientami. Na przykład włoski klient przeglądający międzynarodowy sklep z produktami kosmetycznymi na Magento znajduje opcję przełączenia na włoski. Teraz mogą łatwo zrozumieć składniki produktów, instrukcje użytkowania i zasady dostawy, zwiększając swoją pewność co do zakupu.
Wdrożając te funkcje, sprawiasz, że Twój sklep Magento staje się bardziej dostępny i przyjazny dla różnorodnej, globalnej publiczności, potencjalnie zwiększając ruch na stronie, zaangażowanie i sprzedaż.
Jak skonfigurować przełącznik języka na Magento?
Usługi tłumaczenia stron internetowych na ogół oferują tę funkcjonalność, którą można dostosować do Twoich specyficznych wymagań.
Warto jednak zauważyć, że nie wszystkie usługi tłumaczeniowe zapewniają przełącznik języka, który jest łatwy do dostosowania i przyjazny dla użytkownika. Dlatego wybór automatycznej usługi tłumaczeniowej kompatybilnej z różnymi frameworkami i oferującej elastyczną funkcję przełączania języka jest kluczowy.
Jedną z usług, która wyróżnia się na tle tych kryteriów, jest Linguise. Zapewnia ona funkcję przełączania języka, która jest łatwa do dostosowania i przyjazna dla użytkownika, oraz integruje się bezproblemowo z Magento.
Dzięki wykorzystaniu Linguise płynnej integracji z Magento CMS, możesz łatwo włączyć przełącznik języka do swojej witryny wielojęzycznej. Z Linguise funkcjami i intuicyjnym interfejsem, konfiguracja i utrzymanie przełącznika języka na Twojej Magento stronie staje się znacznie prostsze. W następnej sekcji opisano kroki do instalacji Linguise na wielojęzycznej Magento witrynie i konfiguracji przełącznika języka.
Krok 1: Zarejestruj się na darmowe konto Linguise
Najpierw zarejestruj się na konto Linguise bezpłatnie i skorzystaj z jednomiesięcznego okresu próbnego. Proces rejestracji jest prosty – wystarczy podać adres e-mail, aby utworzyć dane logowania.
Podczas tego okresu próbnego będziesz mieć dostęp do imponujących funkcji Linguise. Po zakończeniu okresu próbnego zostaniesz automatycznie przekierowany do pulpitu Linguise .
Krok 2: Dodawanie domeny witryny Magento
Po pomyślnym utworzeniu Linguise konta, zostaniesz przekierowany do pulpitu. Tam będziesz musiał dodać informacje o domenie swojej witryny. Poszukaj opcji „Dodaj domenę” i kliknij na nią. Następnie zostaniesz przedstawiony z formularzem zawierającym kilka pól do wypełnienia:
- Szczegóły konta
- Adres URL strony internetowej
- Wybór platformy (wybierz Magento)
- Główny język Twojej witryny
- Języki, na które chcesz przetłumaczyć
- Opcja tłumaczenia adresów URL
- Ustawienia tłumaczenia treści dynamicznych
Po wypełnieniu wszystkich niezbędnych informacji kliknij przycisk „Następny krok”.
W następnym etapie będziesz musiał wprowadzić klucz API. Klucz ten zostanie Ci dostarczony i jest niezbędny do procesu konfiguracji.
Krok 3: Prześlij skrypt Linguise
Następny krok polega na dodaniu skryptu tłumaczącego Linguise do Twojego serwera Magento :
- Pobierz skrypt tłumaczeniowy PHP-JS od Linguise.
- Wyodrębnij zawartość pobranego pliku.
- Przenieś wyodrębnione pliki do głównego katalogu Twojej instalacji Magento .
Upewnij się, że:
- Skrypt znajduje się w katalogu najwyższego poziomu Twojej strony internetowej obok Twoich plików Magento .
- Folder zachowuje swoją oryginalną nazwę „linguise”.
Następnie musisz włączyć swój klucz API Linguise do pliku Configuration.php, który właśnie przesłałeś. Otwórz ten plik do edycji, znajdź tekst zastępczy „REPLACE_BY_YOUR_TOKEN” i zastąp go rzeczywistym kluczem API, zachowując go w cudzysłowie.
Krok 4: Skonfiguruj przepisywanie adresów URL dla Magento
Dostęp do Magento panelu administracyjnego i podążaj tą ścieżką przez menu boczne: Sklepy > Ustawienia > Konfiguracja > Ogólne > Sieć > Optymalizacja dla Wyszukiwarek
Gdy już tam będziesz, zlokalizuj i aktywuj opcję „Użyj przepisywania serwera WWW”.
Następnie będziesz musiał ustawić adresy URL specyficzne dla języka w pliku .htaccess. Otwórz domyślny plik .htaccess Magento 2 i znajdź linię, która mówi „RewriteEngine on”. Zaraz po tej linii wstawisz konkretny fragment kodu.
Ta konfiguracja pozwala Magento prawidłowo obsługiwać i kierować żądania dla różnych wersji językowych Twojej strony, ulepszając Twoje ustawienia wielojęzyczne.
Pamiętaj, że modyfikacja pliku .htaccess wymaga dokładnej uwagi, ponieważ nieprawidłowe zmiany mogą wpłynąć na funkcjonalność Twojej strony. Jeśli nie czujesz się komfortowo wprowadzając te zmiany samodzielnie, rozważ zwrócenie się o pomoc do developera zaznajomionego z konfiguracjami 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 dostarczony na końcu konfiguracji strony i umieść go w nagłówku Twojej strony HTML. Przełącznik języka z flagą zostanie następnie załadowany automatycznie.
Możesz znaleźć kod do skopiowania i załadowania w nagłówku swojej strony w Linguise panelu administracyjnym, nawigując do Twoja domena > Ustawienia > Karta > Skrypt PHP.
Ten kod powinien być wstawiony do nagłówka Twojej strony. Magento 2 umożliwia dodawanie treści do nagłówka strony za pomocą ustawień konfiguracyjnych.
W panelu administracyjnym przejdź do Treści > Konfiguracja i edytuj widok domyślnego motywu sklepu. Następnie kliknij sekcję Nagłówek HTML i wklej skopiowany skrypt do pola wprowadzania Skryptów i Arkuszy Stylów. Na koniec zapisz konfigurację.
Przełącznik języka jest początkowo wyświetlany w pływającej pozycji na dole po prawej stronie Twojej witryny. Możesz dostosować jego wygląd i położenie, nawigując do Linguise panelu > Ustawienia > Wyświetlanie flag językowych.
Krok 6: Skonfiguruj główne wyświetlanie
Przełącznik języka pojawia się domyślnie w pływającej pozycji na dole po prawej stronie Twojej witryny. Możesz dostosować jego wygląd i położenie za pomocą Linguise panelu, przechodząc do Ustawienia > Wyświetlanie flag językowych.
Krok 7: Skonfiguruj wygląd flag
Po dostosowaniu ustawień głównych wyświetlania możesz dalej dostosować 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 angielskiej: Jest to przydatne dla języków z wieloma wariantami, takimi 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 dostosować kolor i rozmiar flag za pomocą poniższych ustawień:
- Promień obramowania flagi: Dostosuj promień obramowania dla prostokątnego stylu flagi, mierzony w pikselach.
- Kolor nazwy języka: Wybierz domyślny kolor tekstu dla nazwy języka.
- Kolor tekstu języka w wyskakującym okienku: Ustaw kolor tekstu tytułu języka w obszarze wyskakującym lub rozwijanym.
- Rozmiar flagi: Dostosuj rozmiar ikon flag.
- Kolor nazwy języka po najechaniu: Określ kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na nazwę języka.
- Kolor języka w wyskakującym okienku po najechaniu: Określ kolor tekstu, który pojawia się, gdy użytkownik najedzie kursorem na tytuł języka w obszarze wyskakującym lub rozwijanym.
Krok 9: Ustaw cień pola 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ą myszką na flagi języka.
Po dokonaniu wszystkich niezbędnych korekt, kliknij przycisk Zapisz, aby zastosować zmiany personalizacji. Następnie przejdź do swojej Magento strony internetowej, aby sprawdzić, czy konfiguracja została pomyślnie zastosowana. To da ci wyobrażenie o tym, jak będzie wyświetlany przełącznik języka.
Po zakończeniu konfiguracji możesz zobaczyć przełącznik języka na swojej wielojęzycznej stronie Magento .
Automatycznie przetłumaczymy stronę Magento na inne języki, takie jak hiszpański.
4 strategie ulepszania przełącznika języka na Magento
Po skonfigurowaniu przełącznika języka na swojej Magento witrynie wielojęzycznej musisz zrozumieć optymalne strategie projektowania selektora języka i optymalizacji jego wydajności, aby poprawić swoją witrynę i doświadczenie użytkownika.
Łatwo wdrażaj wskaźniki językowe
Używanie powszechnie rozpoznawalnych symboli lub flag językowych w przełączniku języka jest kluczowe. Umożliwia to odwiedzającym szybkie znalezienie i wybranie preferowanego języka. Wdrożenie znanych symboli tworzy intuicyjne doświadczenie użytkownika, umożliwiając odwiedzającym łatwą nawigację do wersji językowej, której chcą. Kluczem jest wybór globalnie rozpoznawalnych wskaźników, aby zapobiec błędnej interpretacji.
Na przykład wielojęzyczna witryna e-commerce sprzedająca sprzęt sportowy. Ich przełącznik języka może używać kombinacji flag krajowych i skrótów językowych:
- PL (dla Polskiego)
- ES (po hiszpański)
- FR (po francuski)
- DE (po niemiecku)
- JP (po japońsku)
To podejście łączy wskazówki wizualne (flagi) z tekstem (kody języków), ułatwiając użytkownikom z różnych środowisk identyfikację preferowanego języka. Flagi są natychmiast rozpoznawalne, a skróty zapewniają dodatkową przejrzystość.
Na przykład hiszpańskojęzyczny użytkownik może szybko znaleźć hiszpańską flagę i skrót 'ES', co pozwala mu zmienić język witryny na hiszpański jednym kliknięciem. Ta przyjazna dla użytkownika konstrukcja poprawia ogólne wrażenia podczas przeglądania i potencjalnie zwiększa zaangażowanie oraz konwersje na stronie.
Połącz nazwy języków z flagami
Chociaż flagi są atrakcyjne wizualnie, korzystne jest łączenie ich z rodzimymi nazwami języków. Ta strategia pomaga zapobiec nieporozumieniom, zwłaszcza że niektóre języki są używane w wielu krajach z różnymi flagami.
Używanie rzeczywistych nazw języków eliminuje niejasności, zapewniając, że użytkownicy mogą dokładnie zidentyfikować i wybrać preferowany język bez nieporozumień. Ponadto, to podejście promuje inkluzywność i okazuje szacunek dla różnorodności kulturowej.
For example a global news website that caters to a diverse audience. Their language switcher might look like this.
W tym przypadku:
- Użycie flag zapewnia szybkie wskazówki wizualne.
- Nazwy języków są napisane w ich rodzimym piśmie (jak japoński, francuski itp.), co jest natychmiast rozpoznawalne dla użytkowników tego języka.
To podejście jest szczególnie pomocne w przypadku języków takich jak hiszpański czy angielski, którym posługują się w wielu krajach. Na przykład użytkownik z Meksyku lub Argentyny zobaczy „Español”, zamiast wybierać pomiędzy flagami różnych krajów hiszpańskojęzycznych. Podobnie użytkownicy z Wielkiej Brytanii, USA, Australii lub innych krajów anglojęzycznych mogą wszyscy utożsamiać się z „English”, niezależnie od użytej flagi.
Strategicznie ustaw przełącznik języka
Kluczowe jest umieszczenie przełącznika języka w widocznym, łatwo dostępnym miejscu na Twojej stronie internetowej. Typowe i skuteczne lokalizacje obejmują nagłówek, stopkę 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.
Utrzymanie stałej lokalizacji na wszystkich stronach zapewnia, że użytkownicy mogą łatwo uzyskać dostęp do przełącznika języka, niezależnie od punktu wejścia lub bieżącej strony. Ta spójność przyczynia się do płynnego i przewidywalnego doświadczenia użytkownika.
Na przykład międzynarodowa strona hotelowa, która obsługuje globalną publiczność. Mogą one zaimplementować swoją strategię przełączania języka w następujący sposób.
- Umieszczenie 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 zmieniać język w dowolnym momencie podczas przeglądania lub procesu rezerwacji.
- Spójny design: Przełącznik języka pojawia się jako ikona globu, po której następuje bieżący język (np. „🌐 Polski”). Po kliknięciu otwiera menu rozwijane z innymi opcjami językowymi.
- Kopia zapasowa stopki: Stopka zawiera tekstową listę wszystkich dostępnych języków, zapewniając alternatywny punkt dostępu.
To strategiczne rozmieszczenie 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 hotelowe w Tokio może szybko przełączyć witrynę na język francuski, aby lepiej zrozumieć opisy pokoi i warunki rezerwacji, co poprawia komfort użytkowania i potencjalnie zwiększa prawdopodobieństwo dokonania rezerwacji.
Utrzymuj spójność przełącznika języka na wszystkich stronach
Niezwykle istotne jest, aby przełącznik języka zachowywał jednolity wygląd i funkcjonalność na całej stronie internetowej. Użytkownicy powinni mieć możliwość łatwej zmiany języka, niezależnie od aktualnie wyświetlanej strony lub treści. Taka spójność zapewnia bezproblemowe doświadczenie użytkownika i zwiększa dostępność opcji językowych, budując zaufanie i pewność co do wielojęzycznej strony internetowej.
Na przykład globalna platforma e-commerce sprzedająca elektronikę. Oto jak mogą oni wprowadzić spójną strategię przełączania języka.
- Jednolity design:
- Funkcjonalność spójna: Kliknięcie przełącznika języka zawsze otwiera to samo menu rozwijane ze wszystkimi dostępnymi językami, niezależnie od strony.
- Zachowanie zawartości: Gdy użytkownicy przełączają języki, pozostają na tej samej stronie, ale zawartość jest wyświetlana w nowo wybranym języku. Na przykład, jeśli użytkownik przegląda specyfikacje laptopa w języku angielskim i przełącza się na hiszpański, widzi te same szczegóły laptopa, teraz w języku hiszpańskim.
- Struktura URL: Struktura adresu URL zmienia się konsekwentnie podczas przełączania języków. 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 na angielskiej wersji strony decyduje się na przełączenie na język japoński dla lepszego zrozumienia. Klikają ikonę „🌐 EN” w nagłówku, wybierają „日本語” z listy rozwijanej, a strona odświeża się, pokazując te same szczegóły laptopa, ale w języku japońskim. Adres URL zmienia się z „/products/…” na „/ja/製品/…”.
To spójne doświadczenie na wszystkich stronach i funkcjach witryny zapewnia, że użytkownik może pewnie nawigować i kupować w preferowanym języku, potencjalnie zwiększając prawdopodobieństwo dokonania zakupu i powrotu do witryny w przyszłości.
Ustaw przełącznik języka na Magento z Linguise!
Do tej pory powinieneś być świadomy, że konfigurujesz przełącznik języka dla wielojęzycznej strony Magento. Implementacja przełącznika języka może przynieść wiele korzyści i być dostosowana zgodnie z naszymi wytycznymi.
Optymalizacja przełącznika języka może znacznie poprawić ogólne doświadczenie użytkownika na Twojej . Następnym krokiem jest utworzenie konta Linguise, integracja go z Twoją oraz precyzyjne dostrojenie ustawień przełącznika języka. Te działania poprawią doświadczenie użytkownika, sprawiając, że Twoja wielojęzyczna strona e-commerce będzie bardziej dostępna i przyjazna dla użytkownika.
Pamiętaj, że dobrze zaimplementowany przełącznik języka na Twojej platformie Magento może prowadzić do lepszego zaangażowania, zwiększonych konwersji i poprawy zadowolenia klientów na różnych rynkach językowych. Jest to kluczowy element w tworzeniu prawdziwie wielojęzycznej strony internetowej.
