At opsætte en sprogskifter på Bubble.io-webstedet kan gøre det lettere for brugerne at skifte sprog. Denne funktion er særligt værdifuld for applikationer med et globalt publikum, der giver brugerne mulighed for at interagere med platformen på deres foretrukne sprog. Bubble.io, en populær no-code udviklingsplatform, tilbyder indbyggede lokaliseringsfunktioner, der gør det muligt for udviklere at oprette flersprogede applikationer uden omfattende kodningskendskab.
For at implementere en sprogskifter på Bubble.io, begynder udviklere typisk ved at definere de sprog, de ønsker at understøtte i app'ens indstillinger. Derefter opretter de et dropdown- eller knap-element, som brugerne kan interagere med for at ændre sproget. I denne artikel vil vi diskutere opsætning af en sprogskifter på Bubble.io med en af de automatiske oversættelsestjeneste-websteder.
Hvorfor er en sprogskifter vigtig på Bubble.io hjemmesiden?
Tilføjelse af en sprogomskifter på en hjemmeside er ikke uden grund. Her er hvorfor du har brug for at opsætte en på en Bubble hjemmeside.
- Gør det nemmere for brugere i andre lande: En sprogskifter giver internationale brugere mulighed for at se hjemmesiden på deres modersmål. For eksempel kan en spansk bruger, der besøger en webshop, skifte til spansk, hvilket gør det lettere at forstå produktdetaljer og gennemføre køb. CSA Research undersøgelser viser, at 76% af online-shoppere foretrækker at købe produkter, når information er tilgængelig på deres sprog, hvilket fremhæver betydningen af denne funktion for brugerkomfort og tilgængelighed.
- Optimering af website i søgeresultater i andre lande: Med en sprogskifter, kan din Bubble.io hjemmeside rangere bedre i udenlandske søgninger. For eksempel er en fransk version af din side mere tilbøjelig til at dukke op i franske Google-søgninger. Denne forbedrede synlighed kan øge den internationale trafik betydeligt.
- Øg salgsomsætning: Tilbyder indhold på flere sprog kan øge salget. En online kursusplatform, der giver brugerne mulighed for at skifte sprog, kan tiltrække et bredere publikum og øge tilmeldingerne. Denne tilgang er effektiv, fordi forbrugerne er mere tilbøjelige til at købe fra hjemmesider, der leverer information på deres modersmål, hvilket direkte påvirker din konverteringsrate.
- Forbedrer brugerengagement og fastholdelse: En sprogskifter kan holde brugerne på din side længere. For eksempel har brugere, der interagerer på deres foretrukne sprog på en social netværksapp, tendens til at forblive engagerede længere. Dette øgede engagement er betydeligt, da brugerne typisk bruger dobbelt så meget tid på sider på deres modersmål end på et andetsprog, hvilket fører til bedre fastholdelse af brugerne.
Sådan opsætter du en sprogskifter på Bubble.io
Nu hvor vi forstår vigtigheden af at skifte sprog på flersprogede Bubble.io-websteder, lad os diskutere, hvordan man implementerer det. Webstedsoversættelsestjenester tilbyder normalt denne funktion, som kan tilpasses brugerens behov.
Dog tilbyder ikke alle oversættelsestjenester tilpassede og brugervenlige sprogskiftere. Derfor er det meget vigtigt at vælge en automatisk oversættelsestjeneste, der er kompatibel med forskellige rammer og tilbyder fleksible sprogskiftefunktioner.
En automatisk oversættelsestjeneste, der opfylder disse kriterier, er Linguise. Linguise automatisk oversættelse tilbyder en meget tilpasselig og brugervenlig sprogskifte-funktion, der integreres med populære CMS- og web-byggere som Bubble.io.
Linguise tilbyder problemfri integration med Bubble, så udviklere nemt kan inkorporere sprogskifter i deres flersprogede applikationer. Ved at udnytte Linguise's avancerede funktioner og brugervenlige grænseflade kan du forenkle opsætningen og vedligeholdelsen af sprogskiftere på din Bubble hjemmeside.
Her er trinene til at installere Linguise på en Bubble.io hjemmeside og opsætte sprogskifteren.
Trin 1: Opret en Linguise -konto
Start med at oprette en gratis Linguise konto og tilføj dit website-domæne. Du kan benytte den 30-dages gratis prøveperiode, før du vælger en abonnementsplan.
Derefter skal du registrere dit domæne for at autorisere oversættelsen. Kopier dit domænenavn, inklusive “https://,” og vælg “andet” som platform.
Vælg derefter dit kildesprog og målsprog.
Trin 2: Tilføj automatisk DNS ved hjælp af Entri
Efter registrering af dit website på Linguise -dashboardet vil du have to installationsmuligheder.
For automatisk tilføjelse af DNS-post, klik på “Forbind din DNS automatisk.” Denne funktion, kaldet Entri, forenkler installationsprocessen ved at administrere DNS-posterne for dig. Alternativt kan du manuelt kopiere DNS-posterne til din domæneudbyder.
Ved at klikke på knappen får Entri til at analysere din registrerede website-URL og undersøge dine offentlige DNS-poster, identificere den nødvendige udbyder og DNS-poster.
Næste, klik på “Godkend med [din domæneudbyder]” (f.eks. Cloudflare). Denne handling omdirigerer dig til din domæneudbyders login-side, hvor du kan logge ind og fortsætte.
Når du er logget ind, tilføjer Entri automatisk de relevante DNS-poster — én DNS pr. sprog og én TXT DNS til valideringsnøglen — til dit domæne.
Efter godkendelse vil Entri give dig besked om, at alle DNS-indstillinger er blevet konfigureret korrekt. Oversættelsesfunktionen burde være brugbar, når alle DNS-poster er propagret på dit domæne, hvilket typisk tager 20 til 30 minutter.
For manuel installation kan du følge nedenstående trin.
Trin 3: Kopier DNS-poster
Ved manuel installation vil du blive omdirigeret til en skærm, der viser de DNS-poster, der er nødvendige for at opsætte dine flersprogede sider, f.eks. fr.domain.com eller es.domain.com.
Kopiér disse elementer til din Bubble.io DNS-konfiguration.
Derefter skal du gå til din domæneadministrator og navigere til DNS-opsætningsområdet. Følg instruktionerne for at kopiere:
- En TXT-post til domænebekræftelse
- En eller flere CNAME-poster for sprogene
Her er eksempler på hver posttype (TXT og CNAME).
Når du har tilføjet alle dine poster, skal din konfiguration se sådan ud.
Trin 4: Bekræft DNS
Efter at have tilføjet alle dine poster til din domæne-DNS, skal du klikke på knappen “Tjek DNS-konfiguration” for at bekræfte DNS-udbredelse.
DNS-validering tager normalt omkring 30 minutter til 1 time. Når det er fuldført, bør du se grønne indikatorer ud for DNS-listen i Linguise -dashboardet. Du er næsten klar til at oversætte din Bubble.io-hjemmeside; alt, hvad der er tilbage, er at linke til sprogskifteren med landets flag.
Trin 5: Aktiver sprogskifter
Sprogskifteren er en flag-popup, der giver brugerne mulighed for at vælge deres foretrukne sprog. For at implementere det, skal du kopiere koden, der er angivet i slutningen af domæne registreringsprocessen eller inden for domæne indstillingerne til overskriften på dine Bubble.io sidens sider. Sprogskifteren med flag vil derefter automatisk vises på din offentlige hjemmeside.
Næste, gå til din Bubble website-panel. Klik ‘Indstillinger’ i venstre sidebar-menu og vælg “SEO / metatags.”
Rul ned til “Script/meta tags i header” under “Avancerede indstillinger.” Indsæt Linguise scriptet, du kopierede tidligere, klik derefter på ‘Gem’ og publicer din side.
Trin 5: Konfigurer hovedvisning
For at begynde at opsætte sprogskifteren, naviger til “Indstillinger” > “Sprogflagvisning” sektionen i Linguise dashboarden. På denne side kan du justere flere indstillinger
- Ikonstil for flag: Vælg mellem tre muligheder: side-om-side-visning, rullemenu eller pop op.
- Position: Vælg, hvor sprogskifteren skal vises på din side. Forskellige positionsmuligheder er tilgængelige; sørg for, at det er let tilgængeligt for besøgende.
Du kan kombinere visning af flag og sprognavne, flag og sprogforkortelser eller blot sprognavne. Det anbefales at bruge både flag og sprognavne for lettere brugeridentifikation.
Trin 6: Indstil flagets design
Efter du har konfigureret hovedvisningen, kan du yderligere tilpasse designet af de flag, der vil blive vist.
- Vis sprognavn: Du kan vælge at vise sprognavnet baseret på enten landets navn eller selve sproget. For eksempel kunne du vise “Fransk” eller “Français.”
- Engelsk flagtype: Denne mulighed er nyttig for sprog med flere variationer, såsom amerikansk eller britisk engelsk (og gælder også for spansk, taiwanesisk, tysk og portugisisk).
- Flagstil: Vælg formen på flagikonet, enten rundt eller rektangulært.
Trin 7: Tilpas farve og størrelse
Efter at have konfigureret flagdesignet, kan du yderligere tilpasse farven og størrelsen på flaggene. Her er de indstillinger, du kan justere:
- Flag kant radius: Tilpas radius i pixels for den rektangulære flagstil.
- Sprog navn farve: Vælg standardtekstfarven for at vise sprognavnet.
- Popup sprog farve: Indstil farven på sprogtitlen i popup- eller dropdown-området.
- Flag størrelse: Juster størrelsen på flagikonerne.
- Sprog navn hover farve: Indstil tekstfarven, der vises, når brugeren holder musen over sprognavnet.
- Popup sprog hover farve: Indstil tekstfarven, der vises, når brugeren holder musen over sprogtitlen i popup- eller dropdown-området.
Trin 8: Indstilling af flag kasse skygge
Til sidst kan du justere indstillingerne for flag kasse skygge. Den første mulighed giver dig mulighed for at anvende en skyggeeffekt på hvert flagikon, der vises på din hjemmeside. Den næste mulighed styrer skyggeeffekten, når brugerne holder musen over sprogflagene.
Når du har foretaget alle de ønskede justeringer, skal du klikke på knappen Gem for at anvende ændringerne i tilpasningen. Besøg derefter dit Bubble website for at kontrollere, at konfigurationen er blevet anvendt korrekt. Sådan vil sprogskifteren se ud.
Efter opsætningen kan du se, hvordan sprogskifteren fungerer på dit Bubble flersprogede website.
Derefter kan du oversætte hjemmesiden til andre sprog som spansk.
Bedste praksis for optimering af sprogomskifter på Bubble.io
Efter at have konfigureret sprogskifteren på en Bubble flersproget hjemmeside, er det vigtigt at overveje tips til optimering af sprogskifteren for både din side og besøgende.
Brug et let genkendeligt sprogflag logo
Når du implementerer en sprogskifter på din Bubble.io hjemmeside, er det afgørende at bruge let genkendelige sprogflag eller ikoner. Disse visuelle signaler hjælper brugerne med hurtigt at identificere og vælge deres foretrukne sprog. For eksempel forstås en globe-ikon universelt som repræsentation for sprogmuligheder. Alternativt kan du bruge landets flag, men vær opmærksom på, at dette kan være problematisk, da sprog ikke altid er knyttet til et enkelt land.
Eksempel: Amazons hjemmeside bruger et lille globusikon ved siden af det aktuelt valgte sprog (f.eks. “EN”) i den øverste navigationslinje. Denne enkle, men effektive tilgang giver brugerne mulighed for hurtigt at finde sprogmulighederne uanset deres nuværende sprogindstilling.
Inkorporer sprognavne sammen med flag
Selvom flag kan være nyttige, bør de ikke bruges alene. At inkludere navnet på sproget i dets native skrift sammen med flaget eller ikonet giver klarhed og undgår potentiel forvirring. Dette er især vigtigt for sprog, der tales i flere lande eller regioner.
Eksempel: Sprogskifteren på Airbnb's hjemmeside viser sprognavnet og landets flag. For eksempel vises "English (US)" med det amerikanske flag, og "Français" med det franske flag. Denne kombination sikrer, at brugerne kan identificere deres foretrukne sprogvalg præcist.
Placer sprogskifter-knappen omhyggeligt
Placeringen af din sprogskifter er afgørende for brugerens tilgængelighed. Almindelige placeringer omfatter øverste højre hjørne af headeren, i footer eller inden for hovednavigationsmenuen. Nøglen er at gøre det let at finde uden at overbelaste hovedindholdsområdet.
Eksempel: På hjemmesiden tiffany.com er sprogskifteren placeret i nederste højre hjørne af siden, altid synlig og tilgængelig. Denne konsekvente placering sikrer, at brugerne hurtigt kan finde og bruge sprogmulighederne uanset hvor de er på siden.
Design sprogskifteren til at være responsiv
Sørg for, at dit sprogskifter fungerer godt på alle enheder, lige fra stationære computere til smartphones. På mindre skærme skal du muligvis tilpasse designet – for eksempel ved at bruge en dropdown-menu i stedet for en vandret liste med muligheder.
Eksempel: UNESCOs websteds sprogskifter tilpasser sig smukt på tværs af enheder. På skrivebordet vises det som en vandret liste i sidehovedet. På mobilen omdannes det til en kompakt dropdown-menu, hvilket sikrer brugervenlighed uden at gå på kompromis med det mobile layout.
Sørg for, at sprogskifteren er konsekvent på tværs af sider
Bevar det samme design, funktionalitet og placering af din sprogskifter på tværs af alle sider på din Bubble.io hjemmeside. Denne konsistens hjælper brugerne med at navigere på din side mere effektivt, da de ved præcis, hvor de skal finde sprogmulighederne uanset deres nuværende side.
Eksempel: Hjemmesiden fastholder sin sprogskifter konsekvent i sidefoden på tværs af alle sider, lige fra startsiden til produktsider og checkud-proces. Denne konsistens sikrer, at brugerne nemt kan skifte sprog når som helst under deres browsing eller shoppingoplevelse.
Opsætning af en sprogskifter på Bubble flersprogede website ved hjælp af Linguise!
Nu forstår du allerede, hvordan du vælger sproget til det flersprogede Bubble.io-websted. At læse sprogvelgeren op kan give forskellige fordele og føre til yderligere optimering baseret på de tidligere nævnte punkter.
Optimering af sprogvelgeren kan i høj grad forbedre brugeroplevelsen. Tilmeld dig en Linguise konto, integrer det med din Bubble.io hjemmeside, og tilpas sprogvelgeren for at forbedre brugeroplevelsen.
