Shopify Taalwisselaar: Verbeter de gebruikerservaring

De taalschakelaar van Shopify is een handige ingebouwde functie voor meertalige webwinkels. Hiermee kunnen klanten je website in hun voorkeurstaal bekijken, waardoor je merk nieuwe internationale markten kan aanboren. Je kunt de functie ook via code aanpassen, zodat deze beter aansluit bij de huisstijl van je merk.

De ingebouwde functie heeft echter wel enkele nadelen, waaronder het ontbreken van automatische omschakeling op basis van geolocatie en beperkte aanpassingsmogelijkheden in vergelijking met oplossingen van derden.

Door een speciale Shopify-vertaalapp te integreren, kunnen winkeleigenaren profiteren van extra functies die de functionaliteit verbeteren, de gebruikersbetrokkenheid vergroten en het daadwerkelijke vertaalwerk uit handen nemen. Onze eigen Shopify-vertaalapp Weglot biedt bijvoorbeeld unieke ontwerp- en plaatsingsopties voor de taalschakelaar, waardoor deze aan elke winkelindeling kan worden aangepast. Bovendien doet de app veel meer dan alleen gebruikers de mogelijkheid bieden om van taal te wisselen. Maar daarover later meer.

In dit artikel laten we je zien hoe je optimaal gebruik kunt maken van de ingebouwde taalkeuzeschakelaar van Shopify, waarna we Weglot Shopify zullen bespreken. We gaan daarbij uitgebreid in op de beste werkwijzen voor het vertalen van je webshop en het bieden van een optimale gebruikerservaring.

Belangrijkste punten

• De ingebouwde taalkeuzeschakelaar van Shopify ondersteunt meerdere talen, maar biedt in vergelijking met apps van derden geen automatische geolocatie en aanpassingsmogelijkheden.
• Weglot automatische websitevertaling en uitgebreide aanpassingsmogelijkheden voor de taalschakelaar. Het maakt ook volledig handmatige bewerking mogelijk en verbetert meertalige SEO door taalspecifieke URL’s aan te maken en hreflang-tags te implementeren.

Shopify-taalkeuzeschakelaar: een overzicht

Laten we om te beginnen eens kijken naar de ingebouwde taalschakelaar van Shopify. Zoals we al zeiden, stelt deze functie winkeleigenaren in staat om meerdere talen te ondersteunen, waardoor de gebruikerservaring (UX) voor internationale klanten natuurlijk wordt verbeterd.

Houd er rekening mee dat de taalkeuzeschakelaar van Shopify de taal niet automatisch detecteert en weergeeft op basis van de voorkeuren van de gebruiker, tenzij er aanvullende aanpassingen of apps worden gebruikt. De standaardfunctionaliteit is voornamelijk bedoeld voor handmatige taalselectie door de gebruiker.

Om de taalkeuzeschakelaar van Shopify in te stellen en aan te passen, moet je de volgende stappen volgen:

1. Ga vanuit je Shopify-beheerderspagina naar Instellingen > Talen en voeg de talen toe die je wilt ondersteunen.
2. Ga naar Onlinewinkel > Thema’s, selecteer je thema en klik op ‘Code bewerken’. Zoek het bestand header.liquid in de map Sections.
3. Zoek een geschikte plek in het bestand header.liquid (meestal in de buurt van het navigatiemenu) en plak het volgende snippet:

<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. Je schakelaar is nu geïnstalleerd. Om deze aan te passen aan de huisstijl van je winkel, kun je aangepaste CSS-regels toevoegen aan het stylesheet van je thema. Indien nodig kun je met behulp van specifieke selectors, zoals select [name=”locale”], voorkomen dat andere select-elementen op een pagina onbedoeld worden opgemaakt.

Hier is een voorbeeld om de achtergrondkleur te wijzigen:

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

En zo kun je het lettertype en de tekstkleur van de schakelaar aanpassen:

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

Je kunt ook hover-effecten toevoegen en de grootte van je randen aanpassen:

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. Klik na het aanbrengen van je wijzigingen op ‘Opslaan’ om ze toe te passen. De taalkeuzeknop zou nu in je winkel moeten verschijnen, conform je instellingen.

Shopify-winkels verbeteren met de taalschakelaar Weglot

Hoewel de ingebouwde taalkeuzeschakelaar van Shopify weliswaar werkt, zijn er speciale Shopify-vertaalapps zoals Weglot bieden meer aanpassingsmogelijkheden, samen met extra vertaalfuncties voor Shopify voor wie de winkelervaring voor zijn internationale klanten echt wil lokaliseren.

In tegenstelling tot de taalkeuzeschakelaar van Shopify vertaalt Weglot 100% van de inhoud van de website vanuit een keuze uit meer dan 110 talen, inclusief afrekenpagina’s, e-mailmeldingen en SEO-metadata, en optimaliseert deze voor zoekmachines.

