Sådan konfigurerer du en sprogskifter på Bubble.io

af Aorinka Anendya
1. august 2024

Blog > Guide > Sådan konfigurerer du en sprogskifter på Bubble.io

Indstilling af en sprogskifter på Bubble.io -webstedet kan gøre det lettere for brugere at skifte sprog. Denne funktion er især værdifuld for applikationer med et globalt publikum, hvilket giver brugerne mulighed for at interagere med platformen på deres foretrukne sprog. Bubble.io, en populær udviklingsplatform uden kode, tilbyder indbyggede lokaliseringsfunktioner, der gør det muligt for udviklere at skabe flersprogede applikationer uden omfattende kodningsviden.

For at implementere en sprogskifter i Bubble.io starter udviklere typisk med at definere de sprog, de ønsker at understøtte, i appens indstillinger. De opretter derefter en dropdown- eller knapelement, som brugerne kan interagere med for at ændre sproget. I denne artikel vil vi diskutere opsætning af en sprogskifter på Bubble.io med et af de automatiske oversættelsestjenestewebsteder.

Hvorfor er en sprogskifter vigtig på Bubble.io-webstedet?

Tilføjelse af en sprogskifter på et websted er ikke uden grund. Her er grunden til, at du skal oprette en på et Bubble-websted.

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 onlinebutik, skifte til spansk, hvilket gør det nemmere at forstå produktdetaljer og gennemføre køb. CSA-forskningsundersøgelser viser, at 76 % af onlineshoppere foretrækker at købe produkter, når information er tilgængelig på deres sprog, hvilket understreger vigtigheden af denne funktion for brugernes komfort og tilgængelighed.
Optimering af webstedet i søgeresultater i andre lande: Med en sprogskifter kan dit Bubble.io-websted rangere bedre i fremmedsprogssøgninger. For eksempel er der større sandsynlighed for, at en fransk version af dit websted vises i franske Google-søgninger. Denne forbedrede synlighed kan øge den internationale trafik markant.
Øg salgskonvertering: At tilbyde 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 antallet af tilmeldinger. Denne tilgang er effektiv, fordi forbrugerne er mere tilbøjelige til at købe fra websteder, der leverer oplysninger på deres modersmål, hvilket direkte påvirker dine konverteringsrater.
Forbedrer brugerengagement og fastholdelse: En sprogskifter kan holde brugere på dit websted længere. For eksempel har brugere, der interagerer på deres foretrukne sprog på en social netværksapp, en tendens til at forblive engageret længere. Dette øgede engagement er betydeligt, da brugere typisk bruger dobbelt så meget tid på websteder på deres modersmål end dem på et andet sprog, hvilket fører til bedre fastholdelse af brugere.

Bryd sprogbarrierer

Sig farvel til sprogbarrierer og hej til grænseløs vækst! Prøv vores automatiske oversættelsestjeneste i dag.

Begynd at oversætte nu

Sådan konfigurerer 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. Hjemmesideoversættelsestjenester tilbyder normalt denne funktion, som kan skræddersyes til brugerens behov.

Det er dog ikke alle oversættelsestjenester, der tilbyder tilpasselige og brugervenlige sprogskiftere. Derfor er det meget vigtigt at vælge en automatisk oversættelsestjeneste, der er kompatibel med forskellige rammer og giver fleksible sprogskiftefunktioner.

En automatisk oversættelsestjeneste, der opfylder disse kriterier, er Linguise . Linguise automatiske oversættelse tilbyder en meget tilpasselig og letanvendelig sprogskiftefunktion, der integreres med populære CMS og webbyggere som Bubble.io.

Linguise giver problemfri integration med boblen, hvilket giver udviklere mulighed for nemt at inkorporere sprogskift i deres flersprogede applikationer. Ved at udnytte Linguise avancerede funktioner og brugervenlige grænseflade kan du forenkle opsætning og vedligeholdelse af sprogskiftere på dit Bubble-websted.

Her er trinene til at installere Linguise på et Bubble.io-websted og konfigurere sprogskifteren.

Trin 1: Registrer Linguise -konto

Start med at oprette en gratis Linguise -konto og tilføje dit webstedsdomæne. Du kan bruge den 30-dages gratis prøveperiode, før du vælger et abonnement.

Derefter skal du registrere dit domæne for at godkende oversættelsen. Kopiér dit domænenavn, inklusive "https://", og vælg "andet" som platform.

Vælg derefter dit kilde- og målsprog.

Trin 2: Tilføj automatisk DNS ved hjælp af Entri

Når du har registreret dit websted på Linguise dashboardet, har du to installationsmuligheder.

