Shopify språkveksler: Forbedre brukeropplevelsen

Shopifys språkvelger er en nyttig funksjon for flerspråklige butikker. Enheten lar kundene se nettstedet ditt på sitt foretrukne språk, slik at merkevaren din kan nå nye internasjonale markeder. Du kan også tilpasse funksjonen ved hjelp av kode, slik at den er mer i tråd med merkevarens estetikk.

Den opprinnelige funksjonen har imidlertid sine ulemper, inkludert fraværet av automatisk bytting av geolokalisering og begrensede tilpasninger sammenlignet med tredjepartsløsninger.

Ved å integrere en dedikert Shopify-oversettelsesapp kan butikkeiere dra nytte av tilleggsfunksjoner som forbedrer funksjonaliteten, øker brukerengasjementet og tar seg av selve oversettelsesdelen. For eksempel tilbyr vår egen Shopify-oversettelsesapp Weglot unike design- og plasseringsalternativer for språkveksleren, noe som gjør den tilpasningsdyktig til enhver butikklayout. I tillegg gjør den så mye mer enn bare å la brukere bytte språk. Men mer om det senere.

I denne artikkelen viser vi deg hvordan du får mest mulig ut av Shopifys språkvelger før vi utforsker. Weglot på Shopify , med detaljer om beste praksis for å oversette butikken din og gi en optimal brukeropplevelse.

Nøkkelpunkter

• Shopifys språkvelger støtter flere språk, men mangler automatisk geolokalisering og tilpasning sammenlignet med tredjepartsapper.
• Weglot tilbyr automatisk nettstedsoversettelse og omfattende tilpasningsmuligheter for språkvelgeren. Den tillater også fullstendig manuell redigering og forbedrer flerspråklig SEO ved å opprette språkspesifikke URL-er og implementere hreflang-tagger.

Shopify språkveksler: En oversikt

La oss først se på Shopifys innebygde språkvelger. Som vi nevnte, lar denne funksjonen butikkeiere støtte flere språk, slik at det naturlig nok forbedrer brukeropplevelsen (UX) for internasjonale kunder.

Husk at Shopifys språkvelger ikke automatisk oppdager og viser språket basert på brukerpreferanser uten ytterligere tilpasning eller apper. Integrert funksjonalitet støtter primært manuelt språkvalg av brukeren.

For å konfigurere og tilpasse Shopifys språkvelger må du følge disse trinnene:

1. Fra Shopify-administratorsiden din, naviger til Innstillinger > Språk og legg til språkene du vil støtte.
2. Gå til Nettbutikk > Temaer , velg temaet ditt og klikk på Rediger kode . Finn header.liquid-filen i Sections -katalogen.
3. Finn et passende sted i header.liquid-filen (vanligvis nær navigasjonsmenyen) og lim inn følgende Liquid-kode 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. Nå er bryteren din på plass. For å matche butikkens design, kan du legge til tilpassede CSS-regler i stilarket til temaet ditt. Hvis det er nødvendig, kan bruk av spesifikke velgere som velg [name=”locale”] forhindre utilsiktet styling av andre utvalgte elementer på en side.

Her er et eksempel for å endre bakgrunnsfargen:

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

Og her er hvordan du stiler skifterens skrift- og tekstfarge:

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

Du kan også legge til sveveeffekter og endre kantstørrelsene dine:

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. Etter at du har gjort endringene, klikker du på Lagre for å bruke dem. Språkvelgeren skal nå vises i nettbutikken din i henhold til dine preferanser.

Forbedre Shopify-butikker med Weglot Språkveksleren

Selv om den innebygde språkvelgeren i Shopify er funksjonell, tilbyr dedikerte Shopify-oversettelsesapper som Weglot større tilpasningsmuligheter, sammen med ekstra Shopify-oversettelsesfunksjoner for de som ønsker å lokalisere butikkopplevelsen for sine internasjonale kunder.

I motsetning til Shopifys språkvelger, Weglot oversetter automatisk 100 % av innholdet på nettstedet fra et utvalg av over 110 språk, inkludert betalingssider, e-postvarsler og SEO-metadata, og optimaliserer det for søkemotorer .

