Shopify-språkväljare: Så här lägger du till och anpassar den

Shopifys språkomkopplare är en användbar inbyggd funktion för flerspråkiga butiker. Funktionen gör det möjligt för kunderna att visa din webbplats på sitt önskade språk, vilket gör att ditt varumärke kan nå ut till nya internationella marknader. Du kan också anpassa funktionen med hjälp av kod, så att den bättre passar ditt varumärkes estetik.

Den inbyggda funktionen har dock sina nackdelar, bland annat begränsade anpassningsmöjligheter jämfört med lösningar från tredjepartsleverantörer.

Genom att integrera en dedikerad Shopify-översättningsapp kan butiksägare dra nytta av ytterligare funktioner som förbättrar funktionaliteten, ökar användarengagemanget och sköter själva översättningen. Vår egen Shopify-översättningsapp Weglot erbjuder till exempel unika design- och placeringsalternativ för sin språkomkopplare, vilket gör den anpassningsbar till alla butikslayouter. Dessutom gör den så mycket mer än bara låter användarna byta språk. Men mer om det senare.

I den här artikeln visar vi dig hur du får ut mesta möjliga av Shopifys inbyggda språkomkopplare innan vi utforskar Weglot Shopify, med detaljerade beskrivningar av bästa praxis för att översätta din butik och erbjuda en optimal användarupplevelse.

Viktiga punkter

• Shopifys inbyggda språkväljare stöder flera språk, men erbjuder begränsade anpassningsmöjligheter jämfört med appar från tredje part.
• Weglot automatisk översättning av webbplatser och omfattande anpassningsalternativ för sin språkväljare. Det möjliggör också helt manuell redigering och förbättrar flerspråkig SEO genom att skapa språkspecifika URL:er och implementera hreflang-taggar.

Shopify-språkväljare: Översikt och inställningar

Först ska vi titta på Shopifys inbyggda språkomkopplare. Som vi nämnde tidigare gör den här funktionen det möjligt för butiksägare att stödja flera språk, vilket naturligtvis förbättrar användarupplevelsen (UX) för internationella kunder.

Både manuell språkväljning och automatisk språkomdirigering baserad på besökarnas webbläsarinställningar stöds. Du kan aktivera automatisk språkomdirigering baserad på besökarnas webbläsarinställningar under Webbutik > Inställningar > Automatisk omdirigering > Språk, förutsatt att du har publicerat de relevanta språken och gjort dem tillgängliga på dina målmarknader.

Om den inbyggda omkopplaren uppfyller dina behov, så här gör du för att ställa in den.

Konfigurera språk och översättningsmetoder

Innan språkväljaren ens visas måste din Shopify-butik faktiskt erbjuda fler än ett språk. Om du redan har ställt in dina översättningar kan du gärna hoppa vidare till nästa avsnitt. Annars kan du läsa här hur du kommer igång…

Gå till Inställningar > Språk > Lägg till språk. Välj bland över 20 alternativ som stöds, med allt från spanska till japanska tillgängligt. Kom ihåg att du måste klicka på Publicera bredvid varje språk för att översättningarna ska bli live för kunderna. Om du missar det här steget kommer din nya switcher inte att ha något att byta.

Shopifys inbyggda app ”Translate & Adapt” är ett alternativ för en flerspråkig butik. Den översätter automatiskt ditt huvudinnehåll till två språk helt gratis (åtta om din butik är baserad i Storbritannien, Schweiz eller något av de tio EU-länderna), direkt från avsnittet Inställningar > Appar efter att du har lagt till dina språk.

För att hantera översättningar i bulk kan du exportera webbplatsens språkdata som en CSV-fil från Inställningar > Språk > Exportera. Redigera översättningarna i bulk och importera dem sedan igen – det viktigaste är att aldrig ändra Liquid-koden inuti de här krökta parenteserna {{ }} eller {% %}. Det är Shopifys temamotor, inte vanlig text.

Om du föredrar fullständig manuell kontroll kan butiker med Shopify hantera upp till 20 språk (30 med Shopify Plus). Gå till Inställningar > Språk > Åtgärder > Beställ översättningar för att beställa professionella översättningstjänster direkt från din Shopify-kontrollpanel.

