Kan jag ha flera språk på hemsidan för mina besökare?
Webbas har idag en inbyggd funktion för att kunna redigera din webbplats till flera språk och för kunden att enkelt växla mellan dessa olika språklägen.
Funktionen fungerar att anpassa både på dina sidor i hemsidan, funnels, bloggen och kanaler så du kan möta kunder med olika språkpreferenser över hela din webbplats.
Så här aktiverar du flerspråkig webbplats:
Gå till Webbplatsinställningar >> Språk & Tid
Här väljer du överst webbplatsens primära språk (t.ex. svenska) som kommer visas som standard när man besöker din domän.
Aktivera flerspråkighet
När detta aktiveras så dyker en språkruta upp på din webbplats. Backend i byggaren hamnar den längst upp till höger (bredvid Översiktspanelen). Och här kommer den säga t.ex. SV_SE för svenska. Live för kunden står det dock endast SV sedan.
Addera språk du vill ha på webbplatsen
Tryck på knappen för språk som pilen pekar mot på bilden ovan. Nu öppnas vy där du kan välja vilka språk du önskar ha på din webbplats. Du hittar ett mycket stort urval av språk att välja bland.
Ändra språket på sidan genom att markera den sida du önskar justera språket på.
I språkinställningsvyn, markera det språk du önskar ställa in/redigera på hemsidan. Till exempel har vi på nedan bild valt engelska (1) och när detta är valt - så innebär det att just nu sker redigeringar endast i den engelska versionen som på bilden syns det att vi justerat delar av rubriken till exempel (2).
På nedan bild kan du se hur vi besöker backend både vår svenska version och engelska version - och så fort vi markerar ett annat språk i språkinställningen till höger så skiftas det backend till den versionen så att man kan arbeta i den.
Ställ in SEO på varje språk/sida
När du besöker en språkversion (till exempel engelska) så kan du också gå in i de olika sidornas SEO inställningar och översätta även dessa texter så din webbplats SEO-optimeras på samtliga språken.
Detta fungerar även i bloggen.
Ställ in hur det visas för din kund när de besöker webbplatsen
När du konfigurerat webbplatsens flerspråkighet så kan du enkelt även aktivera en flytande språkväljare som visas på webbplatsen. Denna kan du även välja mellan olika placeringar på var den ska synas.
Nu syns språkväljaren där du har valt den ska synas:
Ändra färg på din språkväljare?
Just nu går inte detta att göra i webbplatsbyggaren men är något vi kommer möjliggöra framåt i tiden.
Nedan hittar du en anpassad CSS-kod du kan kopiera och sedan klistra in i din webbplats under Webbplatsinställningar >> Egen kod >> Global CSS.
‼️ Observera att du behöver ändra till dina färgkoder och preferenser:
/* Knappen som visar nuvarande språk */.lang-switch-toggle {
color: #ffffff !important; /* textfärg */
background: #EA5B0C !important; /* bakgrundsfärg – skriv transparent för ingen */
border: 1px solid #330F7E; /* kant – skriv transparent för ingen kant */
border-radius: 999px; /* helt rund – 4px ger lätt rundade hörn, 0 raka */
}
/* Knappen när man pekar på den */
.lang-switch-toggle:hover {
color: #EA5B0C !important; /* textfärg vid hover */
background: #330F7E !important; /* bakgrundsfärg vid hover */
border-radius: 999px; /* samma form som i vila */
}
/* Rutan som fälls ut när man klickar */
.lang-switch-popup {
background: #E9E9FE; /* bakgrund i rutan */
border: 1px solid #330F7E; /* kant runt rutan */
border-radius: 8px;
}
/* Språken i listan */
.lang-switch-option {
color: #330F7E !important; /* textfärg mot den ljusa rutan */
border-radius: 6px; /* mjuka hörn på raden */
}
/* Språket man pekar på, och det som är valt */
.lang-switch-option:hover,
.lang-switch-option.active {
background: #EA5B0C;
color: #ffffff !important; /* vit text mot det orange fältet */
}
VIKTIGT ATT TÄNKA PÅ ☝🏼
När du är inne i en annan språkversion, till exempel engelska. Och om du väljer att kopiera en länk i det läget och skicka till en kund/dela på annan plats.
Och du har stängt av flerspråkighet på din webbplats för det språket. Då kommer kunden möta att sidan inte finns. Du kan se detta genom att kunden får en språk-sträng i URL:en.
Till exempel: webbas.se/en/priser istället för bara webbas.se/priser
Är då inte engelska ett språk den sidan har, får man upp en så kallad 404-sida som säger att sidan inte finns.
Behöver du ändra språk i byggaren för dig som administratör i redigeringsvyerna? Då kan du läsa om hur du gör detta i den här guiden.