Met Weglot profiteert uw gehele Shopify-winkel van automatische vertalingen, waardoor uitbreidingsprojecten in een stroomversnelling komen. In vergelijking met het inhuren van afzonderlijke vertalers voor elke taal zorgt de automatisering Weglotervoor dat nieuwe taalversies aanzienlijk sneller op de markt kunnen worden gebracht.

De mogelijkheden Weglotreiken echter verder dan geautomatiseerde vertalingen. Met Weglot krijgt u volledige bewerkingscontrole over de vertaalde inhoud op uw website. Daarnaast kunt u via het platform rechtstreeks professionele vertalers inhuren.

Je kunt ook direct vertalingen genereren die perfect bij je merk passen met het AI-taalmodel Weglot. Dit model leert van je instructies, woordenlijst en eerdere handmatige vertalingen, zodat het je direct contextgevoelige vertalingen biedt die helemaal bij je passen.

Weglot kan Weglot worden geïntegreerd met de bestaande functies van Shopify en populaire apps van derden, waaronder aanpassingsmogelijkheden voor thema’s zoals Dawn en Prestige. Dit bespaart je het gedoe van het beheren van meerdere winkels of handmatige vertalingen, aangezien je naar behoefte talen kunt toevoegen, publiceren, de publicatie ervan intrekken of verwijderen.

Weglot doet meer dan alleen vertalen: meertalige SEO-voordelen vormen de kern van de app. Het platform maakt automatisch subdomeinen of submappen aan voor elke taalversie en implementeert hreflang-tags, waardoor je site wordt geoptimaliseerd voor lokale zoekmachines. Bovendien Weglot onze Visual Editor kunt u vertalingen eenvoudig aanpassen, zodat u ze precies kunt afstemmen op de stijl van uw merk.

En het mooiste is: het instellen van Weglot het aanpassen van je taalschakelaar is binnen enkele ogenblikken gepiept! Laten we eens kijken.

Weglot instellen Weglot je Shopify-winkel

Het instellen van Weglot je Shopify-winkel is heel eenvoudig. Hier volgt een handleiding om je op weg te helpen:

1. Ga eerst naar de Shopify App Store:

• Typ in de zoekbalk Weglot en zoek de Weglot .
• Klik op ‘Installeren’ en volg de instructies om het aan je winkel toe te voegen.

2. Nadat je de app hebt geïnstalleerd, moet je een account aanmaken:

• Open de Weglot vanuit je Shopify-dashboard.
• Voer je e-mailadres in en kies een wachtwoord.

3. Stel je taalinstellingen in:

• Kies vervolgens je oorspronkelijke taal (de taal van je Shopify-winkel).
• Kies vervolgens de doeltalen waarin u uw inhoud wilt laten vertalen.

Nadat je je talen hebt geselecteerd, Weglot automatisch alle inhoud van je webwinkel, inclusief metagegevens en inhoud uit apps van derden. Dankzij de automatische detectie hoef je de inhoud niet handmatig te verzamelen voor vertaling, want Weglot dat allemaal voor je!

Vervolgens wordt uw website direct vertaald met behulp van toonaangevende machinevertaling en weergegeven in taalsubmappen of subdomeinen, afhankelijk van de structuur die u in het Weglot hebt gekozen.

De taalschakelaar Weglot aanpassen: ontwerp- en plaatsingsopties

De taalschakelaar van Weglotbiedt uitgebreide aanpassingsmogelijkheden, zodat je deze kunt afstemmen op de huisstijl van je webwinkel voor een uiterst professioneel eindresultaat. Zo kun je de taalschakelaar aanpassen:

1. Open de editor voor de visuele taalschakelaar: Ga naar je Weglot en ga naar Instellingen > Taalschakelaar.
2. Uiterlijk wijzigen: Kies uit verschillende weergavevormen, zoals vervolgkeuzemenu’s, knoppen of vlaggetjes, om taalopties weer te geven. Bijvoorbeeld: wat tekst
   • Gebruik vlaggen om dingen snel te herkennen.
   • Kies voor knoppen om de weergave meer te laten opvallen.

3. Positie aanpassen: Je kunt de schakelaar op belangrijke plekken plaatsen, zoals in de koptekst, de voettekst of de zijbalk, afhankelijk van wat het beste bij je lay-out past.
4. Kleuren en stijlen aanpassen: Pas de kleuren en stijlen aan in de Weglot , zodat ze aansluiten bij de huisstijl van je winkel.

Belangrijk is dat de taalschakelaar eenvoudig kan worden verplaatst zonder dat er aanpassingen aan het thema nodig zijn, waardoor deze op alle pagina’s van je winkel toegankelijk en gebruiksvriendelijk blijft. Voor geavanceerde plaatsingsopties kun je ons onderstaande gedeelte raadplegen over het oplossen van veelvoorkomende uitdagingen bij de lokalisatie van Shopify-winkels.