När dina språk har publicerats och översättningarna har tillämpats är du redo att ta itu med switchen.

Hitta och konfigurera den inbyggda switchen i ditt tema

Shopifys inbyggda språkväljare finns vanligtvis i temaredigeraren, under avsnittet ”Header ” eller ”Footer ”. Den exakta placeringen och anpassningsalternativen beror på vilket tema du använder och vilken version du har.

Prova följande steg:

1. I Shopify Admin går du till Webbutik > Teman > Redigera tema.
2. Öppna avsnittet ”Sidhuvud” eller ”Sidfot”, beroende på var du vill att växlaren ska visas.
3. Leta efter en inställning som till exempel ”Aktivera språkväljare”, ”Visa språkväljare” eller ”Lokalisering”.
4. Aktivera väljaren och klicka på Spara.

När din butik har flera publicerade språk tillgängliga på kundens marknad bör språkväljaren visa de tillgängliga språkalternativen.

Shopifys kostnadsfria teman, däribland Dawn, Craft, Refresh, Sense och Studio, stöder språkväljare både i sidhuvudet och sidfoten i de aktuella versionerna. Kostnadsfria Online Store 2.0-teman från version 9.0.0 och framåt, liksom teman i Horizon-familjen, stöder placering i sidhuvudet utan extra kod.

För premiumteman varierar placeringsalternativen. Impulse har till exempel språkväljare i verktygsfältet i sidhuvudet och i sidfoten, medan andra teman kan ha andra inställningar eller placeringar. Kolla i dokumentationen från temautvecklaren om du inte hittar alternativet.

Äldre teman kan ha färre anpassningsalternativ. Om ditt tema inte stöder den placering du föredrar kan du behöva redigera dess Liquid-mallar, byta till ett nyare tema eller använda en översättningsapp med egna inställningar för placering.

Hur språkväljaren ser ut beror också på vilket tema du använder. Inbyggda språkväljare visar vanligtvis språknamn och anpassar sig efter din butiks typsnitt, färger och utformning. Vissa teman erbjuder ytterligare designinställningar, medan mer omfattande anpassningar kan kräva CSS.

Kontrollera också mobilversionen med hjälp av Shopifys temaförhandsgranskning. Beroende på vilket tema du använder kan växlingsknappen visas i sidfoten, sidhuvudet eller mobilnavigeringsmenyn. Se till att kunderna enkelt kan hitta och använda den på mindre skärmar, och placera land-/regionväljaren i närheten om du visar båda.

Hur lägger jag till en språkväljare i min Shopify-header?

Du kan lägga till en språkväljare i din Shopify-sidhuvud via temats inbyggda inställningar eller använda Switcher Editor på Weglot för att placera en anpassningsbar språkväljare utan att behöva redigera temakoden.

För att lägga till Shopifys inbyggda språkväljare, enligt beskrivningen ovan, går du till Shopify Admin > Onlinebutik > Teman > Redigera tema, öppnar avsnittet Sidhuvud, letar efter ”Aktivera språkväljare” eller en liknande inställning, aktiverar språkväljaren och klickar sedan på Spara.

Om du använder Weglot öppnar du Weglot Dashboard > Inställningar > Språkväljare > Redigerare för språkväljare. Dra språkväljaren till önskad plats i sidhuvudet och klicka på Spara. Välj ett område som visas på samma ställe på alla sidor i din butik, så att språkväljaren förblir på samma plats när kunderna navigerar.

För en mer exakt placering stöder Weglot även följande HTML-platshållare:

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

Du kan lägga till den i ett ”Custom Liquid”-avsnitt eller -block i ditt temas rubrikområde, om detta stöds, eller infoga den i lämplig temafil. Weglot visar sedan växlaren där platshållaren visas. Den exakta placeringen beror på ditt temas layout.