For automatisk tilføjelse af DNS-post skal du klikke 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.

Hvis du klikker på knappen, bliver Entri bedt om at analysere din registrerede websteds-URL og undersøge dine offentlige DNS-registreringer og identificere den nødvendige udbyder og DNS-poster.

Klik derefter 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 - en DNS pr. sprog og en TXT DNS for valideringsnøglen - til dit domæne.

Efter godkendelse vil Entri give dig besked om, at alle DNS-indstillinger er blevet konfigureret. Oversættelsesfunktionen bør være brugbar, når alle DNS-poster udbredes 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

For manuel installation vil du blive omdirigeret til en skærm, der viser de DNS-registreringer, der er nødvendige for at konfigurere dine flersprogede sider, såsom fr.domain.com eller es.domain.com.

Kopier disse elementer til din Bubble.io DNS-konfiguration.

Gå derefter til din domæneadministrator og naviger til DNS-opsætningsområdet. Følg instruktionerne for at kopiere:

Én TXT-record til domænebekræftelse
En eller flere CNAME-poster for sprogene

Her er eksempler for hver posttype (TXT og CNAME).

Når du har tilføjet alle dine poster, skulle din konfiguration se sådan ud.

Trin 4: Bekræft DNS

Når du har tilføjet alle dine registreringer til dit domæne-DNS, skal du klikke på knappen "Kontroller DNS-konfiguration" for at bekræfte DNS-udbredelsen.

DNS-validering tager normalt omkring 30 minutter til 1 time. Når du er færdig, bør du se grønne indikatorer ved siden af DNS-listen i Linguise -dashboardet. Du er næsten klar til at oversætte dit Bubble.io-websted; det eneste, der er tilbage, er at linke til sprogskifteren med landeflag.

Trin 5: Aktiver og sprogskifter

Sprogskifteren er en flag-popup, der giver brugerne mulighed for at vælge deres foretrukne sprog. For at implementere det skal du kopiere den kode, der er angivet i slutningen af domæneregistreringsprocessen eller i domæneindstillingerne til overskriften på dine Bubble.io-websteders sider. Flagsprogsskifteren vises derefter automatisk på din offentlige hjemmeside.

Gå derefter til dit Bubble-webstedspanel. Klik på 'Indstillinger' i venstre sidebjælke, og vælg "SEO / metatags."

Rul ned til "Script/metatags i header" under "Avancerede indstillinger". Indsæt det Linguise script, du kopierede tidligere, og klik derefter på 'Gem' og udgiv dit websted.

Trin 5: Konfigurer hoveddisplayet

For at begynde at konfigurere sprogskifteren skal du navigere til "Indstillinger" > "Visning af sprogflag" i Linguise -dashboardet. På denne side kan du justere flere indstillinger

Flagikonstil: Vælg mellem tre muligheder: side om side visning, rullemenu eller pop op.
Position: Vælg, hvor sprogskifteren skal vises på dit websted. Forskellige positionsmuligheder er tilgængelige; sikre, at det er let tilgængeligt for besøgende.

Du kan kombinere visning af flag og sprognavne, flag og sprogforkortelser eller blot sprognavne. Brug af både flag og sprognavne anbefales for lettere brugergenkendelse.

Trin 6: Indstil flagets design

Efter at have konfigureret hoveddisplayet, skal 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 sprognavnet. Du kan f.eks. vise "fransk" eller "français".
Engelsk flagtype: Denne indstilling 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 rund eller rektangulær.

Trin 7: Tilpas farve og størrelse

Efter at have konfigureret flagdesignet, kan du yderligere tilpasse farven og størrelsen på flagene. Her er de indstillinger, du kan justere:

Flagkantradius: Tilpas radius i pixels for den rektangulære flagstil.
Sprognavnsfarve: Vælg standardtekstfarven for at vise sprognavnet.
Popup-sprogfarve: Indstil farven på sprogets titeltekst i pop op- eller dropdown-området.
Flagstørrelse: Juster størrelsen på flagikonerne.
Svævefarve for sprognavn: Indstil tekstfarven, der vises, når brugeren holder markøren over sprognavnet.
Popup-sprog-hoverfarve: Indstil tekstfarven, der vises, når brugeren svæver over sprogtitlen i pop op- eller dropdown-området.

Trin 8: Indstilling af flagboksens skygge

Endelig kan du justere flagboksens skyggeindstillinger. Den første mulighed giver dig mulighed for at anvende en skyggeeffekt på hvert flagikon, der vises på dit websted. Den næste mulighed styrer skyggeeffekten, når brugere holder musen over sprogflagene.