Med Weglot drar hele Shopify-butikken din nytte av automatisk oversettelse, noe som akselererer ekspansjonsprosjekter. Sammenlignet med å ansette individuelle oversettere for hvert språk, Weglot s automatisering reduserer tiden det tar å markedsføre nye språkversjoner betydelig.

Imidlertid, Weglot s muligheter stopper ikke ved automatisert oversettelse. Med Weglot , får du full kontroll over redigeringen av det oversatte innholdet på nettstedet ditt. Du kan også ansette profesjonelle oversettere direkte gjennom plattformen.

Du kan også generere merkevarebaserte oversettelser umiddelbart med Weglot s AI-språkmodell . Den lærer fra instruksjonene dine, ordlisten og manuell oversettelseshistorikk for å umiddelbart gi deg kontekstbevisste oversettelser som høres ut som deg.

Weglot integreres også med Shopifys eksisterende funksjoner og populære tredjepartsapper, inkludert tilpasning for temaer som Dawn og Prestige . Dette eliminerer bryderiet med å administrere flere butikker eller manuelle oversettelser, ettersom du kan legge til, publisere, avpublisere eller slette språk etter behov.

Weglot tar seg også av mer enn bare oversettelse, med flerspråklige SEO- fordeler i kjernen av appen. Plattformen oppretter automatisk underdomener eller underkataloger for hver språkversjon og implementerer hreflang-tagger, som optimaliserer nettstedet ditt for lokale søkemotorer. I tillegg tillater vår Visual Editor enkel tilpasning av oversettelser, slik at de kan finjusteres for å matche merkevarens stemme.

Best av alt, oppsettet Weglot og tilpasning av språkvelgeren kan gjøres på et øyeblikk! La oss ta en titt.

Oppsett Weglot på Shopify-butikken din

Oppsett Weglot i Shopify-butikken din er veldig enkelt. Her er en veiledning for å komme i gang:

1. Begynn med å besøke Shopify App Store :

• I søkefeltet skriver du Weglot og finner Weglot app.
• Klikk på Installer og følg instruksjonene for å legge den til i butikken din.

2. Etter at du har installert appen, må du sette opp en konto:

• Åpne Weglot appen fra Shopify-dashbordet ditt.
• Skriv inn e-postadressen din og velg et passord.

3. Konfigurer språkinnstillingene dine:

• Deretter velger du originalspråket (språket til Shopify-butikken).
• Deretter velger du målspråkene du vil oversette innholdet ditt til.

Etter at du har valgt språkene dine, Weglot vil automatisk skanne alt innholdet i butikken din, inkludert metadata og innhold fra tredjepartsapper. Automatisk deteksjon betyr at du ikke trenger å samle inn innhold manuelt for oversettelse, ettersom Weglot gjør alt for deg!

Deretter blir nettstedet ditt umiddelbart oversatt ved hjelp av ledende maskinoversettelse og vist under språkunderkataloger eller underdomener, avhengig av strukturen du har valgt i Weglot Dashbord.

Tilpassing Weglot Språkvelger: Design- og plasseringsalternativer

Omfattende tilpasningsmuligheter er tilgjengelige for Weglot s språkvelger, slik at du kan skreddersy den til å passe butikkens merkevarebygging for et superprofesjonelt sluttresultat. Slik tilpasser du den:

1. Få tilgang til redigeringsprogrammet for visuell språkveksler: Gå til din Weglot Dashbord og naviger til Innstillinger > Språkveksler .
2. Endre utseende: Velg mellom ulike formater som rullegardiner, knapper eller flagg for å vise språkalternativer. For eksempel: litt tekst
   • Bruk flagg for rask gjenkjennelse.
   • Velg knapper for en mer fremtredende skjerm.

3. Juster posisjon: Du kan plassere bryteren i nøkkelområder som topptekst, bunntekst eller sidefelt, avhengig av hva som fungerer best for oppsettet ditt.
4. Endre farger og stiler: Tilpass farger og stiler i Weglot innstillinger som samsvarer med butikkens merkevarebygging.

Det er viktig at språkvelgeren enkelt kan flyttes uten endringer i temaet, noe som sikrer at den forblir tilgjengelig og brukervennlig på tvers av forskjellige sider i butikken din. For avansert plassering, se avsnittet vårt nedenfor om å overvinne vanlige utfordringer i Shopify Store-lokalisering.

Avansert tilpasning: Kodetips for utviklere