Geavanceerde aanpassingen: programmeertips voor ontwikkelaars

Voor ontwikkelaars die hun Shopify-winkels met Weglot willen verbeteren, kan maatwerk de sleutel zijn tot het creëren van een op maat gemaakte meertalige ervaring. Dankzij de flexibiliteit Weglotkunnen ontwikkelaars meertalige ervaringen op maat creëren, terwijl de website gebruiksvriendelijk blijft voor gebruikers zonder technische kennis.

Hier volgen enkele tips voor het programmeren waarmee je rekening kunt houden:

CSS gebruiken om het uiterlijk van de taalschakelaar aan te passen

Ontwikkelaars kunnen stijlelementen zoals de achtergrondkleur, de lettergrootte en de opmaak aanpassen aan de huisstijl van de winkel. Bijvoorbeeld:

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

JavaScript implementeren voor aangepaste functionaliteit

Ontwikkelaars kunnen JavaScript gebruiken om bepaalde acties te activeren wanneer een taal wordt geselecteerd, zoals het bijwerken van andere elementen op de pagina of het bijhouden van taalwijzigingen voor analytische doeleinden. Je zou bijvoorbeeld een gebeurtenislistener kunnen implementeren:

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

Weglot implementeren Weglot naadloze paginaovergangen tussen talen

Een van de belangrijkste functies Weglotis het automatisch aanmaken van taalspecifieke URL’s, zoals example.com/fr voor de Franse versie van uw website. Een degelijke URL-structuur zorgt ervoor dat zoekmachines elke taalversie kunnen indexeren, wat uw inspanningen op het gebied van meertalige SEO ten goede komt.

Weglot klanten Weglot tijdens hun winkelervaring eenvoudig van taal te wisselen, of ze nu door producten bladeren of afrekenen. Wanneer een klant overschakelt van bijvoorbeeld een Engelstalige productpagina naar de (bijvoorbeeld Spaanstalige) tegenhanger daarvan, verloopt dit soepel zonder dat hij zijn plaats in het aankooptraject kwijtraakt. Dergelijke functies kunnen van invloed zijn op belangrijke statistieken zoals de verblijftijd op de site en conversiepercentages, waardoor de klanttevredenheid toeneemt en uiteindelijk wereldwijde groei wordt gestimuleerd.

Om een voorbeeld te geven: Everyone.org – dat Weglot gebruikte Weglot een meertalige website in 12 talen te maken – zag het totale aantal bezoekers met 40% stijgen, waarbij Franstalige gebruikers een conversieratio hadden die bijna het dubbele bedroeg van de gemiddelde conversieratio op de hele site.

Meertalige SEO optimaliseren en de consistentie van pagina’s waarborgen

Meertalige SEO zorgt ervoor dat uw producten vindbaar zijn voor gebruikers die in verschillende talen zoeken, waardoor het online verkeer toeneemt. Een fundamenteel aspect van meertalige SEO is het hebben van een goede URL-structuur, en het gebruik van submappen helpt zoekmachines om pagina’s in verschillende talen te herkennen en te rangschikken.

Hreflang-tags spelen een belangrijke rol in dit proces doordat ze zoekmachines informeren over de taal en de regionale gerichtheid van uw pagina’s. Dit helpt gebruikers naar de meest relevante versie van uw website te leiden.

Vertaalde metagegevens, waaronder titeltags en beschrijvingen, dragen bovendien bij aan een betere zichtbaarheid in zoekresultaten. Weglot een groot deel van het technische SEO-werk, door automatisch taalspecifieke URL’s aan te maken en hreflang-tags te implementeren zonder dat er handmatige tussenkomst nodig is.

Bovendien kunnen winkeleigenaren dankzij Visual Editor het taalwoordenboek Weglotde consistentie van de vertalingen waarborgen.

Om nog een stapje verder te gaan met meertalige SEO, kunnen eigenaren van Shopify-winkels het volgende doen:

• Voer voor elke doelmarkt een lokaal zoekwoordonderzoek uit.
• Zorg ervoor dat alle inhoud, inclusief metagegevens, correct wordt vertaald.
• Controleer vertalingen regelmatig om rekening te houden met veranderingen in taaltrends.

Vergeet niet dat effectieve meertalige SEO kan leiden tot meer kansen op de markt! Na de implementatie Weglot meertalige optimalisatie ontdekte Ron Dorff, een Shopify-winkel, dat er een aanzienlijke vraag bestond vanuit de Duitse markt, die voorheen nog onbenut was gebleven. Door hun content te vertalen en te optimaliseren voor SEO, zagen ze een ongelooflijke stijging van 400% in de internationale omzet.

