Gör din Pixpa-webbplats flerspråkig med Weglot

Pixpas integration med Weglot ger dig allt du behöver för att översätta, visa och hantera din flerspråkiga webbplats, med full redigeringskontroll.

Ingen komplexitet: Anslut din Pixpa-webbplats till ditt Weglot-konto för en helt översatt och visad webbplats på några minuter.

Automatiserad översättning: Weglot skannar och identifierar automatiskt text, bilder och SEO-metadata på din Pixpa-webbplats och översätter kontinuerligt allt nytt innehåll eller alla sidor allt eftersom.

Nå nya målgrupper: Dra nytta av flerspråkig SEO med språkliga underdomäner eller underkataloger, implementering av hreflang-taggar och översatt metadata för att ranka dina översatta sidor på sökmotorer.

---

I den här artikeln:  

• Ställ in Weglot-konto och kopiera Weglot JS-kod
• Bädda in JS-kod i Pixpa Studio
• Översätt dynamiska webbplatselement
• Standard Weglot Language Switcher
• Pixpa Språkväxling
• Lägg till översättningsundantag
• Använda underdomäner för språkwebbplatser

---

Följ dessa steg för att kopiera Weglot-kodavsnittet:

• Anmäl dig för Weglot-kontot.
• Du bör få ett bekräftelsemail på kontot som du registrerade dig med. Efter att ha validerat din e-post kommer du till Weglot-inställningssidan.
• Skapa ett nytt projekt och välj "Annan" som din "Webbplatsteknik".
• I nästa steg, scrolla ner till rutan och klicka på "Använd Javascript-integration", enligt nedanstående.

• Du kommer då att uppmanas att ange originalspråket på din Pixpa-webbplats och de nya språken du vill översätta och visa din webbplats till.

• I nästa steg, kopiera koden som visas på skärmen och klistra in i Pixpa Studio. Det är allt.

---

Bädda in den kopierade JS-koden i Pixpa Studio

• Gå till Inställningar (1) och klicka på Språk och etiketter (2) i vänster sidofält.
• aktivera Weglot-växel (3) och klistra in det kopierade Weglot JS-kod (4).
• Klicka på Spara knapp. Det är allt.

---

Din Pixpa-webbplats är nu översatt!

Du har nu översatt din webbplats med Weglot. Gå till din webbplats så ser du en språkväljare längst ner till höger på webbplatsen (det kan ta några minuter innan den visas).

Logga in på ditt Weglot-konto och gå sedan till ” Översättningar ” för att hitta alla dina översättningar och redigera dem.

---

Översätt dynamiska webbplatselement

Weglot kanske inte översätter dynamiskt innehåll (t.ex. listobjektavsnitt, rubrikavsnitt etc.) som standard. För att åtgärda detta, gå till ditt Weglot-konto och gå sedan till appinställningar.

• Klicka på knappen Lägg till dynamisk
• Som visas nedan, kopiera och klistra in CSS-väljaren och tryck på spara. Do glöm inte punktprefixet.

.is-wrapper, .overlay-container, .dynamic-component, .gallery-slider-desc

• Det är allt. Ladda om din Pixpa-webbplats nu.
• Ändringarna bör vara synliga 30 sekunder senare, tveka inte att Hard-Refresh* din webbplatss sida och kolla tillbaka i ett inkognitofönster om du inte märker ändringarna.

*Hard-Refresh:
Mac: cmd shift R (gemener)
PC: ctrl F5

---

Style Language Switcher

Du kan välja mellan standardspråkväxeln Weglot och Pixpa.

Weglot Default Language Switcher

Språkväxeln som tillhandahålls av Weglot är en liten ruta, placerad i det nedre högra hörnet av webbplatsen. Så här ser det ut:

---

Grundinställningarna för Weglots språkomkopplare (1) finns i din Weglot-instrumentpanel > Inställningar > Språkomkopplare . Så här ser de ut:

---

Du kan också lägga till anpassad CSS (2) här för att anpassa switcherns design eller ändra standardpositionen på webbplatsen.

t.ex. är Weglot-omkopplarens standardposition längst ner till höger. För att ändra positionen till vänster, lägg till följande CSS-kod i ditt Weglot-konto.

.wg-default, .wg-default .country-selector  {
    left: 40px!important;
    right: auto!important;
}

Klicka här för att se fler anpassningsmöjligheter för standardomkopplaren.

---

Pixpa Språkväxling

Använder stilegenskaper från Pixpas webbplats. Växlaren kommer att vara en del av webbplatsens huvudmeny.

Klicka här för att se i aktion – light.pixpa.com

---

Lägg till översättningsundantag

Weglot kan komma att översätta rullgardinsmenyn för språkväxlare som standard. För att begränsa detta, gå till ditt Weglot-konto och gå sedan till Översättningsundantag.

• Klicka på Lägg till regel under exkluderat block
• Som visas nedan, kopiera och klistra in CSS-väljaren och tryck på spara. Do glöm inte punktprefixet.

.pixpa-språk-switcher

---

Använda underdomäner för språkwebbplatser

Med Weglot kan du skapa underdomäner för varje språkversion av din webbplats. Till exempel:

• sv.dinwebbplats.com för engelska
• fr.dinwebbplats.com för franska
• es.dinwebbplats.com för spanska

Denna metod är SEO-vänlig och gör det möjligt för sökmotorer att indexera varje språkversion separat.

Steg för att konfigurera översättning av underdomäner i Weglot

• Logga in på ditt Weglot-konto – Gå till weglot.com och logga inOm du inte har ett konto kan du skapa en.
• Skapa ett nytt projekt för din Pixpa-webbplats -
  • Ange en Projektnamn och välj Övrigt som webbplatsteknik
  • Klicka Nästa knapp.

• Välj din webbplats Originalspråk och språk du vill lägga till (Översatta språk) och klicka på Nästa.

• Lägg till dina webbplatsuppgifter
  1. Domän-URL – Ange din webbplats domännamn i det angivna fältet. Se till att det är verifierat.
  2. Publiceringsdestination - Välj Anslut min livewebbplats alternativ.
  3. URL-typ - Välj domäner alternativ från rullgardinsmenyn.
  4. Nästa - Klicka på Nästa knappen för att fortsätta till stegen för konfiguration av underdomänen.

5. Konfigurera DNS manuellt – Välj alternativet för att manuellt konfigurera dina DNS-poster.
6. Kopiera DNS-poster – Kopiera de angivna CNAME-postuppgifterna (namn, typ och värde) och lägg till dem i din domäns DNS-inställningar via din domänregistrator.
7. Kontrollera DNS – När DNS-posten har lagts till, vänta några minuter på spridning och klicka sedan på Kontrollera DNS för att verifiera anslutningen.

8. Lägg till Weglot-skript till Pixpa – Kopiera JavaScript-integrationskodavsnittet från Weglot och klistra in det i Weglot JS-kod fältet som ligger under Språk & Etiketter avsnittet i din Pixpa Studio.

9. Testa dina flerspråkiga underdomäner – Besök varje underdomän (t.ex. fr.dinwebbplats.com) för att bekräfta att din webbplats visar rätt översatt version. Weglots språkväxlare låter också besökare växla mellan språk.