Når du har foretaget alle de ønskede justeringer, skal du klikke på knappen Gem for at anvende tilpasningsændringerne. Besøg derefter dit Bubble-websted for at bekræfte, at konfigurationen er blevet anvendt. Sådan vil sprogskifteren se ud.

Efter opsætningen kan du se, hvordan sprogskifteren fungerer på din Bubble flersprogede hjemmeside.

Dernæst kan du oversætte hjemmesiden til andre sprog som spansk.

Bedste fremgangsmåder til optimering af sprogskifter på Bubble.io

Efter succesfuld opsætning af sprogskifteren på et flersproget Bubble-websted, er det vigtigt at overveje tips til optimering af sprogskifteren for både dit websted og besøgende.

Brug et let identificerbart sprogflaglogo

Når du implementerer en sprogskifter på dit Bubble.io-websted, er det afgørende at bruge letgenkendelige sprogflag eller ikoner. Disse visuelle signaler hjælper brugere med hurtigt at identificere og vælge deres foretrukne sprog. For eksempel er et globusikon universelt forstået for at repræsentere sprogindstillinger. Alternativt kan du bruge landeflag, men vær opmærksom på, at dette nogle gange kan være problematisk, da sprog ikke altid er bundet 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 aktuelle sprogindstilling.

Indsæt sprognavne ved siden af flag

Selvom flag kan være nyttige, bør de ikke bruges alene. At inkludere sprogets navn i dets oprindelige script 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-webstedet viser sprognavnet og landsflaget. For eksempel viser den "English (US)" med det amerikanske flag og "Français" med det franske flag. Denne kombination sikrer, at brugerne nøjagtigt kan identificere deres foretrukne sprogvalg.

Placer sprogskifterknappen omhyggeligt

Placeringen af din sprogskifter er afgørende for brugernes tilgængelighed. Almindelige placeringer omfatter øverste højre hjørne af sidehovedet, i sidefoden eller i hovednavigationsmenuen. Nøglen er at gøre det let at finde uden at rode i hovedindholdsområdet.

Eksempel: På hjemmesiden tiffany.com er sprogskifteren i nederste højre hjørne af siden, altid synlig og tilgængelig. Denne ensartede placering sikrer, at brugere hurtigt kan finde og bruge sprogmulighederne, uanset hvor de er på webstedet.

Design sprogskifteren til at være lydhør

Sørg for, at din sprogskifter fungerer godt på alle enheder, fra stationære computere til smartphones. På mindre skærme skal du muligvis tilpasse designet - for eksempel ved at bruge en rullemenu i stedet for en vandret liste over muligheder.

Eksempel: UNESCO-webstedets sprogskifter tilpasser sig smukt på tværs af enheder. På skrivebordet vises den som en vandret liste i overskriften. På mobilen forvandles den til en kompakt rullemenu, der sikrer brugervenlighed uden at gå på kompromis med det mobile layout.

Sørg for, at sprogskifteren er ensartet på tværs af sider

Bevar det samme design, funktionalitet og position som din sprogskifter på tværs af alle sider på dit Bubble.io-websted. Denne sammenhæng hjælper brugerne med at navigere mere effektivt på dit websted, da de ved præcis, hvor de kan finde sprogmulighederne uanset deres nuværende side.

Eksempel: Hjemmesiden vedligeholder sin sprogskifter konsekvent i sidefoden på tværs af alle sider, fra startsiden til produktsider og kasseprocessen. Denne konsistens sikrer, at brugere nemt kan skifte sprog når som helst under deres browsing eller shoppingoplevelse.

Klar til at udforske nye markeder? Prøv vores automatiske oversættelsestjeneste gratis med vores 1-måneds risikofri prøveperiode. Intet kreditkort nødvendigt!

Få din 1-måneds gratis prøveperiode

Konfigurer en sprogskifter på Bubbles flersprogede websted ved hjælp af Linguise !

Nu forstår du allerede, hvordan du vælger sproget til det flersprogede Bubble.io-websted. Udlæsning af sprogvælgeren kan give forskellige fordele og yderligere føre til optimering ud fra de tidligere nævnte punkter.

Effektiv optimering af sprogvælgeren kan forbedre brugeroplevelsen markant. Tilmeld dig en Linguise -konto, integrer den med dit Bubble.io-websted, og tilpas sprogvælgeren for at forbedre brugeroplevelsen.

Sådan konfigurerer du en sprogskifter på Bubble.io

Hvorfor er en sprogskifter vigtig på Bubble.io-webstedet?