Shopify Language Switcher: Vylepšete uživatelský zážitek

Přepínač jazyků Shopify je užitečná nativní funkce pro vícejazyčné obchody. Tato funkce umožňuje zákazníkům prohlížet si váš web v jejich preferovaném jazyce, což vaší značce otevírá nové mezinárodní trhy. Funkci můžete také přizpůsobit pomocí kódu, aby lépe odpovídala estetice vaší značky.

Nativní funkce má však své nevýhody, včetně absence automatického přepínání zeměpisných poloh a omezených možností přizpůsobení ve srovnání s řešeními třetích stran.

Díky integraci specializované překladatelské aplikace Shopify mohou majitelé obchodů využívat další funkce, které zlepšují funkčnost, zvyšují zapojení uživatelů a starají se o samotný překlad. Například naše vlastní překladatelská aplikace Shopify Weglot nabízí jedinečné možnosti designu a umístění přepínače jazyků, díky čemuž se přizpůsobí jakémukoli rozložení obchodu. Navíc umí mnohem víc než jen umožnit uživatelům přepínat jazyky. Ale o tom až později.

V tomto článku vám ukážeme, jak co nejlépe využít nativní přepínač jazyků Shopify, než se pustíme do zkoumání Weglot Shopify, a podrobně popíšeme osvědčené postupy pro překlad vašeho obchodu a zajištění optimálního uživatelského zážitku.

Klíčové body

• Nativní přepínač jazyků Shopify podporuje více jazyků, ale na rozdíl od aplikací třetích stran postrádá automatickou geolokaci a přizpůsobení.
• Weglot automatický překlad webových stránek a rozsáhlé možnosti přizpůsobení pro svůj přepínač jazyků. Umožňuje také plně manuální úpravy a vylepšuje vícejazyčné SEO vytvářením URL adres specifických pro daný jazyk a implementací značek hreflang.

Přepínač jazyků Shopify: přehled

Nejprve se podívejme na vestavěný přepínač jazyků Shopify. Jak jsme již zmínili, tato funkce umožňuje majitelům obchodů podporovat více jazyků, což přirozeně zlepšuje uživatelský zážitek (UX) pro mezinárodní zákazníky.

Nezapomeňte, že přepínač jazyků Shopify bez dalších úprav nebo aplikací automaticky nerozpozná a nezobrazí jazyk na základě preferencí uživatele. Nativní funkce podporuje především ruční výběr jazyka uživatelem.

Chcete-li nastavit a přizpůsobit přepínač jazyků Shopify, postupujte podle těchto kroků:

1. Na stránce správce Shopify přejděte do Nastavení > Jazyky a přidejte jazyky, které chcete podporovat.
2. Přejděte do Online Store > Themes, vyberte téma a klikněte na Edit code. Vyhledejte soubor header.liquid v adresáři Sections.
3. Najděte vhodné místo v souboru header.liquid (obvykle v blízkosti navigačního menu) a vložte následující snippet kódu 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. Nyní je přepínač na svém místě. Chcete-li přizpůsobit design svého obchodu, můžete přidat vlastní pravidla CSS do souboru stylů svého motivu. V případě potřeby můžete pomocí specifických selektorů, jako je select [name="locale"], zabránit nechtěnému stylování ostatních prvků výběru stránky.

Zde je příklad změny barvy pozadí:

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

A zde je návod, jak nastylovat písmo a barvu textu přepínače:

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 */
}

Můžete také přidat efekty při najetí a měnit velikost rámečků:

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 provedení úprav klikněte na tlačítko Uložit, aby se změny projevily. Přepínač jazyků by se nyní měl ve vašem obchodě zobrazit podle vašich preferencí.

Vylepšení obchodů Shopify pomocí přepínače jazyků Weglot

Ačkoli je nativní přepínač jazyků Shopify funkční, specializované překladatelské aplikace Shopify, jako je Weglot nabízejí větší možnosti přizpůsobení a další překladatelské funkce Shopify pro ty, kteří chtějí skutečně lokalizovat zážitek z nakupování pro své mezinárodní zákazníky.

Na rozdíl od přepínače jazyků Shopify Weglot překládá 100 % obsahu webu z více než 110 jazyků, včetně platebních stránek, e-mailových oznámení a metadat SEO, a optimalizuje jej pro vyhledávače.