Efter installationen bör du alltid testa språkväljaren på både dator och mobil, inklusive produkt- och kollektionssidor. Testa även din kassa, eftersom Shopify hanterar kassan separat från butikens sidhuvud. Att lägga till en språkväljare där innebär alltså inte att en automatiskt läggs till i kassan. Om du använder Weglot:s Shopify Markets-integration hanterar Shopify språket i kassan utifrån kundens tidigare val, och själva språkväljaren Weglot visas inte under kassan.

Lägga till Switcher med Liquid-kod

Om ditt Shopify-tema inte erbjuder de placerings- eller designalternativ för språkväljaren som du behöver kan du skapa en anpassad språkväljare med hjälp av Liquid. Detta kräver att du redigerar tematets kod, så se till att göra en säkerhetskopia innan du fortsätter.

För att konfigurera och anpassa Shopifys språkomkopplare måste du följa dessa steg:

1. Gå till Inställningar > Språk på din Shopify-administratörssida och lägg till de språk du vill stödja. Se till att de finns tillgängliga på dina målmarknader och att du har lagt till de nödvändiga översättningarna.
2. Gå till Onlinebutik > Teman och klicka på ”Redigera kod” i tematets meny med de tre punkterna.
3. Leta reda på filen header.liquid i katalogen Sections. Vilken fil det rör sig om och var du ska infoga koden beror på vilket tema du använder, så kontrollera tematets struktur innan du gör några ändringar.
4. Hitta en lämplig plats i filen header.liquid (vanligtvis nära navigeringsmenyn) och klistra in följande snippet:

{% if localization.available_languages.size > 1 %}
  <div class="page-width custom-language-topbar">
    {% form 'localization', id: 'header-language-form' %}
      <div class="shopify-language-switcher">
        <label for="header-language-selector">Language</label>

        <select
          id="header-language-selector"
          name="language_code"
        >
          {% for language in localization.available_languages %}
            <option
              value="{{ language.iso_code }}"
              {% if language.iso_code == localization.language.iso_code %}selected{% endif %}
            >
              {{ language.endonym_name | escape }}
            </option>
          {% endfor %}
        </select>

        <button type="submit">Apply</button>
      </div>
    {% endform %}
  </div>
{% endif %}

Placeringen av din Liquid-kod avgör var språkväljaren visas på din webbutik. Om du till exempel placerar den i navigeringsområdet i sidhuvudet kan den visas bredvid menyn, medan en placering i en separat behållare ovanför navigeringsområdet kan skapa en egen språkväljarfält.

Den här koden använder Shopifys lokaliseringsformulär för att hämta de språk som är tillgängliga för kunderna. Den visar varje språk med sitt ursprungliga namn, till exempel ”Français” för franska, och markerar det aktuella språket som valt. Kunderna väljer ett språk i rullgardinsmenyn och klickar på ”Apply” för att byta.

Om ditt tema redan visar en språkväljare på samma plats bör du inaktivera den befintliga via temaredigeraren för att undvika dubbletter.

5. Du kan använda CSS för att styra växlarens placering, färger, avstånd och kantlinjer. Öppna ”Temainställningar > Anpassad CSS” i temaredigeraren och lägg till följande exempel:

.custom-language-topbar {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
  padding-bottom: 8px;
}

