Het instellen van een taalswitcher op de Bubble - website kan het voor gebruikers gemakkelijker maken om van taal te wisselen. Deze functie is met name waardevol voor applicaties met een wereldwijd publiek, omdat gebruikers hiermee in hun voorkeurstaal met het platform kunnen communiceren. Bubble , een populair no-code ontwikkelplatform, biedt ingebouwde lokalisatiemogelijkheden waarmee ontwikkelaars meertalige applicaties kunnen maken zonder uitgebreide programmeerkennis.
Om een taalswitcher in Bubble.io te implementeren, beginnen ontwikkelaars doorgaans met het definiëren van de talen die ze willen ondersteunen in de app-instellingen. Vervolgens maken ze een dropdown- of knopelement waarmee gebruikers de taal kunnen wijzigen. In dit artikel bespreken we het instellen van een taalswitcher in Bubble.io met behulp van een van de websites van automatische vertaaldiensten.
Waarom is een taalswitcher belangrijk op de Bubble.io-website?
Het toevoegen van een taalswitcher aan een website is niet zonder reden. Hier zijn de redenen waarom je er een moet installeren op een Bubble -website.
- Maakt het gemakkelijker voor gebruikers in andere landen: Dankzij een taalwisselaar kunnen internationale gebruikers de website in hun moedertaal bekijken. Een Spaanse gebruiker die een online winkel bezoekt, kan bijvoorbeeld overschakelen naar het Spaans, waardoor het gemakkelijker wordt om productdetails te begrijpen en aankopen te voltooien. CSA-onderzoeken tonen aan dat 76% van de online shoppers de voorkeur geeft aan het kopen van producten wanneer de informatie in hun taal beschikbaar is, wat het belang van deze functie voor gebruikerscomfort en toegankelijkheid benadrukt.
- Optimaliseer de website in zoekresultaten van andere landen: met een taalswitcher scoort uw Bubble .io-website beter in zoekopdrachten in vreemde talen. Zo is de kans groter dat een Franstalige versie van uw website verschijnt in Franse Google-zoekopdrachten. Deze verbeterde zichtbaarheid kan het internationale verkeer aanzienlijk verhogen.
- Verhoog de verkoopconversie: Het aanbieden van inhoud in meerdere talen kan de verkoop stimuleren. Een online cursusplatform waarmee gebruikers van taal kunnen wisselen, kan een breder publiek aantrekken en het aantal inschrijvingen vergroten. Deze aanpak is effectief omdat de kans groter is dat consumenten iets kopen op websites die informatie in hun moedertaal bieden, wat een directe invloed heeft op uw conversiepercentages.
- Verbetert de betrokkenheid en retentie van gebruikers: Een taalwisselaar kan gebruikers langer op uw site houden. Gebruikers die in hun voorkeurstaal communiceren op een app voor sociaal netwerken, blijven bijvoorbeeld langer betrokken. Deze grotere betrokkenheid is aanzienlijk, omdat gebruikers doorgaans twee keer zoveel tijd op sites in hun moedertaal doorbrengen dan op sites in een tweede taal, wat leidt tot een betere gebruikersbinding.
Hoe je een taalwisselaar instelt op Bubble.io
Nu we het belang van taalwisseling op meertalige Bubble.io-websites begrijpen, laten we bespreken hoe we dit kunnen implementeren. Websitevertaaldiensten bieden deze functie meestal aan, en kunnen deze aanpassen aan de behoeften van de gebruiker.
Niet alle vertaaldiensten bieden echter aanpasbare en gebruiksvriendelijke taalwisselaars. Daarom is het erg belangrijk om te kiezen voor een automatische vertaalservice die compatibel is met verschillende raamwerken en die flexibele taalwisselfuncties biedt.
Een automatische vertaaldienst die aan deze criteria voldoet, is Linguise . Linguise biedt een zeer aanpasbare en gebruiksvriendelijke functie voor taalomschakeling die integreert met populaire CMS- en websitebouwers zoals Bubble .
Linguise biedt naadloze integratie met Bubble, waardoor ontwikkelaars eenvoudig taalwisselingen kunnen integreren in hun meertalige applicaties. Door gebruik te maken van de geavanceerde functies en gebruiksvriendelijke interface van Linguise, kunt u het instellen en onderhouden van taalwisselingen op uw Bubble -website vereenvoudigen.
Hieronder vindt u de stappen om Linguise op een Bubble .io-website te installeren en de taalwisselaar in te stellen.
Stap 1: Registreer een Linguise account
Begin met het aanmaken van een gratis Linguise -account en het toevoegen van uw websitedomein. 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 ‘anders’ als platform.
Selecteer vervolgens uw bron- en doeltalen.
Stap 2: DNS automatisch toevoegen met Entri
Nadat u uw website op het Linguise dashboard heeft geregistreerd, heeft u twee installatieopties.
Voor automatische toevoeging van DNS-records klikt u op 'Verbind uw DNS automatisch'. Deze functie, Entri genaamd, vereenvoudigt het installatieproces door de DNS-records voor u te beheren. U kunt de DNS-records ook handmatig naar uw domeinprovider kopiëren.
Als u op de knop klikt, wordt Entri gevraagd uw geregistreerde website-URL te analyseren en uw openbare DNS-records te onderzoeken, waarbij de benodigde provider en DNS-records worden geïdentificeerd.
Klik vervolgens op “Autoriseer bij [uw domeinprovider]” (bijv. Cloudflare). Deze actie leidt u door naar de inlogpagina van uw domeinprovider, waar u kunt inloggen en verder kunt gaan.
Eenmaal ingelogd voegt Entri automatisch de juiste DNS-records (één DNS per taal en één TXT DNS voor de validatiesleutel) toe aan uw domein.
Na autorisatie zal Entri u informeren dat alle DNS-instellingen succesvol zijn geconfigureerd. De vertaalfunctie zou bruikbaar moeten zijn zodra alle DNS-vermeldingen zich op uw domein hebben verspreid. Dit duurt doorgaans 20 tot 30 minuten.
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.domain.com of es.domain.com.
Kopieer deze elementen naar uw Bubble.io DNS-configuratie.
Ga vervolgens naar uw domeinbeheerder en navigeer naar het DNS-instellingengebied. Volg de instructies om te kopiëren:
- Eén TXT-record voor domeinverificatie
- Eén of meerdere CNAME-records voor de talen
Hier volgen voorbeelden voor elk recordtype (TXT en CNAME).
Nadat u al uw records heeft toegevoegd, zou uw configuratie er als volgt uit moeten zien.
Stap 4: DNS verifiëren
Nadat u al uw records aan uw domein-DNS heeft toegevoegd, klikt u op de knop 'DNS-configuratie controleren' om de DNS-propagatie te verifiëren.
DNS-validatie duurt meestal ongeveer 30 minuten tot 1 uur. Zodra deze voltooid is, ziet u groene indicatoren naast de DNS-lijst in het Linguise dashboard. U bent bijna klaar om uw Bubble.io-website te vertalen; u hoeft alleen nog maar te linken naar de taalwisselaar met landvlaggen.
Stap 5: Schakel en taalwisselaar in
De taalwisselaar is een pop-up met vlaggetjes waarmee gebruikers hun voorkeurstaal kunnen selecteren. Om deze te implementeren, kopieert u de code die u aan het einde van het domeinregistratieproces of in de domeininstellingen aantreft naar de header van uw Bubble.io-pagina's. De taalwisselaar met vlaggetjes verschijnt dan automatisch op uw openbare website.
Ga vervolgens naar het paneel van je Bubble -website. Klik op 'Instellingen' in het menu aan de linkerkant en selecteer 'SEO / metatags'.
Scrol omlaag naar 'Script-/metatags in koptekst' onder 'Geavanceerde instellingen'. Plak het Linguise -script dat u eerder hebt gekopieerd, klik vervolgens op 'Opslaan' en publiceer uw site.
Stap 5: Configureer het hoofddisplay
Om te beginnen met het instellen van de taalwisselaar, navigeert u naar het ‘Instellingen’ > ‘Weergave van taalvlaggen’ in het Linguise dashboard. Op deze pagina kunt u diverse instellingen aanpassen
- Stijl van vlagpictogram: Kies uit drie opties: naast elkaar weergegeven, vervolgkeuzemenu of pop-up.
- Positie: Selecteer waar de taalwisselaar op uw site zal verschijnen. Er zijn verschillende positie-opties beschikbaar; Zorg ervoor dat het gemakkelijk toegankelijk is voor bezoekers.
U kunt de weergave van vlaggen en taalnamen, vlaggen en taalafkortingen of alleen taalnamen combineren. Het gebruik van zowel vlaggen als taalnamen wordt aanbevolen voor eenvoudigere gebruikersherkenning.
Stap 6: Stel het ontwerp van de vlag in
Nadat u het hoofddisplay hebt geconfigureerd, kunt u het ontwerp van de vlaggen die worden weergegeven verder aanpassen.
- Taalnaam weergeven: u kunt ervoor kiezen de taalnaam weer te geven op basis van de landnaam of de taalnaam zelf. U kunt bijvoorbeeld 'Frans' of 'Français' weergeven.
- Engelse vlagtype: Deze optie is handig voor talen met meerdere varianten, zoals Amerikaans of Brits Engels (en is ook van toepassing op Spaans, Taiwanees, Duits en Portugees).
- Vlagstijl: Kies de vorm van het vlagpictogram, rond of rechthoekig.
Stap 7: Pas de kleur en maat aan
Nadat u het vlagontwerp heeft geconfigureerd, kunt u de kleur en grootte van de vlaggen verder aanpassen. Dit zijn de instellingen die u kunt aanpassen:
- Randradius van vlag: Pas de straal in pixels aan voor de rechthoekige vlagstijl.
- Kleur taalnaam: Kies de standaardtekstkleur om de taalnaam weer te geven.
- Kleur pop-uptaal: Stel de kleur van de taaltiteltekst in het pop-up- of vervolgkeuzegebied in.
- Vlaggrootte: Pas de grootte van de vlagpictogrammen aan.
- Zweefkleur taalnaam: Stel de tekstkleur in die verschijnt wanneer de gebruiker de muisaanwijzer over de taalnaam beweegt.
- Kleur pop-uptaal: stel de tekstkleur in die wordt weergegeven wanneer de gebruiker de muisaanwijzer op de taaltitel in het pop-up- of vervolgkeuzegebied plaatst.
Stap 8: De schaduw van het vlagvak instellen
Ten slotte kunt u de schaduwinstellingen van het vlagvak aanpassen. Met de eerste optie kunt u een schaduweffect toepassen op elk vlagpictogram dat op uw website wordt weergegeven. De volgende optie regelt het schaduweffect wanneer gebruikers hun muis over de taalvlaggen bewegen.
Zodra u alle gewenste aanpassingen hebt gemaakt, klikt u op de knop Opslaan om de wijzigingen toe te passen. Ga vervolgens naar uw Bubble website om te controleren of de configuratie succesvol is toegepast. Zo ziet de taalwisselaar eruit.
Nadat u de instellingen hebt voltooid, kunt u zien hoe de taalwisselaar op uw meertalige Bubble -website functioneert.
Vervolgens kunt u de website vertalen naar andere talen, zoals Spaans.
Aanbevolen procedures voor het optimaliseren van de taalswitcher op Bubble
Nadat u de taalwisselaar op een meertalige Bubble -website succesvol hebt ingesteld, is het belangrijk om tips te overwegen voor het optimaliseren van de taalwisselaar voor zowel uw site als uw bezoekers.
Gebruik een gemakkelijk herkenbaar taalvlaglogo
Bij de implementatie van een taalswitcher op je 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 wereldbol wordt bijvoorbeeld algemeen beschouwd als een symbool voor taalopties. Je kunt ook landvlaggen gebruiken, maar houd er rekening mee dat dit soms problematisch kan zijn, omdat talen niet altijd aan één land gekoppeld zijn.
Voorbeeld: De website van Amazon gebruikt een klein wereldbolpictogram naast de momenteel geselecteerde taal (bijvoorbeeld 'EN') in de bovenste navigatiebalk. Dankzij deze eenvoudige maar effectieve aanpak kunnen gebruikers snel de taalopties vinden, ongeacht hun huidige taalinstelling.
Verwerk taalnamen naast vlaggen
Hoewel vlaggen nuttig kunnen zijn, mogen ze niet alleen worden gebruikt. Het opnemen van de naam van de taal in het oorspronkelijke 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 geeft de taalnaam en de landvlag weer. Er staat bijvoorbeeld ‘English (US)’ bij de Amerikaanse vlag en ‘Français’ bij de Franse vlag. Deze combinatie zorgt ervoor dat gebruikers nauwkeurig hun voorkeurstaal kunnen identificeren.
Plaats de taalwisselknop zorgvuldig
De plaatsing van uw taalwisselaar is van cruciaal belang voor de gebruikerstoegankelijkheid. Veel voorkomende locaties zijn de rechterbovenhoek van de koptekst, in de voettekst of in het hoofdnavigatiemenu. De sleutel is om het gemakkelijk vindbaar te maken zonder het hoofdinhoudsgebied onoverzichtelijk te maken.
Voorbeeld: Op de website tiffany.com bevindt de taalwisselaar zich rechtsonder op de pagina, altijd zichtbaar en toegankelijk. Deze consistente plaatsing zorgt ervoor dat gebruikers de taalopties snel kunnen vinden en gebruiken, ongeacht waar ze zich op de site bevinden.
Ontwerp de taalwisselaar zo dat deze responsief is
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 vervolgkeuzemenu 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 mobiel verandert het in een compact vervolgkeuzemenu, waardoor de bruikbaarheid wordt gegarandeerd zonder de mobiele lay-out in gevaar te brengen.
Zorg ervoor dat de taalwisselaar consistent is op alle pagina's
Behoud hetzelfde ontwerp, dezelfde functionaliteit en dezelfde positie van je taalswitcher op alle pagina's van je Bubble.io-website. Deze consistentie helpt gebruikers efficiënter door je site te navigeren, omdat ze precies weten waar ze de taalopties kunnen vinden, ongeacht hun huidige pagina.
Voorbeeld: De website onderhoudt de taalwisselaar consistent in de voettekst op alle pagina's, van de startpagina tot de productpagina's en het afrekenproces. Deze consistentie zorgt ervoor dat gebruikers op elk moment gemakkelijk van taal kunnen wisselen tijdens het browsen of winkelen.
Installeer een taalwisselaar op de meertalige website Bubble met behulp van Linguise!
Je begrijpt nu al hoe je de taal selecteert voor de meertalige Bubble.io-website. Het voorlezen van de taalselector kan verschillende voordelen opleveren en leiden tot verdere optimalisatie op basis van de eerder genoemde punten.
Effectieve optimalisatie van de taalselector kan de gebruikerservaring aanzienlijk verbeteren. Maak een Linguise account aan, integreer het met je Bubble .io-website en pas de taalselector aan om de gebruikerservaring te verbeteren.