S Weglot může celý váš obchod Shopify využívat automatický překlad, což urychluje projekty rozšiřování. Ve srovnání s najímáním jednotlivých překladatelů pro každý jazyk automatizace Weglotvýrazně zkracuje dobu uvedení nových jazykových verzí na trh.

Možnosti společnosti Weglotvšak nekončí u automatizovaného překladu. S Weglot získáte úplnou kontrolu nad úpravami přeloženého obsahu na vašem webu. Přímo prostřednictvím platformy si také můžete najmout profesionální překladatele.

Pomocí jazykového modelu AI společnosti Weglot můžete také okamžitě generovat překlady na základě značky. Ten se učí z vašich pokynů, glosáře a historie ručních překladů, aby vám okamžitě poskytl překlady s ohledem na kontext, které znějí jako vy.

Weglot se také integruje se stávajícími funkcemi Shopify a oblíbenými aplikacemi třetích stran, včetně přizpůsobení pro motivy jako Dawn a Prestige. Odpadají tak potíže se správou více obchodů nebo ručními překlady, protože můžete podle potřeby přidávat, publikovat, rušit publikace nebo odstraňovat jazyky.

Weglot se nestará jen o překlady, Weglot výhody vícejazyčného SEO, které jsou základem aplikace. Platforma automaticky vytváří subdomény nebo podadresáře pro každou jazykovou verzi a implementuje tagy hreflang, čímž optimalizuje váš web pro místní vyhledávače. Navíc náš Visual Editor umožňuje snadné přizpůsobení překladů, což umožňuje jemné doladění tak, aby odpovídaly hlasu vaší značky.

A co je nejlepší, nastavení Weglot přizpůsobení přepínače jazyků zvládnete během několika okamžiků! Pojďme se na to podívat.

Nastavení Weglot v obchodě Shopify

Nastavení Weglot v obchodě Shopify je opravdu jednoduché. Zde je průvodce, který vám pomůže začít:

1. Začněte návštěvou obchodu Shopify App Store:

• Do vyhledávacího řádku zadejte Weglot a vyhledejte aplikaci Weglot .
• Klikněte na Instalovat a podle pokynů ji přidejte do svého obchodu.

2. Po instalaci aplikace si musíte nastavit účet:

• Otevřete aplikaci Weglot z ovládacího panelu Shopify.
• Zadejte svou e-mailovou adresu a zvolte si heslo.

3. Nakonfigurujte nastavení jazyka:

• Dále vyberte svůj původní jazyk (jazyk vašeho obchodu Shopify).
• Poté vyberte cílové jazyky, do kterých chcete obsah přeložit.

Po výběru jazyků Weglot automaticky prohledá veškerý obsah vašeho obchodu, včetně metadat a obsahu aplikací třetích stran. Automatická detekce znamená, že nebudete muset ručně shromažďovat obsah pro překlad, protože Weglot to udělá všechno za vás!

Poté se váš web okamžitě přeloží pomocí špičkového strojového překladu a zobrazí se v jazykových podadresářích nebo subdoménách v závislosti na struktuře, kterou jste zvolili na ovládacím panelu Weglot .

Přizpůsobení přepínače jazyků Weglot: možnosti designu a umístění

Jazykový přepínač Weglotnabízí rozsáhlé možnosti přizpůsobení, díky kterým jej můžete přizpůsobit značce vašeho obchodu a dosáhnout tak profesionálního výsledku. Zde je návod, jak jej přizpůsobit:

1. Přejděte do editoru vizuálního přepínače jazyků: Přejděte do Weglot a přejděte do Nastavení > Přepínač jazyků.
2. Změna vzhledu: Pro zobrazení jazykových možností si můžete vybrat z různých formátů, jako jsou rozevírací seznamy, tlačítka nebo příznaky. Například:nějaký text
   • Pro rychlé rozpoznání používejte vlajky.
   • Pro výraznější zobrazení zvolte tlačítka.

3. Nastavení polohy: Přepínač můžete umístit do klíčových oblastí, jako je záhlaví, zápatí nebo postranní panel, podle toho, co nejlépe vyhovuje vašemu rozvržení.
4. Upravte barvy a styly: Upravte barvy a styly v nastavení Weglot tak, aby odpovídaly značce vašeho obchodu.

Důležité je, že přepínač jazyků lze snadno přemístit bez jakýchkoli úprav motivu, takže zůstává přístupný a uživatelsky přívětivý na různých stránkách vašeho obchodu. Pokročilé umístění najdete v části níže s názvem Překonávání běžných problémů při lokalizaci obchodu Shopify.