For utviklere som ønsker å forbedre Shopify-butikkene sine med Weglot , tilpasning kan være nøkkelen til å skape en skreddersydd flerspråklig opplevelse . Weglot s fleksibilitet gir utviklere muligheten til å lage tilpassede flerspråklige opplevelser, samtidig som de forblir brukervennlige for ikke-tekniske brukere.

Her er noen kodetips du bør vurdere:

Bruk av CSS for finjustering av språkvekslerens utseende

Utviklere kan endre stiler som bakgrunnsfarge, skriftstørrelse og utfylling for å matche butikkens merkevarebygging. For eksempel:

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

Implementering av JavaScript for tilpasset funksjonalitet

Utviklere kan bruke JavaScript til å utløse spesifikke handlinger når et språk er valgt, for eksempel å oppdatere andre elementer på siden eller spore språkendringer for analyser. Du kan for eksempel implementere en hendelseslytter:

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

Implementering Weglot for sømløse sideoverganger på tvers av språk

En av Weglot En av hovedfunksjonene er automatisk oppretting av språkspesifikke URL-er, som for eksempel example.com/fr for franske versjoner av nettstedet ditt. En god URL-struktur sikrer at søkemotorer kan indeksere hver språkversjon, noe som forbedrer din flerspråklige SEO-innsats .

Weglot hjelper kunder med å enkelt bytte språk under handleopplevelsen, enten de surfer på produkter eller betaler. Når en kunde bytter fra for eksempel en engelsk produktside til dens (f.eks. spanske) tilsvarende, opplever de en flytende overgang uten å miste sin plass i handlereisen. Slike funksjoner kan påvirke viktige målinger som tid på nettstedet og konverteringsfrekvenser, forbedre kundetilfredsheten og til slutt drive global vekst.

For å gi et eksempel, Everyone.org – som brukte Weglot å lage et flerspråklig nettsted på 12 språk – opplevde en økning på 40 % i totalt antall besøkende , med fransktalende brukere som konverterte med nesten dobbelt så høy konverteringsfrekvens som den gjennomsnittlige konverteringsfrekvensen på nettstedet.

Optimalisering av flerspråklig SEO og opprettholdelse av sidekonsistens

Flerspråklig SEO sikrer at produktene dine kan oppdages av brukere som søker på forskjellige språk, og genererer trafikk på nettet. Et grunnleggende aspekt ved flerspråklig SEO er å ha en riktig URL-struktur, og bruk av underkataloger hjelper søkemotorer med å identifisere og rangere forskjellige språksider.

Hreflang-tagger spiller en betydelig rolle i denne prosessen ved å informere søkemotorer om språket og den regionale målrettingen til sidene dine. Dette hjelper deg med å lede brukerne til den mest relevante versjonen av nettstedet ditt.

Oversatte metadata, inkludert tittelkoder og beskrivelser, bidrar ytterligere til bedre synlighet i søkeresultatene. Weglot automatiserer mye av det tekniske SEO-arbeidet, og oppretter automatisk språkspesifikke URL-er og implementerer hreflang-tagger uten behov for manuell inngripen.

I tillegg, Weglot s Visual Editor og språkordliste lar butikkeiere opprettholde konsistens i oversettelsene.

For å gjøre en ekstra mil med flerspråklig SEO, kan Shopify-butikkeiere gjøre følgende:

• Gjennomfør lokalisert søkeordundersøkelse for hvert målmarked.
• Sørg for at alt innhold, inkludert metadata, er nøyaktig oversatt.
• Gjennomgå oversettelser regelmessig for å gjenspeile endringer i språktrender.

Husk at effektiv flerspråklig SEO kan føre til økte markedsmuligheter! Etter implementering Weglot For flerspråklig optimalisering oppdaget Ron Dorff, en Shopify-butikk, betydelig etterspørsel fra det tyske markedet, som tidligere ikke hadde vært utnyttet. Ved å oversette innholdet sitt og optimalisere for SEO, så de en utrolig økning på 400 % i internasjonalt salg .

Overvinne vanlige utfordringer i Shopify Butikklokalisering

Det å lokalisere Shopify-butikker kommer med noen unike utfordringer, men Weglot tilbyr effektive løsninger som forenkler prosessen.