Veelvoorkomende uitdagingen bij de lokalisatie van Shopify-webwinkels overwinnen

Het lokaliseren van Shopify-winkels brengt een aantal specifieke uitdagingen met zich mee, maar Weglot effectieve oplossingen om dit proces voor u te vergemakkelijken.

Om de positie van de Weglot op een Shopify-website te wijzigen, kun je een van de volgende vier methoden gebruiken:

1. Functie ‘Switcher Editor’

Gebruik de Switcher Editor om de taalschakelaar via slepen en neerzetten rechtstreeks in het live-voorbeeld van je website te plaatsen. Voor deze methode moet je website live zijn.

2. Aan een menu toevoegen

Maak een aangepaste taalschakelaar in je hoofdmenu door deze te koppelen aan Weglot . Ga naar Shopify Admin > Online winkel > Navigatie en voeg menu-items toe voor elke taal in de indelingWeglot(bijv.Weglot voor Engels). Je kunt ook een vervolgkeuzemenu voor talen maken.

3. Optie Weglot

Voeg het volgende snippet op de gewenste plaats snippet je Theme.liquid-bestand snippet :

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

Deze code plaatst de taalschakelaar op de plek waar je de code invoegt, waarmee veelvoorkomende beperkingen bij de plaatsing – die in communityforums aan de orde zijn gekomen – worden verholpen.

4. Schakeloptie

Integreer de schakelaar handmatig door je Weglot in weglot.liquid aan te passen. Voeg de optie `Switchers` toe en geef de CSS-selector op voor de plek waar je de schakelaar wilt weergeven:

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

Zorg ervoor dat je .header-nav vervangt door de CSS-selector van het gewenste element.

Door Weglot te gebruiken, profiteert u bovendien van de volgende voordelen op het gebied van lokalisatie:

• Vertaling van dynamische inhoud: Weglot vertaalt door JavaScript gegenereerde inhoud en via AJAX geladen elementen Weglot , waardoor alle dynamische inhoud wordt vastgelegd en vertaald.
• Meertalige SEO voor Shopify: Weglot de implementatie van hreflang-tags en maakt taalspecifieke sitemaps. Dit vormt een aanvulling op de ingebouwde SEO-functies van Shopify, waardoor zoekmachines gebruikers de juiste taalversie kunnen aanbieden.

• Shopify-specifieke elementen vertalen: Weglot de vertalingen voor je hele winkel, inclusief afrekenpagina’s, e-mailmeldingen en metavelden, en omzeilt daarmee de beperkingen die in de documentatie van Shopify worden beschreven. Terwijl de taal van het afrekenproces bijvoorbeeld doorgaans vastligt, Weglot het afrekenproces de door de gebruiker geselecteerde taal weergeeft.

• Vertaalworkflows optimaliseren: met de vertaalgeheugen- en woordenlijstfuncties Weglotkunt u de consistentie binnen een uitgebreide productcatalogus waarborgen. Zo wordt ervoor gezorgd dat termen op een uniforme manier worden vertaald, waardoor uw merkboodschap in alle talen samenhangend blijft.

Vergelijking tussen Weglot de standaardtaalkeuzeschakelaar van Shopify

Shopify biedt gebruikers de basisfuncties die nodig zijn om hun webwinkels in meerdere talen te vertalen, maar er zijn wel enkele beperkingen.

Weglot daarentegen een uitgebreide vertaaloplossing en pakt de beperkingen van Shopify direct aan. Daardoor is het platform een geschiktere keuze voor gebruikers die op zoek zijn naar een hands-off aanpak voor het beheer van meertalige content.

Taalbarrières overwinnen: implementeer Weglot je Shopify-winkel

Zoals we hebben gezien, Weglot unieke voordelen voor Shopify-webwinkels, waardoor het de ideale oplossing is om taalbarrières online te overwinnen. Met de taalschakelaar Weglotkrijg je extra aanpassingsmogelijkheden om de gebruikerservaring te verbeteren, terwijl de Visual Editor contextgebonden vertalingen Visual Editor , zodat je de inhoud waar nodig kunt verfijnen. Je kunt zelfs rechtstreeks vanuit het dashboard professionele vertalingen aanvragen voor nog meer nauwkeurigheid.

Weglot met populaire Shopify-apps, waaronder slimme zoekfuncties en fotogalerijen, waardoor je winkel in meerdere talen volledig functioneel blijft. Bovendien maakt ons platform taalspecifieke subdomeinen of submappen aan, wat je SEO-inspanningen aanzienlijk versterkt.

Het beste van alles is dat Weglot compatibel Weglot met alle contentmanagementsystemen, wat betekent dat je, als je Shopify verlaat, toch van de voordelen van Weglot kunt blijven profiteren.

Begin vandaag nog met je gratis proefperiode van 10 dagen bij Weglot en geniet binnen enkele minuten van een meertalige website!