Het instellen van een taalwisselaar op de Bubble.io website kan het voor gebruikers gemakkelijker maken om talen te wisselen. Deze functie is vooral waardevol voor applicaties met een mondiaal publiek, waardoor gebruikers met het platform kunnen communiceren in hun voorkeurstaal. Bubble.io, een populair ontwikkelplatform zonder code, biedt ingebouwde lokalisatie-mogelijkheden die ontwikkelaars in staat stellen om meertalige applicaties te maken zonder uitgebreide programmeerkennis.
Om een taalwisselaar te implementeren in Bubble.io, beginnen ontwikkelaars doorgaans met het definiëren van de talen die ze willen ondersteunen in de app-instellingen. Vervolgens maken ze een vervolgkeuzelijst of knop waarmee gebruikers de taal kunnen wijzigen. In dit artikel bespreken we het instellen van een taalwisselaar op Bubble.io met een van de automatische vertaaldiensten websites.
Waarom is een taalwisselaar belangrijk op de Bubble.io-website?
Het toevoegen van een taalwisselaar op een website is niet zonder reden. Hier is waarom je er een moet instellen op een Bubble website.
- Maakt het makkelijker voor gebruikers in andere landen: Een taalwisselaar stelt internationale gebruikers in staat om de website in hun moedertaal te bekijken. Een Spaansgebruiker die bijvoorbeeld een online winkel bezoekt, kan overschakelen naar het Spaans, waardoor het gemakkelijker wordt om productdetails te begrijpen en aankopen te doen. Uit CSA-onderzoek blijkt dat 76% van de online kopers de voorkeur geeft aan het kopen van producten wanneer informatie beschikbaar is in hun taal, wat het belang van deze functie voor gebruikersgemak en toegankelijkheid onderstreept.
- De website optimaliseren in zoekresultaten van andere landen: Met een taalschakelaar kan uw Bubble.io-website beter scoren in zoekopdrachten in vreemde talen. Een Franse versie van uw site verschijnt bijvoorbeeld eerder in Franse Google-zoekopdrachten. Deze verbeterde zichtbaarheid kan het internationale verkeer aanzienlijk verhogen.
- Verhoog conversie: Het aanbieden van inhoud in meerdere talen kan de verkoop stimuleren. Een online cursusplatform dat gebruikers in staat stelt van taal te wisselen, kan een groter publiek aantrekken en de inschrijvingen verhogen. Deze aanpak is effectief omdat consumenten eerder geneigd zijn om te kopen van websites die informatie verstrekken in hun moedertaal, wat rechtstreeks van invloed is op uw conversiepercentages.
- Verbetert de betrokkenheid en retentie van gebruikers: Een taalwisselaar kan gebruikers langer op uw site houden. Gebruikers die interactie hebben in hun voorkeurstaal op een sociale netwerk-app blijven bijvoorbeeld langer betrokken. Deze toegenomen betrokkenheid is significant, aangezien gebruikers doorgaans twee keer zoveel tijd op sites in hun moedertaal doorbrengen dan op sites in een tweede taal, wat leidt tot een betere gebruikersretentie.
Hoe u een taalwisselaar instelt op Bubble.io
Nu we het belang begrijpen van het wisselen van talen op meertalige Bubble.io websites, laten we het hebben over hoe we dit kunnen implementeren. Websitevertalingsdiensten bieden deze functie meestal aan, die kan worden afgestemd op de behoeften van de gebruiker.
Niet alle vertaaldiensten bieden echter aanpasbare en gebruiksvriendelijke taalschakelaars. Daarom is het kiezen van een automatische vertaaldienst die compatibel is met verschillende frameworks en flexibele taalschakelopties biedt, erg belangrijk.
Een automatische vertaaldienst die aan deze criteria voldoet is Linguise. Linguise automatische vertaling biedt een zeer aanpasbare en gebruiksvriendelijke taalomschakelingsfunctie die integreert met populaire CMS- en webbouwers zoals Bubble.io.
Linguise biedt naadloze integratie met de Bubble, waardoor ontwikkelaars eenvoudig taalomschakeling kunnen incorporeren in hun meertalige applicaties. Door gebruik te maken van de geavanceerde functies en gebruiksvriendelijke interface van Linguise, kunt u het instellen en onderhouden van taalwisselaars op uw Bubble -website vereenvoudigen.
Dit zijn de stappen om te installeren Linguise op een Bubble.io-website en de taalkiezer in te stellen.
Stap 1: Registreer een Linguise account
Begin door een gratis Linguise-account aan te maken en uw website-domein toe te voegen. U kunt de gratis proefperiode van 30 dagen gebruiken voordat u een abonnement kiest.
Vervolgens moet u uw domein registreren om de vertaling te autoriseren. Kopieer uw domeinnaam, inclusief “https://,” en selecteer “overig” als het platform.
Selecteer vervolgens uw bron- en doeltalen.
Stap 2: Voeg automatisch DNS toe met Entri
Na het registreren van uw website op het Linguise -dashboard, hebt u twee installatie-opties.
Klik voor automatische toevoeging van DNS-records op “Verbind uw DNS automatisch.” Deze functie, Entri genaamd, vereenvoudigt het installatieproces door de DNS-records voor u te beheren. U kunt ook de DNS-records handmatig kopiëren naar uw domeinprovider.
Door op de knop te klikken, wordt Entri gevraagd om uw geregistreerde website-URL te analyseren en uw openbare DNS-records te onderzoeken, waarbij de nodige provider en DNS-records worden geïdentificeerd.
Klik vervolgens op “Autoriseren met [uw domeinprovider]” (bijv. Cloudflare). Deze actie leidt u door naar de loginpagina van uw domeinprovider, waar u kunt inloggen en doorgaan.
Eenmaal ingelogd zal Entri automatisch de juiste DNS-records toevoegen—één DNS per taal en één TXT DNS voor de validatiesleutel—aan jouw domein.
Na autorisatie zal Entri u laten weten dat alle DNS-instellingen succesvol zijn geconfigureerd. De vertaalfunctie moet bruikbaar zijn zodra alle DNS-vermeldingen op uw domein zijn doorgevoerd, wat meestal 20 tot 30 minuten duurt.
Voor handmatige installatie kunt u de onderstaande stappen volgen.
Stap 3: Kopieer DNS-records
Voor handmatige installatie wordt u doorgestuurd naar een scherm met de DNS-records die nodig zijn om uw meertalige pagina's in te stellen, zoals fr.domein.com of es.domein.com.
Kopieer deze elementen naar uw Bubble.io-DNS-configuratie.
Ga vervolgens naar uw domeinbeheerder en navigeer naar het DNS-installatiegebied. Volg de instructies om te kopiëren:
- One TXT record for domain verification
- Een of meerdere CNAME-records voor de talen
Hier zijn voorbeelden voor elk recordtype (TXT en CNAME).
Zodra u al uw records heeft toegevoegd, moet uw configuratie er zo uitzien.
Stap 4: Verifieer DNS
Nadat u al uw records aan uw domein-DNS hebt toegevoegd, klikt u op de “Controleer DNS-configuratie”-knop om de DNS-propagatie te verifiëren.
DNS-validatie duurt meestal ongeveer 30 minuten tot 1 uur. Zodra dit is voltooid, ziet u groene indicatoren naast de DNS-lijst in het Linguise -dashboard. U bent bijna klaar om uw Bubble.io-website te vertalen; het enige dat resteert is het koppelen aan de taalwisselaar met landenvlaggen.
Stap 5: Taalwisselaar inschakelen
De taalwisselaar is een pop-up met een vlag waarmee gebruikers hun voorkeurstaal kunnen selecteren. Om het te implementeren, kopieer de code die wordt geleverd aan het einde van het domeinregistratieproces of binnen de domeininstellingen naar de koptekst van uw Bubble.io-sitepagina's. De taalwisselaar met vlag zal dan automatisch verschijnen op uw openbare website.
Ga vervolgens naar het Bubble dashboard van je website. Klik ‘Instellingen’ in het linker zijmenu en selecteer “SEO / metatags.”
Scroll naar beneden naar “Script/meta-tags in header” onder “Geavanceerde instellingen.” Plak het Linguise script dat u eerder hebt gekopieerd, klik vervolgens op ‘Opslaan’ en publiceer uw site.
Stap 5: Hoofdscherm configureren
Ga om de taalwisselaar in te stellen naar de “Instellingen” > “Taalvlaggen weergeven” sectie in het Linguise dashboard. Op deze pagina kunt u verschillende instellingen aanpassen
- Pictogramstijl: Kies uit drie opties: naast elkaar weergeven, dropdownmenu of pop-up.
- Positie: Selecteer waar de taalwisselaar op uw site wordt weergegeven. Er zijn verschillende positieopties beschikbaar; zorg ervoor dat deze gemakkelijk toegankelijk is voor bezoekers.
U kunt de weergave van vlaggen en taalnamen, vlaggen en taalafkortingen, of alleen taalnamen combineren. Het wordt aanbevolen om zowel vlaggen als taalnamen te gebruiken voor een makkelijkere herkenning door gebruikers.
Stap 6: Stel het ontwerp van de vlag in
Na het configureren van het hoofdscherm kunt u het ontwerp van de vlaggen die worden weergegeven verder aanpassen.
- Weergavetaalnaam:
- Vlagtype Engels: Deze optie is handig voor talen met meerdere variaties, zoals Amerikaans of Brits Engels (en is ook van toepassing op Spaans, Taiwanees, Duits en Portugees).
- Stijl van de vlag: Kies de vorm van het vlag-icoon, rond of rechthoekig.
Stap 7: Pas kleur en grootte aan
Na het configureren van het vlagontwerp, kunt u de kleur en grootte van de vlaggen verder aanpassen. Hier zijn de instellingen die u kunt aanpassen:
- Rand radius van de vlag: Pas de straal in pixels aan voor de rechthoekige vlagstijl.
- Kleur van de taalnaam: Kies de standaard tekstkleur om de taalnaam weer te geven.
- Pop-up taal kleur: Stel de kleur van de taal titel tekst in het pop-up of dropdown gebied in.
- Vlag grootte: Pas de grootte van de vlag pictogrammen aan.
- Kleur bij zweven van de taalnaam: Stel de tekstkleur in die verschijnt wanneer de gebruiker over de taalnaam zweeft.
- Zwevende tekstkleur voor pop-uptaal: Stel de tekstkleur in die verschijnt wanneer de gebruiker over de taaltitel in het pop-up- of vervolgkeuzemenu zweeft.
Stap 8: De vlag schaduw instellen
Ten slotte kunt u de instellingen voor de vlagboxschaduw aanpassen. Met de eerste optie kunt u een schaduweffect toepassen op elk vlagpictogram dat op uw website wordt weergegeven. Met de volgende optie kunt u het schaduweffect regelen wanneer gebruikers met de muis over de taalvlaggen zweven.
Nadat u alle gewenste aanpassingen hebt gemaakt, klikt u op de knop Opslaan om de aanpassingswijzigingen toe te passen. Ga vervolgens naar uw Bubble website om te verifiëren dat de configuratie met succes is toegepast. Dit is hoe de taalwisselaar zal verschijnen.
Na de installatie kunt u zien hoe de taalwisselaar functioneert op uw Bubble meertalige website.
Vervolgens kunt u de website vertalen in andere talen zoals Spaans.
Beste praktijken voor het optimaliseren van de taalwisselaar op Bubble.io
Na het succesvol instellen van de taalwisselaar op een Bubble meertalige website, is het belangrijk om tips te overwegen voor het optimaliseren van de taalwisselaar voor zowel uw site als bezoekers.
Gebruik een gemakkelijk herkenbaar taalvlagglogo
Bij het implementeren van een taalwisselaar op uw Bubble.io-website is het gebruik van gemakkelijk herkenbare taalvlaggen of -pictogrammen cruciaal. Deze visuele aanwijzingen helpen gebruikers snel hun voorkeurstaal te identificeren en te selecteren. Een globe-pictogram wordt bijvoorbeeld universeel begrepen als representatief voor taalopties. U kunt ook landenvlaggen gebruiken, maar wees ervan bewust dat dit soms problematisch kan zijn omdat talen niet altijd aan één land zijn gekoppeld.
Voorbeeld: De website van Amazon gebruikt een klein wereldbol-icoon naast de momenteel geselecteerde taal (bijv. “NL”) in de bovenste navigatiebalk. Deze eenvoudige maar effectieve aanpak stelt gebruikers in staat om snel de taalopties te vinden, ongeacht hun huidige taalinstelling.
Voeg taalnamen toe naast vlaggen
Hoewel vlaggen nuttig kunnen zijn, mogen ze niet alleen worden gebruikt. Het opnemen van de naam van de taal in het eigen schrift naast de vlag of het pictogram zorgt voor duidelijkheid en voorkomt mogelijke verwarring. Dit is vooral belangrijk voor talen die in meerdere landen of regio's worden gesproken.
Voorbeeld: De taalwisselaar op de Airbnb-website toont de taalnaam en de landenvlag. Het toont bijvoorbeeld “English (US)” met de Amerikaanse vlag, en “Français” met de Franse vlag. Deze combinatie zorgt ervoor dat gebruikers hun voorkeurstaal nauwkeurig kunnen identificeren.
Plaats de taalwisselaar-knop doordacht
De plaatsing van uw taalwisselaar is cruciaal voor de toegankelijkheid van de gebruiker. Veelvoorkomende locaties zijn de rechterbovenhoek van de header, in de footer of binnen het hoofd navigatie menu. De sleutel is om het gemakkelijk vindbaar te maken zonder de hoofd inhoudsgebied te overladen.
Voorbeeld: Op de website tiffany.com bevindt de taalwisselaar zich in de rechterbenedenhoek van de pagina, altijd zichtbaar en toegankelijk. Deze consistente plaatsing zorgt ervoor dat gebruikers de taalopties snel kunnen vinden en gebruiken, ongeacht waar ze op de site zijn.
Ontwerp de taalwisselaar responsief
Zorg ervoor dat uw taalwisselaar goed werkt op alle apparaten, van desktopcomputers tot smartphones. Op kleinere schermen moet u mogelijk het ontwerp aanpassen - bijvoorbeeld door een dropdownmenu te gebruiken in plaats van een horizontale lijst met opties.
Voorbeeld: De taalwisselaar van de UNESCO-website past zich prachtig aan op verschillende apparaten. Op het bureaublad verschijnt het als een horizontale lijst in de koptekst. Op mobiele apparaten verandert het in een compact dropdownmenu, waardoor de bruikbaarheid gewaarborgd blijft zonder de mobiele lay-out te compromitteren.
Zorg ervoor dat de taalwisselaar consistent is over de pagina's heen
Behoud dezelfde ontwerp, functionaliteit en positie van uw taalwisselaar op alle pagina's van uw Bubble.io website. Deze consistentie helpt gebruikers uw site efficiënter te navigeren, omdat ze precies weten waar ze de taalopties kunnen vinden, ongeacht hun huidige pagina.
Voorbeeld: De website behoudt zijn taalwisselaar consequent in de voettekst op alle pagina's, van de startpagina tot productpagina's en het afrekenproces. Deze consistentie zorgt ervoor dat gebruikers gemakkelijk talen kunnen wisselen tijdens het browsen of winkelen.
Stel een taalwisselaar in op de Bubble meertalige website met behulp van Linguise!
Nu begrijpt u al hoe u de taal kunt selecteren voor de Bubble.io meertalige website. Het lezen van de taalkeuze kan verschillende voordelen opleveren en verder leiden tot optimalisatie op basis van de eerder genoemde punten.
Het optimaliseren van de taalkeuze kan de gebruikerservaring aanzienlijk verbeteren. Aanmelden voor een Linguise account, integreer het met uw Bubble.io website en pas de taalkeuze aan om de gebruikerservaring te verbeteren.