For å endre posisjonen til Weglot språkvelgeren på et Shopify-nettsted, kan du bruke én av følgende fire metoder:

1. Switcher Editor-funksjon

Bruk språkvelgerredigereren til å dra og slippe språkvelgeren direkte på en forhåndsvisning av nettstedet ditt. Denne metoden krever at nettstedet ditt er aktivt.

2. Legg til i en meny

Opprett en tilpasset språkvelger i hovedmenyen din ved å koble den til Weglot oversettelser. Gå til Shopify Admin > Nettbutikk > Navigasjon , legg til menyelementer for hvert språk ved hjelp av formatet # Weglot -språk (f.eks. # Weglot -en for engelsk). Du kan også opprette en rullegardinmeny for språk.

3. Weglot _here-alternativet

Sett inn følgende kode snippet inn i Theme.liquid-filen din på ønsket sted:

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

Denne koden vil plassere språkvelgeren der du plasserer koden, og dermed ta for seg vanlige plasseringsbegrensninger som diskuteres i fellesskapsfora.

4. Bytteralternativ

Integrer bryteren manuelt ved å endre Weglot initialiseringskode i weglot _switchers.liquid. Inkluder alternativet Switchers og angi mål-CSS-velgeren for hvor du vil at veksleren skal vises:

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

Sørg for å erstatte .header-nav med ønsket elements CSS-velger.

Du får også følgende lokaliseringsfordeler ved å bruke Weglot :

• Dynamisk innholdsoversettelse: Weglot oversetter effektivt JavaScript-generert innhold og AJAX-lastede elementer, og sikrer at alt dynamisk innhold blir fanget opp og oversatt.
• Flerspråklig SEO for Shopify: Weglot automatiserer implementeringen av hreflang-tagger og lager språkspesifikke nettstedskart. Dette utfyller Shopifys innebygde SEO-funksjoner, slik at søkemotorer kan vise brukerne riktig språkversjon.

• Oversettelse av Shopify-spesifikke elementer: Weglot håndterer oversettelser for hele butikken din, inkludert betalingssider, e-postvarsler og metafelt, og overvinner begrensningene som er skissert i Shopifys dokumentasjon . For eksempel, mens betalingsspråket vanligvis er fast, Weglot lar kassen gjenspeile brukerens valgte språk.

• Optimalisering av oversettelsesarbeidsflyter: Weglot s oversettelsesminne og ordlistefunksjoner hjelper deg med å opprettholde konsistens på tvers av en stor produktkatalog. Dette sikrer at termer oversettes ensartet, slik at merkevarebudskapet ditt er sammenhengende på tvers av forskjellige språk.

Sammenligning av Weglot og native Shopify-språkveksler

Shopify gir brukerne de grunnleggende verktøyene som trengs for å oversette butikkene deres til flere språk, men det finnes begrensninger.

I motsetning til dette, Weglot tilbyr en omfattende oversettelsesløsning og møter Shopifys begrensninger fullstendig. Som et resultat er plattformen et mer passende alternativ for brukere som ønsker en uhindret tilnærming til flerspråklig innholdshåndtering.

Overvinn språkbarrierer: Implementer Weglot på Shopify-butikken din

Som vi har sett, Weglot tilbyr unike fordeler for Shopify-butikker, noe som gjør den til den ideelle løsningen for å overvinne språkbarrierer på nett. Weglot s språkveksler får du flere tilpasninger for å forbedre brukeropplevelsen, mens Visual Editor muliggjør kontekstbaserte oversettelser, slik at du kan forbedre innhold der det er nødvendig. Du kan til og med bestille profesjonelle oversettelser direkte fra dashbordet for større nøyaktighet.

Weglot integreres med populære Shopify-apper, inkludert smarte søkeverktøy og bildegallerier , noe som sikrer at butikken din forblir fullt funksjonell på flere språk. I tillegg oppretter plattformen vår språkspesifikke underdomener eller underkataloger , noe som forbedrer SEO-innsatsen din betydelig.

Best av alt, Weglot er kompatibel med alle innholdsstyringssystemer, noe som betyr at hvis du flytter fra Shopify, trenger du ikke å miste fordelene med Weglot .

Start din 10-dagers gratis prøveperiode med Weglot i dag, og nyt et flerspråklig nettsted på få minutter!