Przełącznik języka Shopify: poprawa komfortu użytkowania

Przełącznik języka Shopify to przydatna funkcja natywna dla sklepów wielojęzycznych. Urządzenie to pozwala klientom przeglądać Twoją witrynę w preferowanym języku, umożliwiając Twojej marce wejście na nowe rynki międzynarodowe. Możesz również dostosować tę funkcję za pomocą kodu, aby była bardziej zgodna z estetyką Twojej marki.

Natywna funkcja ma jednak swoje wady, w tym brak automatycznego przełączania geolokalizacji i ograniczone możliwości dostosowywania w porównaniu z rozwiązaniami innych firm.

Dzięki zintegrowaniu dedykowanej aplikacji tłumaczeniowej Shopify właściciele sklepów mogą korzystać z dodatkowych funkcji, które poprawiają funkcjonalność, zwiększają zaangażowanie użytkowników i zajmują się samym tłumaczeniem. Na przykład nasza własna aplikacja tłumaczeniowa Shopify Weglot oferuje unikalne opcje projektowania i rozmieszczenia przełącznika języków, dzięki czemu można ją dostosować do każdego układu sklepu. Ponadto oferuje znacznie więcej niż tylko możliwość przełączania języków przez użytkowników. Ale o tym później.

W tym artykule pokażemy Ci, jak najlepiej wykorzystać natywny przełącznik języków Shopify, a następnie omówimy Weglot Shopify, przedstawiając najlepsze praktyki dotyczące tłumaczenia Twojego sklepu i zapewniania optymalnego doświadczenia użytkownika.

Kluczowe punkty

• Natywny przełącznik języka Shopify obsługuje wiele języków, ale w porównaniu z aplikacjami innych firm nie oferuje automatycznej geolokalizacji i dostosowywania.
• Weglot automatyczne tłumaczenie stron internetowych oraz szerokie możliwości dostosowania przełącznika języków. Umożliwia również pełną edycję ręczną i poprawia wielojęzyczne SEO poprzez tworzenie adresów URL dostosowanych do konkretnego języka oraz wdrażanie tagów hreflang.

Przełącznik języka Shopify: przegląd

Na początek przyjrzyjmy się wbudowanemu przełącznikowi języków Shopify. Jak już wspomnieliśmy, funkcja ta pozwala właścicielom sklepów obsługiwać wiele języków, co w naturalny sposób poprawia komfort użytkowania (UX) dla klientów międzynarodowych.

Pamiętaj, że przełącznik języka Shopify nie wykrywa automatycznie i nie wyświetla języka na podstawie preferencji użytkownika bez dodatkowej personalizacji lub aplikacji. Natywna funkcjonalność obsługuje przede wszystkim ręczny wybór języka przez użytkownika.

Aby skonfigurować i dostosować przełącznik języka Shopify, należy wykonać następujące czynności:

1. Na stronie administracyjnej Shopify przejdź do sekcji Ustawienia > Języki i dodaj języki, które chcesz obsługiwać.
2. Przejdź do Sklep online > Motywy, wybierz motyw i kliknij Edytuj kod. Znajdź plik header.liquid w katalogu Sections.
3. Znajdź odpowiednie miejsce w pliku header.liquid (zwykle w pobliżu menu nawigacyjnego) i wklej następujący snippet kodu Liquid:

<form action="{{ routes.root_url }}" method="get">  
 <select name="locale" onchange="this.form.submit()">    
  {% for locale in localization.available_locales %}      
   <option value="{{ locale | escape }}" {% if locale == localization.current_locale %}selected{% endif %}>        
    {{ locale.name }}      
   </option>    
  {% endfor %}  
 </select>
</form>

4. Teraz przełącznik jest na swoim miejscu. Aby dopasować go do projektu sklepu, możesz dodać niestandardowe reguły CSS w arkuszu stylów szablonu. W razie potrzeby użycie określonych selektorów, takich jak select [name="locale"], może zapobiec niezamierzonemu stylizowaniu innych wybranych elementów strony.

Oto przykład zmiany koloru tła:

select {    
background-color: #fff;    
 border: 1px solid #ccc;    
 padding: 5px;
}

A oto jak stylizować czcionkę i kolor tekstu przełącznika:

select {    
font-family: 'Arial', sans-serif; /* Change font type */    
 font-size: 16px; /* Set font size */    
 color: #333; /* Text color */
}

select option {    
background-color: #f9f9f9; /* Background color for options */    
 color: #555; /* Text color for options */
}

Możesz także dodać efekty najechania kursorem i zmienić rozmiary obramowania:

select {    
border-radius: 5px; /* Rounded corners */    
 border: 2px solid #007bff; /* Blue border */}

select:hover {    
border-color: #0056b3; /* Darker blue on hover */    
background-color: #e9ecef; /* Light gray background on hover */
}

5. Po wprowadzeniu zmian kliknij przycisk Zapisz, aby je zastosować. Przełącznik języka powinien teraz pojawić się w Twoim sklepie zgodnie z Twoimi preferencjami.

Ulepszanie sklepów Shopify dzięki przełącznikowi języków Weglot

Chociaż natywny przełącznik języków Shopify jest funkcjonalny, dedykowane aplikacje do tłumaczenia Shopify, takie jak Weglot oferują większe możliwości dostosowania, a także dodatkowe funkcje tłumaczeniowe Shopify dla tych, którzy chcą naprawdę zlokalizować doświadczenia sklepu dla swoich międzynarodowych klientów.

W przeciwieństwie do przełącznika języków Shopify, Weglot tłumaczy 100% treści witryny z ponad 110 języków, w tym strony płatności, powiadomienia e-mailowe i metadane SEO, optymalizując ją pod kątem wyszukiwarek.

Dzięki Weglot cały sklep Shopify korzysta z automatycznego tłumaczenia, przyspieszając projekty ekspansji. W porównaniu do zatrudniania indywidualnych tłumaczy dla każdego języka, automatyzacja Weglotznacznie skraca czas wprowadzania na rynek nowych wersji językowych.

Jednak możliwości Weglotnie kończą się na automatycznym tłumaczeniu. Dzięki Weglot masz pełną kontrolę nad edycją przetłumaczonych treści na swojej stronie. Możesz także zatrudnić profesjonalnych tłumaczy bezpośrednio za pośrednictwem platformy.

Możesz także natychmiast generować tłumaczenia zgodne z marką dzięki modelowi językowemu AI Weglot. Uczy się on na podstawie Twoich instrukcji, glosariusza i historii tłumaczeń ręcznych, aby natychmiast zapewnić Ci tłumaczenia kontekstowe, które brzmią jak Ty.

Weglot integruje się również z istniejącymi funkcjami Shopify i popularnymi aplikacjami innych firm, w tym z dostosowywaniem motywów, takich jak Dawn i Prestige. Eliminuje to kłopoty związane z zarządzaniem wieloma sklepami lub ręcznymi tłumaczeniami, ponieważ można dodawać, publikować, cofać publikację lub usuwać języki w razie potrzeby.

Weglot zajmuje się nie tylko tłumaczeniami, Weglot wielojęzycznym pozycjonowaniem stron internetowych, które stanowi podstawę działania aplikacji. Platforma automatycznie tworzy subdomeny lub podkatalogi dla każdej wersji językowej i implementuje tagi hreflang, optymalizując witrynę pod kątem lokalnych wyszukiwarek. Ponadto nasz Visual Editor umożliwia łatwą personalizację tłumaczeń, umożliwiając dostosowanie ich do stylu Twojej marki.

A co najlepsze, skonfigurowanie Weglot dostosowanie przełącznika języków zajmuje tylko chwilę! Zobaczmy, jak to zrobić.

Konfiguracja Weglot w sklepie Shopify

Konfiguracja Weglot w sklepie Shopify jest naprawdę prosta. Oto przewodnik, który pomoże Ci zacząć:

1. Rozpocznij od odwiedzenia sklepu Shopify App Store:

• W pasku wyszukiwania wpisz Weglot i znajdź aplikację Weglot .
• Kliknij Zainstaluj i postępuj zgodnie z instrukcjami, aby dodać ją do swojego sklepu.

2. Po zainstalowaniu aplikacji należy skonfigurować konto:

• Otwórz aplikację Weglot z pulpitu nawigacyjnego Shopify.
• Wprowadź swój adres e-mail i wybierz hasło.

3. Skonfiguruj ustawienia języka:

• Następnie wybierz oryginalny język (język sklepu Shopify).
• Następnie wybierz języki docelowe, na które chcesz przetłumaczyć swoje treści.

Po wybraniu języków Weglot automatycznie przeskanuje całą zawartość sklepu, w tym metadane i treści z aplikacji innych firm. Automatyczne wykrywanie oznacza, że nie będziesz musiał ręcznie zbierać treści do tłumaczenia, ponieważ Weglot zrobi to wszystko za Ciebie!

Następnie witryna jest natychmiast tłumaczona przy użyciu wiodącego tłumaczenia maszynowego i wyświetlana w podkatalogach językowych lub subdomenach, w zależności od struktury wybranej w Weglot Dashboard.

Dostosowywanie przełącznika języków Weglot: opcje projektu i umiejscowienia

Przełącznik języków Weglotoferuje szerokie możliwości dostosowania, dzięki czemu można go dopasować do wizerunku marki Twojego sklepu, uzyskując niezwykle profesjonalny efekt końcowy. Oto jak go dostosować:

1. Dostęp do edytora wizualnego przełącznika języków: Przejdź do Weglot i przejdź do Ustawienia > Przełącznik języków.
2. Zmiana wyglądu: Wybieraj spośród różnych formatów, takich jak listy rozwijane, przyciski lub flagi, aby wyświetlać opcje językowe. Na przykład: jakiś tekst
   • Używaj flag do szybkiego rozpoznawania.
   • Wybierz przyciski, aby uzyskać bardziej widoczny wyświetlacz.

3. Dostosuj pozycję: Możesz umieścić przełącznik w kluczowych obszarach, takich jak nagłówek, stopka lub pasek boczny, w zależności od tego, co najlepiej pasuje do Twojego układu.
4. Modyfikowanie kolorów i stylów: Dostosuj kolory i style w ustawieniach Weglot , aby dopasować je do marki swojego sklepu.

Co ważne, przełącznik języka można łatwo zmienić bez żadnych modyfikacji motywu, dzięki czemu pozostaje on dostępny i przyjazny dla użytkownika na różnych stronach Twojego sklepu. Aby uzyskać informacje na temat zaawansowanego rozmieszczenia, zapoznaj się z sekcją poniżej, zatytułowaną „Pokonywanie typowych wyzwań związanych z lokalizacją sklepu Shopify”.

Zaawansowana personalizacja: Wskazówki dotyczące kodowania dla programistów

Dla deweloperów, którzy chcą ulepszyć swoje sklepy Shopify za pomocą Weglot, dostosowanie może być kluczem do stworzenia dostosowanego wielojęzycznego doświadczenia. Elastyczność Weglotdaje programistom możliwość tworzenia niestandardowych wielojęzycznych doświadczeń, pozostając jednocześnie przyjaznym dla użytkowników nietechnicznych.

Oto kilka wskazówek dotyczących kodowania:

Wykorzystanie CSS do precyzyjnego dostosowania wyglądu przełącznika języków

Programiści mogą modyfikować style, takie jak kolor tła, rozmiar czcionki i wypełnienie, aby dopasować je do marki sklepu. Na przykład:

select {    
background-color: #f0f0f0;    
 border: 2px solid #007bff;    
 border-radius: 5px;    
 padding: 10px;
}

Implementacja JavaScript dla niestandardowej funkcjonalności

Programiści mogą używać JavaScript do wyzwalania określonych działań po wybraniu języka, takich jak aktualizowanie innych elementów na stronie lub śledzenie zmian języka do celów analitycznych. Można na przykład zaimplementować detektor zdarzeń:

document.addEventListener('DOMContentLoaded', function() {
var languageSelector = document.querySelector('select[name="locale"]');    
 if (languageSelector) {        
  languageSelector.addEventListener('change', function(event) {            
    // Custom functionality here            
     // For example, track language change event            
     console.log('Language changed to: ' + event.target.value);
   });    
 }
});

Implementacja Weglot dla płynnych przejść między językami

Jedną z kluczowych funkcji Weglotjest automatyczne tworzenie adresów URL specyficznych dla danego języka, takich jak example.com/fr dla francuskich wersji witryny. Prawidłowa struktura adresów URL zapewnia, że wyszukiwarki mogą indeksować każdą wersję językową, poprawiając wielojęzyczne działania SEO.

Weglot pomaga klientom łatwo przełączać języki podczas zakupów, zarówno podczas przeglądania produktów, jak i dokonywania płatności. Gdy klient przełącza się z np. angielskiej strony produktu na jej (np. hiszpański) odpowiednik, doświadcza płynnego przejścia bez utraty swojego miejsca w podróży zakupowej. Takie funkcje mogą wpływać na kluczowe wskaźniki, takie jak czas spędzony na stronie i współczynniki konwersji, poprawiając zadowolenie klientów i ostatecznie napędzając globalny wzrost.

Aby dać przykład, Everyone.org - który wykorzystał Weglot do stworzenia wielojęzycznej strony internetowej w 12 językach - odnotował 40% wzrost całkowitej liczby odwiedzających, a francuskojęzyczni użytkownicy konwertowali prawie dwukrotnie więcej niż średni współczynnik konwersji w całej witrynie.

Optymalizacja wielojęzycznego SEO i utrzymanie spójności strony

Wielojęzyczne SEO zapewnia, że Twoje produkty są wykrywalne przez użytkowników wyszukujących w różnych językach, co zwiększa ruch online. Podstawowym aspektem wielojęzycznego SEO jest posiadanie odpowiedniej struktury adresów URL, a korzystanie z podkatalogów pomaga wyszukiwarkom identyfikować i klasyfikować strony w różnych językach.

Znaczniki Hreflang odgrywają znaczącą rolę w tym procesie, informując wyszukiwarki o języku i regionalnym ukierunkowaniu stron. Pomaga to skierować użytkowników do najbardziej odpowiedniej wersji witryny.

Przetłumaczone metadane, w tym tagi tytułowe i opisy, dodatkowo przyczyniają się do lepszej widoczności w wyszukiwarkach. Weglot automatyzuje większość technicznych prac SEO, automatycznie tworząc adresy URL specyficzne dla języka i wdrażając tagi hreflang bez konieczności ręcznej interwencji.

Ponadto Visual Editor Weglot Visual Editor słownik językowy pozwalają właścicielom sklepów zachować spójność tłumaczeń.

Aby pójść o krok dalej z wielojęzycznym SEO, właściciele sklepów Shopify mogą wykonać następujące czynności:

• Przeprowadź badania lokalnych słów kluczowych dla każdego rynku docelowego.
• Upewnij się, że cała zawartość, w tym metadane, jest dokładnie przetłumaczona.
• Regularny przegląd tłumaczeń w celu odzwierciedlenia zmian w trendach językowych.

Pamiętaj, że skuteczne wielojęzyczne SEO może prowadzić do zwiększenia możliwości rynkowych! Po wdrożeniu Weglot do wielojęzycznej optymalizacji, Ron Dorff, sklep Shopify, odkrył znaczny popyt na rynku niemieckim, który wcześniej był niewykorzystany. Tłumacząc swoje treści i optymalizując je pod kątem SEO, zaobserwowano niesamowity 400% wzrost sprzedaży międzynarodowej.

Pokonywanie typowych wyzwań związanych z lokalizacją sklepu Shopify

Lokalizacja sklepów Shopify wiąże się z pewnymi wyjątkowymi wyzwaniami, ale Weglot oferuje skuteczne rozwiązania, które ułatwią Ci ten proces.

Aby zmienić położenie przełącznika Weglot na stronie Shopify, możesz skorzystać z jednej z czterech poniższych metod:

1. Funkcja edytora przełączników

Skorzystaj z edytora przełącznika, aby przeciągnąć i upuścić przełącznik języka bezpośrednio na podgląd na żywo swojej witryny internetowej. Ta metoda wymaga, aby Twoja witryna była aktywna.

2. Dodaj do menu

Utwórz niestandardowy przełącznik języka w menu głównym, łącząc go z Weglot . Przejdź do Shopify Admin > Sklep internetowy > Nawigacja, dodaj pozycje menu dla każdego języka, używając formatuWeglot(np.Weglot dla języka angielskiego). Możesz również utworzyć menu rozwijane dla języków.

3. Opcja Weglot

Wstaw poniższy snippet kodu snippet pliku Theme.liquid w wybranym miejscu:

<div id="weglot_here"></div>

Ten kod umieści przełącznik języka w miejscu, w którym umieścisz kod, rozwiązując typowe ograniczenia dotyczące umiejscowienia omawiane na forach społecznościowych.

4. Opcja przełącznika

Ręcznie zintegruj przełącznik, modyfikując kod inicjalizacyjny Weglot w weglot.liquid. Dołącz opcję Switchers i określ docelowy selektor CSS dla miejsca, w którym ma pojawić się przełącznik:

Weglot.initialize({  
api_key: "YOUR_API_KEY",  
 switchers: [{     
  location: { target: ".header-nav" }   
 }]
});

Pamiętaj, aby zastąpić .header-nav selektorem CSS żądanego elementu.

Korzystanie z Weglot przynosi również następujące korzyści lokalizacyjne:

• Dynamiczne tłumaczenie treści: Weglot skutecznie tłumaczy zawartość generowaną przez JavaScript i elementy ładowane przez AJAX, zapewniając, że cała dynamiczna zawartość jest przechwytywana i tłumaczona.
• Wielojęzyczne SEO dla Shopify: Weglot automatyzuje wdrażanie tagów hreflang i tworzy mapy witryn dostosowane do języka. Uzupełnia to wbudowane funkcje SEO Shopify, umożliwiając wyszukiwarkom wyświetlanie użytkownikom prawidłowej wersji językowej.

• Tłumaczenie elementów specyficznych dla Shopify: Weglot obsługuje tłumaczenia dla całego sklepu, w tym stron kasy, powiadomień e-mail i pól meta, pokonując ograniczenia określone w dokumentacji Shopify. Na przykład, podczas gdy język kasy jest zazwyczaj stały, Weglot pozwala na odzwierciedlenie wybranego przez użytkownika języka.

• Optymalizacja procesów tłumaczeniowych: Pamięć tłumaczeniowa Wegloti funkcje glosariusza pomagają zachować spójność w dużym katalogu produktów. Gwarantuje to, że terminy są jednolicie tłumaczone, zapewniając spójność przekazu marki w różnych językach.

Porównanie Weglot natywnego przełącznika języków Shopify

Shopify zapewnia użytkownikom podstawowe narzędzia potrzebne do tłumaczenia ich sklepów na wiele języków, ale istnieją pewne ograniczenia.

Weglot oferuje kompleksowe rozwiązanie tłumaczeniowe i wychodzi naprzeciw ograniczeniom Shopify. W rezultacie platforma ta jest bardziej odpowiednią opcją dla użytkowników, którzy chcą ręcznego podejścia do wielojęzycznego zarządzania treścią.

Pokonaj bariery językowe: Zaimplementuj Weglot w swoim sklepie Shopify

Jak widzieliśmy, Weglot wyjątkowe korzyści dla sklepów Shopify, co czyni go idealnym rozwiązaniem do pokonywania barier językowych w Internecie. Dzięki przełącznikowi języków Weglotzyskujesz dodatkowe możliwości dostosowywania, które poprawiają komfort użytkowania, a Visual Editor tłumaczenia w kontekście, pozwalając na udoskonalanie treści tam, gdzie jest to konieczne. Możesz nawet zamawiać profesjonalne tłumaczenia bezpośrednio z pulpitu nawigacyjnego, aby uzyskać większą dokładność.

Weglot integruje się z popularnymi aplikacjami Shopify, w tym z inteligentnymi narzędziami wyszukiwania i galeriami obrazów, zapewniając pełną funkcjonalność sklepu w wielu językach. Ponadto nasza platforma tworzy subdomeny lub podkatalogi specyficzne dla danego języka, znacznie zwiększając wysiłki SEO.

Co najlepsze, Weglot jest kompatybilny ze wszystkimi systemami zarządzania treścią, co oznacza, że jeśli odejdziesz od Shopify, nie musisz tracić korzyści płynących z Weglot.

Rozpocznij 10-dniowy darmowy okres próbny z Weglot już dziś i ciesz się wielojęzyczną stroną w kilka minut!