Heb je een website met Bubble.io die je in verschillende talen wilt vertalen zodat deze bereikbaar is voor externe klanten? Bubble.io is een krachtig en flexibel no-code platform dat een krachtige omgeving biedt voor het bouwen en beheren van webapplicaties. Door automatische vertaling te integreren in je Bubble.io-app kun je het creëren en onderhouden van meertalige content vereenvoudigen, wat tijd en middelen bespaart en tegelijk zorgt voor een consistente, hoogwaardige gebruikerservaring in meerdere talen.
Daarom bespreken we in dit artikel hoe u eenvoudig automatische vertaling op de Bubble.io-site kunt implementeren met behulp van een automatische vertaaldienst.
De voordelen van het implementeren van automatische vertaling op Bubble
Het implementeren van automatische vertaling op de Bubble.io-website kan verschillende voordelen bieden, waaronder de volgende.
- Toegang tot de wereldmarkt: Automatische vertaling stelt je Bubble.io-app in staat gebruikers wereldwijd te bereiken. Een receptendelingsapp die oorspronkelijk in het Engels is, kan bijvoorbeeld direct beschikbaar worden voor foodliefhebbers in Japan, Brazilië en Frankrijk, zodat zij recepten in hun moedertaal kunnen verkennen en bijdragen.
- Verhoogde gebruikerstevredenheid: Content in de voorkeurstaal van een gebruiker leidt tot een aangenamere en meeslependere ervaring. Voorbeeld: Een reisplanningsapp die automatisch reisschema's, beoordelingen en lokale aanbevelingen naar de taal van de gebruiker vertaalt, kan de ervaring van het plannen van hun reis aanzienlijk verbeteren.
- Hoger conversiepotentieel: Gebruikers zijn eerder geneigd aankopen te doen of zich aan te melden voor diensten wanneer informatie in hun moedertaal wordt weergegeven. Een online cursusplatform zou bijvoorbeeld een toename in inschrijvingen uit Spaanstalige landen kunnen zien na het implementeren van automatische vertaling, omdat potentiële studenten nu de cursusbeschrijvingen en voordelen volledig kunnen begrijpen.
- Verbeterde zichtbaarheid in zoekresultaten: Meertalige content vergroot de kans dat je app verschijnt in zoekresultaten in verschillende regio's en talen. Een vacaturezoekapp die automatisch vertaalde vacatures en cv-tips aanbiedt, kan bijvoorbeeld opduiken in zoekopdrachten in de lokale taal in meerdere landen, waardoor werkzoekenden worden aangetrokken die het platform voorheen niet konden vinden.
Voorbeelden van meertalige websites met Bubble
Volgens trends.builtwith.com gebruiken meer dan 55 duizend sites Bubble.io. Daarom bespreken we deze keer enkele voorbeelden om je een idee te geven of je overweegt een meertalige site te maken met Bubble.io.
Fanova.io
Fanova is een mooi voorbeeld van een website die is gebouwd met Bubble.io. Het verbindt fans met hun favoriete contentmakers en stelt hen in staat zich te abonneren op exclusieve content. De site laat zien hoe Bubble.io in staat is om geavanceerde, gebruiksvriendelijke applicaties te maken met functies zoals meertalige ondersteuning.
De taalwisselaar in de linkerbenedenhoek biedt opties voor Engels, Spaans en Braziliaans Portugees. Deze meertalige aanpak stelt Fanova in staat om een divers, internationaal publiek in Noord-Amerika, Latijns-Amerika en Brazilië te bedienen. Met behulp van de functies van Bubble.io kan Fanova content in meerdere talen beheren en presenteren met behoud van een consistente vormgeving, wat de gebruikerservaring verbetert voor bezoekers met verschillende taalachtergronden.
IC-academy.io
Impact Creative Academy (ICA) is het vermogen van het platform om professionele en functionele webapplicaties te creëren. De site biedt AI-gedreven carrièremiddelen, waaronder gratis cursussen, subsidiewedstrijden en mogelijkheden om te solliciteren. Het strakke ontwerp heeft een opvallende kop, een beknopte waardepropositie en een aantrekkelijke “Dive in”-call-to-action-knop.
Een opvallend kenmerk van de ICA-website is de taalwisselaar in de rechterbovenhoek, waarmee gebruikers kunnen kiezen tussen Engels en Arabisch. Deze meertalige ondersteuning laat zien hoe Bubble.io effectief wereldwijd toegankelijke platforms kan creëren. Door content in zowel het Engels als het Arabisch aan te bieden, kan ICA een diverse gebruikersbasis bedienen in Engelstalige landen en de Arabische wereld.
Hoe u automatische vertaling implementeert op Bubble.io
Nadat we voorbeelden hebben bekeken van meertalige sites die met Bubble.io zijn gemaakt, onderzoeken we hoe je automatische vertaling kunt implementeren met behulp van een automatische vertaaldienst. Veel diensten kunnen websites snel en eenvoudig vertalen met slechts een paar configuratiestappen. Een dergelijke dienst is Linguise.
Linguise integreert met verschillende CMS-platforms en websitebouwers, waaronder integreert met Bubble.io. Hier zijn de stappen om automatische vertaling van Linguise te installeren op Bubble.io.
#1 Registreer uw domeinwebsite
Maak eerst een gratis Linguise -account aan en voeg je websitedomein toe. Je kunt de gratis proefperiode van 30 dagen gebruiken voordat je een abonnement kiest.
Vervolgens wordt u gevraagd uw domein te registreren om de vertaling te autoriseren. Kopieer hiervoor uw domeinnaam, inclusief “https://”, en selecteer “other” als platform.
Kies vervolgens uw bron- en doeltalen.
#2 Automatisch domein-DNS toevoegen met entri
Nadat u uw website succesvol heeft geregistreerd op het Linguise -dashboard, heeft u twee opties om door te gaan met de installatie.
Als je de DNS-records liever automatisch toevoegt, kun je klikken op “Verbind je DNS automatisch.” Deze functie, Entri genaamd, regelt de DNS-records voor je, waardoor het installatieproces eenvoudiger wordt. Als alternatief kun je de DNS-records handmatig kopiëren naar je domeinprovider.
Nadat je op de knop hebt geklikt, analyseert Entri de URL van je geregistreerde website en onderzoekt je openbare DNS-records. Op basis van deze analyse worden de benodigde provider en DNS-records bepaald.
Klik vervolgens op “Autoriseren met [uw domeinprovider]” (bijvoorbeeld Cloudflare). Deze actie leidt u door naar de inlogpagina van uw domeinprovider, waar u kunt inloggen en verdergaan.
Zodra je inlogt bij je domeinprovider, regelt Entri de rest en worden automatisch de juiste DNS-records toegevoegd—één DNS per taal en één TXT-DNS voor de validatiesleutel. Je zou de DNS-records aan je domein moeten zien toegevoegd, zoals:
Na autorisatie laat Entri je weten dat alle DNS-instellingen succesvol zijn geconfigureerd. Je zou de vertaalfunctie moeten kunnen gebruiken zodra alle DNS-vermeldingen op je domein zijn doorgevoerd, wat meestal ongeveer 20 tot 30 minuten duurt.
Als u de voorkeur geeft aan handmatige installatie, kunt u dit ook handmatig doen door de stappen te volgen die we hieronder geven.
#3 DNS-records kopiëren
Als u de voorkeur geeft aan 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 essentiële elementen naar je Bubble.io DNS-configuratie.
Maak vervolgens verbinding met je domeinbeheerder en ga naar het gedeelte voor DNS-instellingen. Volg daarna de instructies om te kopiëren.
- Eén TXT-record voor domeinverificatie
- Een of meerdere CNAME-records voor de talen
Hieronder volgen voorbeelden voor elk recordtype (TXT en CNAME)
Zodra u al uw records hebt toegevoegd, zou uw configuratie er als volgt uit moeten zien.
#4 DNS verifiëren
Nadat u al uw records aan uw domein-DNS hebt toegevoegd, kunt u de DNS-propagatie verifiëren door op de knop “DNS-configuratie controleren” te klikken.
DNS-validatie duurt doorgaans ongeveer 30 minuten tot 1 uur. Na deze periode zou u groene indicatoren moeten zien aan de rechterkant van de DNS-lijst in het Linguise -dashboard. U bent bijna klaar om uw Bubble -website te vertalen; alleen de link naar de taalwisselaar met landvlaggen is nog nodig.
#5 Dynamische vertaling activeren
Vanuit technisch perspectief integreert Bubble met JavaScript gecodeerde modules, CSS en HTML in een functionele Node.js-applicatie. De programmeertaal van Bubbleis gebaseerd op JSON.
Met onze “Dynamic Translation”-functie kunt u moeiteloos content op uw Bubble.io-website vertalen, inclusief content die asynchroon (dynamisch) wordt geladen na de initiële paginalading. Deze verbetering zorgt voor een soepelere meertalige ervaring voor uw bezoekers!
Klik onderaan de pagina Instellingen op Ja om deze functie te gebruiken.
#6 Taalwisselaar inschakelen en het ontwerp aanpassen
De taalswitcher is een pop-up met vlaggen waarmee u de gewenste taal kunt selecteren. Om deze te implementeren, kopieert u de code die in de header van uw Bubble.io-site pagina's wordt weergegeven. De vlaggentaalswitcher verschijnt dan automatisch op uw openbare website.
De link om te kopiëren staat aan het einde van het domeinregistratieproces of in de domeininstellingen. Zorg ervoor dat u de link naar uw klembord kopieert.
Navigeer vervolgens naar je Bubble -websitepaneel. Klik in het menu aan de linkerkant op 'Settings' en selecteer vervolgens "SEO / metatags."
Scrol in het instellingenmenu iets naar beneden tot u “Script/meta tags in header” vindt onder “Geavanceerde instellingen.”
Plak het Linguise script dat je eerder hebt gekopieerd en klik vervolgens op 'Opslaan' en publiceer je site.
Je kunt de taalwisselaar aanpassen vanuit het Linguise dashboard door te navigeren naar Instellingen > Weergave taalvlaggen. Alle wijzigingen die hier worden aangebracht, worden doorgevoerd op de website.
Aan de rechterkant van het scherm zie je een voorbeeld van de taalwisselaar. Dit zijn de elementen die je kunt configureren.
- Drie lay-outs: naast elkaar, dropdown of popup
- Positie van de taalswitcher
- Inhoud van de taalswitcher
- Taalnamen in het Engels of in hun eigen taal
- Vormen en afmetingen van de vlaggen
- Kleuren en boxschaduwen
#7 Automatische vertaling van je website Bubble
Hier is een demonstratie van hoe Bubble.io eruitziet wanneer het automatisch wordt vertaald met de automatische vertaaldienst van Linguise.
Vertaal je Bubble.io website automatisch met Linguise
Linguise vertaaldienst biedt een soepele integratie van automatische vertaling voor uw Bubble.io-website. Als toonaangevende vertaaldienst ondersteunt het meer dan 80 talen en werkt het met meer dan 40 CMS-platforms, waaronder Bubble.io. Deze integratie maakt het eenvoudig om een meertalige website te creëren, wat de algehele gebruikerservaring verbetert.
Front-end live editor-vertaling
Linguise biedt ook een front-end live editor waarmee vertalingen indien nodig snel kunnen worden aangepast. Deze tool zorgt ervoor dat vertalingen nauwkeurig blijven en maakt snelle wijzigingen mogelijk. Daarnaast kunt u samenwerken met professionele vertalers om culturele en contextuele precisie te garanderen.
Meertalige SEO-ondersteuning
Via de meertalige SEO-functies Linguise, Linguise kan de vindbaarheid van uw website in zoekmachines verbeteren door de SEO te optimaliseren. Het genereert meertalige sitemaps, maakt hreflang-codes en -tags aan, stelt canonical URL's in en vertaalt URL's en metabeschrijvingen. Deze functionaliteiten helpen de positie van uw site in zoekmachines te verbeteren en maken deze toegankelijker voor gebruikers in verschillende talen.
Algemene uitsluitingsregels voor vertalingen
Om vertaalproblemen aan te pakken, Linguise bevat uitsluitingsregels waarmee je specifieke termen kunt behouden of uitsluiten die mogelijk niet goed vertaald worden. Je kunt regels opstellen om pagina's uit te sluiten, inline content of specifieke pagina's, zodat je vertalingen duidelijk en nauwkeurig blijven.
Mogelijkheid om professionele vertalers toe te voegen voor samenwerking
Bovendien kun je met Linguise professionele vertalers uitnodigen om deel te nemen aan je dashboard, wat samenwerking bevordert om culturele en contextuele precisie in je content te behouden.
Conclusie
Het implementeren van automatische vertaling op uw Bubble.io-website kan uw bereik aanzienlijk vergroten, de betrokkenheid van gebruikers verhogen en de conversiepercentages verbeteren. Met Linguisekunt u eenvoudig meertalige content beheren, wat zorgt voor een naadloze ervaring voor gebruikers in verschillende talen, terwijl u uw SEO-strategieën optimaliseert.
Linguise biedt krachtige functies zoals front-end live editing, dynamische contentvertaling, uitsluitingsregels voor specifieke termen en uitgebreide SEO-ondersteuning. Deze mogelijkheden maken het een ideale keuze voor het integreren van automatische vertaling met Bubble.io. Dus, waar wacht je nog op? Registreer voor een Linguise automatische vertaalwebsite en transformeer je Bubble.io-website naar een meertalige website.