.custom-language-topbar .shopify-language-switcher {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.shopify-language-switcher select {
  font: inherit;
  font-size: 16px;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px;
}

.shopify-language-switcher select:hover {
  border-color: #555;
}

.shopify-language-switcher select:focus-visible {
  outline: 2px solid #0056b3;
  outline-offset: 2px;
}

6. När du har gjort dina ändringar klickar du på Spara för att tillämpa dem. Språkväljaren bör nu visas i din webbutik enligt dina inställningar. Förhandsgranska din webbutik på både dator och mobil.

Förbättra Shopify-butiker med Weglot språkomkopplare

Weglot är ett AI-drivet verktyg för webbplatsöversättning som lägger till en språkväljare i din Shopify-butik utan att du behöver göra några ändringar i ditt tema. Även om Shopifys inbyggda språkväljare fungerar bra, erbjuder specialiserade Shopify-översättningsappar som Weglot erbjuder större anpassningsmöjligheter samt ytterligare översättningsfunktioner för Shopify för dem som verkligen vill lokalisera butiksupplevelsen för sina internationella kunder.

Till skillnad från Shopifys språkomkopplare översätter Weglot 100 % av webbplatsens innehåll från ett urval av över 110 språk, inklusive kassasidor, e-postmeddelanden och SEO-metadata, och optimerar det för sökmotorer.

Med Weglot drar hela din Shopify-butik nytta av automatisk översättning, vilket påskyndar expansionsprojekt. Jämfört med att anställa enskilda översättare för varje språk, minskar Weglotautomatisering avsevärt tiden till marknaden för nya språkversioner.

Weglotkapacitet stannar dock inte vid automatiserad översättning. Med Weglot får du fullständig redigeringskontroll över det översatta innehållet på din webbplats. Du kan också anlita professionella översättare direkt via plattformen.

Du kan också omedelbart skapa översättningar som är anpassade efter ditt varumärke med hjälp av Weglot:s AI-översättningsmodell. Den lär sig av dina instruktioner, din ordlista och din historik över manuella översättningar för att omedelbart ge dig kontextanpassade översättningar som låter som du.

Weglot integreras också med Shopifys befintliga funktioner och populära appar från tredje part, inklusive anpassning för teman som Dawn och Prestige. Detta eliminerar besväret med att hantera flera butiker eller manuella översättningar, eftersom du kan lägga till, publicera, avpublicera eller ta bort språk efter behov.

Weglot tar Weglot hand om mer än bara översättning, med flerspråkiga SEO-fördelar i appens kärna. Plattformen skapar automatiskt underdomäner eller underkataloger för varje språkversion och implementerar hreflang-taggar, vilket optimerar din webbplats för lokala sökmotorer. Dessutom har vår Visual Editor möjliggör enkel anpassning av översättningar, vilket gör det möjligt att finjustera dem så att de matchar ditt varumärkes röst.

Det bästa av allt är att det bara tar några ögonblick att installera Weglot anpassa språkväxlaren! Låt oss ta en titt.

Ställa in Weglot på din Shopify Store

Ställa in Weglot på din Shopify butik är väldigt enkelt. Här är en guide som hjälper dig att komma igång:

1. Börja med att besöka Shopify App Store:

• I sökfältet skriver du Weglot och leta reda på Weglot .
• Klicka på Installera och följ anvisningarna för att lägga till den i din butik.

2. När du har installerat appen måste du skapa ett konto:

• Öppna Weglot från din Shopify instrumentbräda.
• Ange din e-postadress och välj ett lösenord.

3. Konfigurera dina språkinställningar:

• Därefter väljer du ditt originalspråk (språket i din Shopify-butik).
• Välj sedan de målspråk som du vill översätta ditt innehåll till.

När du har valt dina språk kommer Weglot automatiskt att skanna allt innehåll i din butik, inklusive metadata och innehåll från tredjepartsappar. Automatisk detektering innebär att du inte behöver samla in innehåll manuellt för översättning, eftersom Weglot gör allt åt dig!

Därefter översätts din webbplats omedelbart med hjälp av ledande AI-översättning och visas i språkunderkataloger eller underdomäner, beroende på vilken struktur du har valt i Weglot -kontrollpanelen.

Anpassa Weglot språkväljare: alternativ för design och placering

Weglotspråkomkopplare har omfattande anpassningsalternativ, så att du kan skräddarsy den efter din butiks varumärke för ett superprofessionellt slutresultat. Så här anpassar du den:

1. Öppna redigeraren för visuell språkomkopplare: Gå till din Weglot och navigera till Inställningar > Språkomkopplare.
2. Ändra utseende: Välj mellan olika format, såsom rullgardinsmenyer, knappar eller flaggor, för att visa språkalternativen. Till exempel:
   • Använd flaggor för snabb igenkänning.
   • Välj knappar för en mer framträdande visning.

3. Justera positionen: Du kan placera switchen i nyckelområden som sidhuvud, sidfot eller sidofält, beroende på vad som fungerar bäst för din layout.
4. Ändra färger och stilar: Anpassa färger och stilar i Weglot för att anpassa dig till din butiks varumärke.

Det är viktigt att notera att språkväxlaren enkelt kan flyttas utan att temat behöver modifieras, vilket säkerställer att den förblir tillgänglig och användarvänlig på olika sidor i din butik. För avancerad placering, se vårt avsnitt nedan om att övervinna vanliga utmaningar vid lokalisering av Shopify-butiker.

Avancerad anpassning: Kodningstips för utvecklare

För utvecklare som vill förbättra sina Shopify-butiker med Weglot kan anpassning vara nyckeln till att skapa en skräddarsydd flerspråkig upplevelse. Weglotflexibilitet ger utvecklare möjlighet att skapa skräddarsydda flerspråkiga upplevelser samtidigt som de förblir användarvänliga för icke-tekniska användare.

Här är några kodningstips att tänka på:

Använda CSS för att finjustera utseendet på språkväxlaren

Utvecklare kan ändra stilar som bakgrundsfärg, teckenstorlek och utfyllnad för att matcha butikens varumärke. Ett exempel:

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

Implementering av JavaScript för anpassad funktionalitet

Utvecklare kan använda JavaScript för att utlösa specifika åtgärder när ett språk väljs, t.ex. för att uppdatera andra element på sidan eller spåra språkändringar för analys. Du kan till exempel implementera en händelselyssnare:

document.addEventListener('DOMContentLoaded', function() {
var languageSelector = document.querySelector('select[name="language_code"]');    
 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 av Weglot för sömlösa sidövergångar mellan olika språk

En av Weglotviktigaste funktioner är det automatiska skapandet av språkspecifika webbadresser, till exempel exempel.com/fr för franska versioner av din webbplats. En bra URL-struktur säkerställer att sökmotorer kan indexera varje språkversion, vilket förbättrar dina flerspråkiga SEO-insatser.

Weglot hjälper kunder att enkelt byta språk under sin shoppingupplevelse, oavsett om de bläddrar bland produkter eller checkar ut. När en kund byter från en t.ex. engelsk produktsida till en motsvarande (t.ex. spansk) sida upplever de en smidig övergång utan att förlora sin plats i shoppingresan. Sådana funktioner kan påverka nyckeltal som tid på webbplatsen och konverteringsfrekvenser, förbättra kundnöjdheten och i slutändan driva global tillväxt.

För att ge ett exempel upplevde Everyone.org - som använde Weglot för att skapa en flerspråkig webbplats på 12 språk - en 40% ökning av det totala antalet besökare, med fransktalande användare som konverterade nästan dubbelt så mycket som den genomsnittliga konverteringsfrekvensen för hela webbplatsen.

Optimering av flerspråkig SEO och upprätthållande av sidkonsistens

Flerspråkig SEO säkerställer att dina produkter kan hittas av användare som söker på olika språk, vilket driver trafik på nätet. En grundläggande aspekt av flerspråkig SEO är att ha en korrekt URL-struktur, och att använda underkataloger hjälper sökmotorer att identifiera och rangordna sidor på olika språk.

Hreflang-taggar spelar en viktig roll i den här processen genom att informera sökmotorer om språk och regionala inriktningar på dina sidor. Detta hjälper till att dirigera användare till den mest relevanta versionen av din webbplats.

Översatta metadata, inklusive titeltaggar och beskrivningar, bidrar ytterligare till bättre sökbarhet. Weglot automatiserar mycket av det tekniska SEO-arbetet, skapar automatiskt språkspecifika webbadresser och implementerar hreflang-taggar utan att kräva manuell intervention.

Dessutom gör Weglot Visual Editor språkordlista det möjligt för butiksägare att upprätthålla en konsekvent översättning.

För att gå en extra mil med flerspråkig SEO kan Shopify-butiksägare göra följande:

• Genomför en lokal sökordsundersökning för varje målmarknad.
• Se till att allt innehåll, inklusive metadata, är korrekt översatt.
• Regelbunden översyn av översättningar för att återspegla förändringar i språktrender.

Kom ihåg att effektiv flerspråkig SEO kan leda till ökade marknadsmöjligheter! Efter att ha implementerat Weglot för flerspråkig optimering såg Ron Dorff, som driver en Shopify-butik, en otrolig ökning på 400 % i antalet besök på webbplatsen.

Övervinna vanliga utmaningar i Shopify Store Localization

Lokalisering Shopify butiker kommer med att möta några unika utmaningar, men Weglot erbjuder effektiva lösningar för att underlätta dig genom processen.

För att ändra placeringen av Weglot på en Shopify-webbplats kan du använda någon av följande fyra metoder:

1. Funktion för redigering av växlare

Använd Switcher Editor för att dra och släppa språkomkopplaren direkt på en liveförhandsvisning av din webbplats. Denna metod kräver att din webbplats är live.

2. Lägg till i en meny

Skapa en anpassad språkomkopplare i huvudmenyn genom att länka den till Weglot . Gå till Shopify Admin > Online Store > Navigation, lägg till menyalternativ för varje språk med formatetWeglot(t.ex.Weglot för engelska). Du kan också skapa en rullgardinsmeny för språk.

3. Weglot Alternativ

Infoga följande snippet din Theme.liquid-fil på önskad plats:

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

Denna kod placerar språkomkopplaren där du placerar koden, vilket löser vanliga placeringsbegränsningar som diskuterats i communityforum.

4. Alternativ för omkopplare

Integrera switcher manuellt genom att ändra din Weglot i weglot.liquid. Inkludera alternativet Switchers och ange mål-CSS-väljaren för var du vill att switchen ska visas:

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

Se till att ersätta .header-nav med CSS-väljaren för det önskade elementet.

Du kommer också att få följande lokaliseringsfördelar med att använda Weglot:

• Översättning av dynamiskt innehåll: Weglot översätter effektivt JavaScript-genererat innehåll och AJAX-laddade element, vilket säkerställer att allt dynamiskt innehåll fångas upp och översätts.
• Flerspråkig SEO för Shopify: Weglot automatiserar implementeringen av hreflang-taggar och skapar språkspecifika webbplatskartor. Detta kompletterar Shopifys inbyggda SEO-funktioner, så att sökmotorer kan servera rätt språkversion till användare.

• Översättning av Shopify-specifika element: Weglot hanterar översättningar för hela din butik, inklusive kassasidor, e-postmeddelanden och metafält, och övervinner därmed de begränsningar som beskrivs i Shopifys dokumentation.

• Optimera arbetsflöden för översättning: Weglot funktioner för översättningsminne och ordlista hjälper dig att upprätthålla enhetlighet i en stor produktkatalog. Detta säkerställer att termer översätts på ett enhetligt sätt och att ditt varumärkesbudskap är konsekvent på olika språk.

Jämförelse mellan Weglot Shopifys inbyggda språkomkopplare

Shopify ger användarna de grundläggande verktyg som behövs för att översätta sina butiker till flera språk, men det finns begränsningar.

Däremot erbjuder Weglot en omfattande översättningslösning och möter Shopifys begränsningar direkt. Som ett resultat är plattformen ett mer lämpligt alternativ för användare som vill ha en hands-off-strategi för flerspråkig innehållshantering.

Övervinna språkbarriärer: Implementera Weglot på din Shopify Store

Som vi har sett Weglot unika fördelar för Shopify-butiker, vilket gör det till den perfekta lösningen för att övervinna språkbarriärer online. Med Weglotspråkomkopplare får du ytterligare anpassningsmöjligheter för att förbättra användarupplevelsen, medan den Visual Editor översättningar i sitt sammanhang, så att du kan förfina innehållet där det behövs. Du kan till och med beställa professionella översättningar direkt från instrumentpanelen för större noggrannhet.

Weglot integreras med populära Shopify-appar, inklusive smarta sökverktyg och bildgallerier, vilket säkerställer att din butik förblir fullt fungerande på flera språk. Dessutom skapar vår plattform språkspecifika underdomäner eller underkataloger, vilket avsevärt ökar dina SEO-ansträngningar.

Bäst av allt, Weglot är kompatibel med alla innehållshanteringssystem, vilket innebär att om du flyttar bort från Shopify, du behöver inte förlora fördelarna med Weglot.

Börja din 14-dagars kostnadsfria provperiod med Weglot redan idag och skapa en flerspråkig webbplats på bara några minuter!

Vanliga problem och snabba lösningar

Språkväljaren kan ibland försvinna efter en temauppdatering, en appinstallation eller en justering av layouten. Dessa problem beror oftast på dina temainställningar eller språkväljarens placering. Låt oss felsöka de fyra vanligaste problemen.

1. Varför har jag två språkväxlar?

Om du ser två växlar betyder det oftast att både Shopifys inbyggda växlare och din apps version (till exempel Weglot) är aktiva samtidigt. Du kan också ha mer än en växlare från Weglot konfigurerad.

Börja med att öppna Shopify Admin > Onlinebutik > Teman > Redigera tema. Kontrollera om det finns Shopifys inbyggda språkväljare i sidhuvudet och sidfoten, inaktivera den om du använder Weglot och spara dina ändringar. Den exakta inställningen beror på vilket tema du använder. Se dessutom till att länder-/regionväljaren är aktiverad om kunderna behöver den för att välja sin marknad.

Om båda växlarna tillhör Weglot, öppna Weglot Dashboard > Inställningar > Språkväljare > Växlarredigerare. Kontrollera vilka växlar som är konfigurerade och om de är inställda på att visas vid samma skärmstorlekar. Weglot stöder separata växlar för datorer och mobiler, så se till att de inte av misstag visas samtidigt.

Om du har lagt till språklänkar i din Shopify-navigering bör du kontrollera om de visas bredvid den vanliga språkväljaren på Weglot. Ta bort eventuella överflödiga menyalternativ om du inte behöver båda.

För ytterligare vägledning om anpassad placering och initialisering av växlaren, se den officiella dokumentationen för Weglot -språkväxlaren.

2. Varför saknas min språkomkopplare efter en temauppdatering?

Om språkväljaren försvinner efter att du har uppdaterat ditt Shopify-tema betyder det inte nödvändigtvis att dina översättningar har försvunnit. Problemet kan bero på språkväljarens inställningar eller placering i det uppdaterade temat.

Testa en av din butiks översatta webbadresser, till exempel yourstore.com/fr/, om din konfiguration använder språkunderkataloger. Om sidan visar översatt innehåll men språkväljaren saknas kan problemet ligga i hur språkväljaren visas snarare än i själva översättningarna.

Om du använder Shopifys inbyggda språkväljare bör du kontrollera att dina ytterligare språk fortfarande är publicerade under Inställningar > Språk. Om de inte är markerade som Publicerade kommer de inte att visas någonstans.

Om du använder Weglot:

1. Kontrollera att ” Weglot ” är aktiverat: Öppna Onlinebutik > Teman > Redigera tema > App-inbäddningar, leta reda på ” Weglot ” och aktivera det om det är inaktiverat. Klicka på Spara och kontrollera din butikssida.
2. Återställ växlarens position: Om den fortfarande saknas öppnar du Weglot Dashboard > Inställningar > Språkväljare > Växlarredigerare. Under ”Position” väljer du ”Återställ till standardposition”. Då återgår växlaren till det nedre högra hörnet.

3. Välj en ny placering om det behövs: Om växlaren dyker upp igen kan det hända att dess tidigare placering inte längre fungerar med ditt uppdaterade tema. Använd växlarredigeraren för att dra den till en ny placering inuti ett element som visas på samma ställe i hela din butik, och klicka sedan på Spara.

Om du manuellt har lagt till växlaren från Weglot i ditt temas kod, kontrollera om din anpassade placering har bevarats vid uppdateringen. Om du till exempel tidigare använde <div id="weglot_here"></div>, kontrollera att den fortfarande finns på den avsedda platsen. Om den har tagits bort ska du återställa den från din tidigare temaversion efter att ha kontrollerat att placeringen är förenlig med den uppdaterade layouten.

Kontrollera också din webbutik både på dator och mobil. Om växlaren fungerar på datorn men inte på mobilen kan det bero på inställningarna för synlighet efter skärmstorlek eller mobilversionen av ditt tema. Det är just detta vi ska gå igenom härnäst.

3. Varför visas inte språkomkopplaren på mobilen?

Om din språkväljare i Shopify visas på datorn men försvinner på mobilen kan det bero på att den döljs av ditt temas mobilversion eller att den är inställd på att endast visas på större skärmar.

Om du använder Shopifys inbyggda växlingsfunktion öppnar du ”Onlinebutik” > ”Teman” > ”Redigera tema” och väljer mobilförhandsvisningen. Kontrollera om språkväljaren visas i sidfoten, sidhuvudet eller mobilmenyn, beroende på vilket tema du har. Om den saknas ska du kontrollera att den relevanta inställningen för språkväljaren är aktiverad. Vissa teman kan kräva ytterligare anpassning för att språkväljaren ska visas på den plats du föredrar på mobilen.

Om du använder Weglot:

1. Öppna Weglot Dashboard > Inställningar > Språkväljare > Redigerare för språkväljare.
2. Välj din befintliga växlare i rullgardinsmenyn i det övre vänstra hörnet. Under ”Beteende” > ”Visa på specifika skärmstorlekar” ska du kontrollera att den är inställd på att visas på mobilen.
3. Om du vill ha en annan mobillayout väljer du mobilvyn längst ned till vänster i redigeraren, klickar på +-knappen för att skapa en separat växlingsknapp och drar den till önskad plats.
4. Klicka på Spara och kontrollera sedan att dina skrivbords- och mobilväljare visas på de avsedda skärmstorlekarna.

Om det inte finns tillräckligt med utrymme i rubriken på din mobilversion kan du också lägga till språklänkar i navigationsmenyn för mobilen. Gå till Shopify-admin > Innehåll > Menyer, välj den meny som används i din mobilnavigering och lägg till ett menyalternativ för varje språk med hjälp av länkformatet på Weglot, till exempel #Weglot-en för engelska eller #Weglot-fr för franska. Du kan också gruppera dessa länkar under en rullgardinsmeny med namnet ”Språk” om ditt tema stöder det.

Om växlaren fortfarande saknas, kontrollera om anpassad CSS döljer den på mindre skärmar eller om den är placerad inuti ett navigeringselement som endast visas på datorer. Att flytta den till en synlig och konsekvent plats kan lösa problemet.

4. Switcher fungerar efter uppdatering men inte på första sidladdningen?

Om språkväljaren på Weglot endast visas efter att sidan har uppdaterats kan problemet bero på hur ditt Shopify-tema laddar innehåll eller var språkväljaren är placerad.

Prova följande lösningar:

1. Återställ omkopplarens position precis som vi gjorde i den andra uppgiften ovan. Om omkopplaren nu visas konsekvent kan dess tidigare placering vara orsaken till problemet. Weglot rekommenderar att du placerar den inuti ett element som finns på alla sidor i din webbutik.
2. Kontrollera sidövergångarna i ditt tema. Vissa Shopify-teman använder animationer eller AJAX-navigering för att växla mellan sidor utan att ladda om dem helt, vilket kan störa Weglot. Om ditt tema har dessa inställningar går du till Onlinebutik > Teman > Redigera tema > Temainställningar och letar efter ”Prestanda” eller ”Animationer”. Weglot rekommenderar att du väljer ”Sport” istället för ”Ludicrous” och inaktiverar ”Animera mellan sidor”, där dessa alternativ finns.
3. Kontrollera eventuell anpassad kod för växlaren. Om du manuellt har anpassat placeringen av Weglot, se till att den valda platsen finns när växlaren laddas. En rubrik eller ett navigeringselement som visas senare kan kräva ytterligare integrationsarbete.

Testa slutligen din webbutik i ett privat webbläsarfönster genom att börja på startsidan och sedan navigera till olika produkt- och kollektionssidor. Om problemet kvarstår, kontakta Weglot Support och ange din butiks webbadress, temats namn samt de steg som krävs för att återskapa felet.