Pokročilé přizpůsobení: Tipy pro vývojáře

Pro vývojáře, kteří chtějí vylepšit své obchody Shopify pomocí služby Weglot, může být přizpůsobení klíčem k vytvoření vícejazyčného prostředí na míru. Flexibilita systému Weglotdává vývojářům možnost vytvářet vícejazyčné prostředí na míru a zároveň zůstává uživatelsky přívětivá i pro netechnické uživatele.

Zde je několik tipů pro kódování:

Použití CSS pro jemné doladění vzhledu přepínače jazyků

Vývojáři mohou upravit styly, jako je barva pozadí, velikost písma a výplň, aby odpovídaly značce obchodu. Například:

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

Implementace JavaScriptu pro vlastní funkce

Vývojáři mohou pomocí JavaScriptu spouštět konkrétní akce při výběru jazyka, například aktualizovat další prvky na stránce nebo sledovat změny jazyka pro účely analýzy. Můžete například implementovat posluchače událostí:

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);
   });    
 }
});

Implementace Weglot pro plynulé přechody mezi stránkami v různých jazycích

Jednou z klíčových funkcí systému Weglotje automatické vytváření adres URL specifických pro daný jazyk, například example.com/fr pro francouzské verze vašich stránek. Správná struktura adres URL zajišťuje, že vyhledávače mohou indexovat každou jazykovou verzi, což zlepšuje vaše úsilí o vícejazyčnou optimalizaci SEO.

Weglot pomáhá zákazníkům snadno přepínat jazyky během nakupování, ať už při prohlížení produktů nebo při odhlašování. Když zákazník přejde např. z anglické stránky produktu na její (např. španělský) ekvivalent, zažije plynulý přechod, aniž by ztratil své místo v nákupní cestě. Takové funkce mohou ovlivnit klíčové ukazatele, jako je doba strávená na stránce a míra konverze, zlepšit spokojenost zákazníků a v konečném důsledku podpořit globální růst.

Jako příklad uveďme stránku Everyone.org, která využila službu Weglot k vytvoření vícejazyčného webu ve 12 jazycích, a zaznamenala 40% nárůst celkového počtu návštěvníků, přičemž francouzsky mluvící uživatelé konvertovali téměř dvojnásobnou rychlostí oproti průměrné míře konverze na celé stránce.

Optimalizace vícejazyčného SEO a zachování konzistence stránek

Vícejazyčná optimalizace SEO zajistí, že vaše produkty najdou uživatelé, kteří hledají v různých jazycích, a podpoří tak online návštěvnost. Základním aspektem vícejazyčného SEO je správná struktura adres URL a používání podadresářů pomáhá vyhledávačům identifikovat a hodnotit stránky v různých jazycích.

Značky Hreflang hrají v tomto procesu významnou roli, protože informují vyhledávače o jazykovém a regionálním zaměření vašich stránek. To pomáhá nasměrovat uživatele na nejrelevantnější verzi vašich stránek.

Přeložená metadata, včetně názvů a popisů, dále přispívají k lepší viditelnosti ve vyhledávání. Weglot automatizuje velkou část technické práce SEO, automaticky vytváří adresy URL specifické pro daný jazyk a implementuje značky hreflang bez nutnosti ručního zásahu.

Navíc Visual Editor jazykový slovník Weglotumožňují majitelům obchodů udržovat konzistentnost překladů.

Chcete-li dosáhnout vyšší úrovně vícejazyčného SEO, mohou majitelé obchodů Shopify udělat následující kroky:

• Proveďte lokalizovaný průzkum klíčových slov pro každý cílový trh.
• Zajistěte přesný překlad veškerého obsahu včetně metadat.
• Pravidelně revidujte překlady, aby odrážely změny v jazykových trendech.

Nezapomeňte, že efektivní vícejazyčné SEO může vést ke zvýšení tržních příležitostí! Po zavedení vícejazyčné optimalizace Weglot objevil Ron Dorff, obchod Shopify, významnou poptávku z německého trhu, který byl dříve nevyužitý. Díky překladu obsahu a optimalizaci pro SEO zaznamenali neuvěřitelný 400% nárůst mezinárodních prodejů.

Překonávání běžných problémů při lokalizaci obchodu Shopify

Lokalizace obchodů Shopify je spojena s některými jedinečnými výzvami, ale Weglot nabízí účinná řešení, která vám tento proces usnadní.

Chcete-li změnit umístění přepínače Weglot na webu Shopify, můžete použít jednu ze čtyř následujících metod:

1. Funkce editoru přepínačů

Pomocí editoru přepínače můžete přepínač jazyků přetáhnout přímo na živý náhled vaší webové stránky. Tato metoda vyžaduje, aby vaše stránka byla aktivní.

2. Přidání do nabídky

Vytvořte si vlastní přepínač jazyků v hlavním menu tak, že jej propojíte s Weglot . Přejděte do Shopify Admin > Online Store > Navigation, přidejte položky menu pro každý jazyk ve formátuWeglot(např.Weglot pro angličtinu). Můžete také vytvořit rozbalovací menu pro jazyky.

3. Weglot Možnost

Vložte následující snippet kódu snippet souboru Theme.liquid na požadované místo:

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

Tento kód umístí přepínač jazyků na místo, kde kód vložíte, a řeší tak běžná omezení umístění diskutovaná v komunitních fórech.

4. Možnost přepínače

Ručně integrujte přepínač úpravou inicializačního kódu Weglot v souboru weglot.liquid. Zahrňte možnost Přepínače a zadejte cílový selektor CSS pro místo, kde se má přepínač zobrazit:

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

Nezapomeňte nahradit .header-nav selektorem CSS požadovaného prvku.

Používáním aplikace Weglot získáte také následující lokalizační výhody:

• Dynamický překlad obsahu: Weglot efektivně překládá obsah generovaný JavaScriptem a prvky načítané pomocí AJAXu, čímž zajišťuje, že veškerý dynamický obsah je zachycen a přeložen.
• Vícejazyčné SEO pro Shopify: Weglot automatizuje implementaci hreflang tagů a vytváří mapy stránek pro jednotlivé jazyky. To doplňuje vestavěné funkce SEO služby Shopify a umožňuje vyhledávačům zobrazovat uživatelům správnou jazykovou verzi.

• Překlad prvků specifických pro Shopify: Weglot zpracovává překlady pro celý váš obchod, včetně pokladních stránek, e-mailových oznámení a meta polí, čímž překonává omezení uvedená v dokumentaci Shopify. Zatímco například jazyk pokladny je obvykle pevně daný, Weglot umožňuje, aby pokladna odrážela jazyk zvolený uživatelem.

• Optimalizace pracovních postupů překladu: Překladová paměť a glosář Weglotvám pomohou udržet konzistenci napříč rozsáhlým katalogem produktů. To zajišťuje jednotný překlad termínů a jednotnost sdělení vaší značky v různých jazycích.

Porovnání Weglot nativního přepínače jazyků Shopify

Shopify poskytuje uživatelům základní nástroje potřebné k překladu jejich obchodů do více jazyků, ale existují omezení.

Naproti tomu Weglot nabízí komplexní překladatelské řešení a čelí omezením společnosti Shopify. Díky tomu je tato platforma vhodnější volbou pro uživatele, kteří chtějí mít ke správě vícejazyčného obsahu volné ruce.

Překonání jazykových bariér: Implementujte Weglot do svého obchodu Shopify Store

Jak jsme viděli, Weglot jedinečné výhody pro obchody Shopify, což z něj činí ideální řešení pro překonávání jazykových bariér online. S přepínačem jazyků Weglotzískáte další možnosti přizpůsobení, které zlepší uživatelský zážitek, zatímco Visual Editor překlady v kontextu, díky čemuž můžete vylepšit obsah tam, kde je to potřeba. Pro větší přesnost si můžete dokonce objednat profesionální překlady přímo z ovládacího panelu.

Weglot se integruje s oblíbenými aplikacemi Shopify, včetně inteligentních vyhledávacích nástrojů a galerií obrázků, a zajišťuje, že váš obchod zůstane plně funkční ve více jazycích. Naše platforma navíc vytváří jazykově specifické subdomény nebo subadresáře, čímž výrazně zvyšuje vaše úsilí o SEO.

Nejlepší je, že Weglot je kompatibilní se všemi systémy pro správu obsahu, což znamená, že pokud přejdete od Shopify, nemusíte přijít o výhody Weglot.

Spusťte 10denní bezplatnou zkušební verzi Weglot ještě dnes a užijte si vícejazyčné stránky během několika minut!