Avez-vous un site web avec Bubble.io que vous souhaitez traduire dans plusieurs langues afin qu'il puisse être accessible à des clients externes ? Bubble.io est une plateforme no-code puissante et flexible qui offre un environnement performant pour créer et gérer des applications web. L'intégration de la traduction automatique dans votre application Bubble.io vous permet de simplifier la création et la maintenance de contenu multilingue, en économisant du temps et des ressources tout en garantissant une expérience utilisateur cohérente et de haute qualité dans plusieurs langues.
Par conséquent, dans cet article, nous verrons comment mettre en œuvre facilement la traduction automatique sur le site Bubble.io à l'aide d'un service de traduction automatique.
L'avantage de mettre en place la traduction automatique sur Bubble.io
La mise en place de la traduction automatique sur le site Bubble.io peut offrir plusieurs avantages, notamment les suivants.
- Accès au marché mondial : La traduction automatique permet à votre application Bubble.io d'atteindre des utilisateurs dans le monde entier. Par exemple, une application de partage de recettes initialement en anglais peut instantanément devenir accessible aux passionnés de cuisine au Japon, au Brésil et en France, leur permettant d'explorer et de contribuer des recettes dans leur langue maternelle.
- Satisfaction utilisateur accrue : Un contenu dans la langue préférée d’un utilisateur offre une expérience plus agréable et immersive. Exemple : une application de planification de voyage qui traduit automatiquement les itinéraires, les avis et les recommandations locales dans la langue de l’utilisateur peut considérablement améliorer son expérience de préparation de voyage.
- Potentiel de conversion plus élevé : Les utilisateurs sont plus susceptibles d'effectuer des achats ou de s'inscrire à des services lorsque les informations sont présentées dans leur langue maternelle. Par exemple, une plateforme de cours en ligne pourrait connaître une augmentation des inscriptions en provenance de pays hispanophones après avoir mis en place la traduction automatique, car les étudiants potentiels peuvent désormais comprendre pleinement les descriptions et les avantages des cours.
- Visibilité de recherche améliorée : Le contenu multilingue améliore les chances de votre application d'apparaître dans les résultats de recherche dans différentes régions et langues. Par exemple, une application de recherche d'emploi qui propose des offres d'emploi et des conseils de CV traduits automatiquement pourrait commencer à apparaître dans les recherches en langue locale dans plusieurs pays, attirant les chercheurs d'emploi qui ne pouvaient pas trouver la plateforme auparavant.
Exemples de sites web multilingues avec Bubble
Selon trends.builtwith.com, plus de 55 000 sites utilisent Bubble.io. Par conséquent, cette fois, nous allons discuter de quelques exemples pour vous donner une idée de si vous envisagez de créer un site multilingue avec Bubble.io.
Fanova.io
Fanova est un excellent exemple de site web créé avec Bubble.io. Il met en relation les fans avec leurs créateurs de contenu préférés et leur permet de s'abonner à du contenu exclusif. Le site illustre la capacité de Bubble.io à créer des applications sophistiquées et conviviales avec des fonctionnalités avancées comme la prise en charge multilingue.
Le sélecteur de langue dans le coin inférieur gauche propose des options en anglais, espagnol et portugais brésilien. Cette approche multilingue permet à Fanova de s'adresser à un public diversifié et international en Amérique du Nord, en Amérique latine et au Brésil. Grâce aux fonctionnalités d' Bubble.io, Fanova peut gérer et présenter du contenu en plusieurs langues tout en conservant un design cohérent, ce qui améliore l'expérience utilisateur des visiteurs issus de différents horizons linguistiques.
IC-academy.io
Impact Creative Academy (ICA) est la capacité de la plateforme à créer des applications web professionnelles et fonctionnelles. Le site propose des ressources de carrière alimentées par l'IA, notamment des cours gratuits, des concours de subventions et des opportunités de candidature à des emplois. Son design épuré se distingue par un titre accrocheur, une proposition de valeur concise et un bouton d'appel à l'action engageant « Plongez-y ».
Une caractéristique notable du site web de l'ICA est le sélecteur de langue situé dans le coin supérieur droit, offrant aux utilisateurs le choix entre l'anglais et l'arabe. Ce support multilingue démontre comment Bubble.io peut créer efficacement des plateformes accessibles à l'échelle mondiale. En proposant du contenu en anglais et en arabe, l'ICA peut servir une base d'utilisateurs diversifiée à travers les pays anglophones et le monde arabe.
Comment mettre en place la traduction automatique sur Bubble.io
Après avoir examiné des exemples de sites multilingues créés avec Bubble.io, nous allons explorer comment mettre en œuvre la traduction automatique à l'aide d'un service de traduction automatique. De nombreux services peuvent traduire des sites web rapidement et facilement en quelques étapes de configuration. L'un de ces services est Linguise.
Linguise s'intègre à diverses plateformes CMS et constructeurs de sites web, notamment s'intègre à Bubble.io. Voici les étapes pour installer Linguise la traduction automatique sur Bubble.io.
#1 Enregistrez le site web de votre domaine
Tout d'abord, créez un compte Linguise gratuit et ajoutez le domaine de votre site web. Vous pouvez utiliser l'essai gratuit de 30 jours avant de choisir un plan d'abonnement.
Ensuite, il vous sera demandé d’enregistrer votre domaine pour autoriser la traduction. Pour ce faire, copiez votre nom de domaine, y compris « https:// », et sélectionnez « autre » comme plateforme.
Ensuite, choisissez vos langues source et cible.
#2 Ajouter automatiquement le DNS du domaine à l'aide d'entri
Après avoir enregistré avec succès votre site web sur le tableau de bord Linguise , vous avez deux options pour procéder à l'installation.
Si vous préférez ajouter les enregistrements DNS automatiquement, vous pouvez cliquer sur « Connectez votre DNS automatiquement. » Cette fonctionnalité, appelée Entri, gérera les enregistrements DNS pour vous, ce qui facilite le processus d'installation. Vous pouvez également copier manuellement les enregistrements DNS chez votre fournisseur de domaine.
Après avoir cliqué sur le bouton, Entri analysera l'URL de votre site web enregistré et examinera vos enregistrements DNS publics. Sur la base de cette analyse, il identifiera le fournisseur et les enregistrements DNS nécessaires.
Ensuite, cliquez sur « Autoriser avec [votre fournisseur de domaine] » (par exemple, Cloudflare). Cette action vous redirigera vers la page de connexion de votre fournisseur de domaine, où vous pourrez vous connecter et continuer.
Une fois connecté à votre fournisseur de domaine, Entri s'occupe du reste en ajoutant automatiquement les enregistrements DNS appropriés—un DNS par langue et un DNS TXT pour la clé de validation. Vous devriez voir les enregistrements DNS ajoutés à votre domaine, tels que :
Après l'autorisation, Entri vous informera que tous les paramètres DNS ont été configurés avec succès. Vous devriez pouvoir utiliser la fonction de traduction une fois que toutes les entrées DNS se seront propagées sur votre domaine, ce qui prend généralement environ 20 à 30 minutes.
Si vous préférez l'installation manuelle, vous pouvez également le faire manuellement en suivant les étapes que nous vous fournirons ci-dessous.
#3 Copier les enregistrements DNS
Si vous préférez une installation manuelle, vous serez redirigé vers un écran affichant les enregistrements DNS nécessaires à la configuration de vos pages multilingues, tels que fr.domain.com ou es.domain.com.
Copiez ces éléments essentiels dans votre configuration DNS Bubble.io.
Ensuite, connectez-vous à votre gestionnaire de domaine et accédez à la zone de configuration DNS. Puis, suivez les instructions pour copier.
- Un enregistrement TXT pour la vérification du domaine
- Un ou plusieurs enregistrements CNAME pour les langues
Voici des exemples pour chaque type d'enregistrement (TXT et CNAME)
Une fois que vous aurez ajouté tous vos enregistrements, votre configuration devrait ressembler à ceci.
#4 Vérifier le DNS
Après avoir ajouté tous vos enregistrements au DNS de votre domaine, vous pouvez vérifier la propagation DNS en cliquant sur le bouton « Vérifier la configuration DNS ».
La validation DNS prend généralement entre 30 minutes et 1 heure. Après ce délai, vous devriez voir des indicateurs verts sur le côté droit de la liste DNS dans le tableau de bord Linguise . Vous êtes presque prêt à traduire votre site Bubble ; il ne reste plus qu'à ajouter le lien vers le sélecteur de langue avec les drapeaux des pays.
#5 Activer la traduction dynamique
D’un point de vue technique, Bubble intègre des modules codés en JavaScript, du CSS et du HTML dans une application Node.js fonctionnelle. Le langage de programmation d’ Bubbleest basé sur JSON.
Avec notre fonctionnalité « Traduction dynamique », vous pouvez traduire sans effort le contenu de votre site Bubble.io, y compris le contenu qui se charge de manière asynchrone (dynamiquement) après le chargement initial de la page. Cette amélioration offre une expérience multilingue plus fluide à vos visiteurs !
Pour utiliser cette fonctionnalité, cliquez sur Oui en bas de la page Paramètres.
#6 Activer et personnaliser le design du sélecteur de langue
Le sélecteur de langue est une fenêtre contextuelle avec drapeau qui vous permet de choisir la langue souhaitée. Pour l'implémenter, copiez le code fourni dans l'en-tête des pages de votre site Bubble.io. Le sélecteur de langue à drapeau apparaîtra alors automatiquement sur votre site web public.
Le lien à copier se trouve à la fin du processus d'enregistrement du domaine ou dans les paramètres du domaine. Assurez-vous de copier le lien dans votre presse-papiers.
Ensuite, accédez au panneau de votre site Bubble . Dans le menu de la barre latérale gauche, cliquez sur « Settings » puis sélectionnez « SEO / metatags »
Dans le menu des paramètres, faites défiler légèrement vers le bas jusqu'à ce que vous trouviez « Script/balises meta dans l'en-tête » sous « Paramètres avancés. »
Collez le script Linguise que vous avez copié précédemment, puis cliquez sur « Enregistrer » et publiez votre site.
Vous pouvez personnaliser le sélecteur de langue depuis le tableau de bord Linguise en accédant à Paramètres > Affichage des drapeaux de langue. Toute modification effectuée ici sera reflétée sur le site web.
Sur le côté droit de l’écran, vous verrez un aperçu du sélecteur de langue. Voici les éléments que vous pouvez configurer.
- Trois dispositions : côte à côte, menu déroulant ou popup
- Position du sélecteur de langue
- Contenu du sélecteur de langue
- Noms de langues en anglais ou dans leur langue maternelle
- Formes et dimensions des drapeaux
- Couleurs et ombres portées
#7 Traduction automatique de votre site Bubble
Voici une démonstration de l'apparence de Bubble.io lorsqu'il est traduit automatiquement à l'aide du service de traduction automatique de Linguise.
Traduisez automatiquement votre site Bubble.io avec Linguise
Linguise service de traduction assure une intégration fluide de la traduction automatique pour votre site Bubble.io. En tant que service de traduction de premier plan, il prend en charge plus de 80 langues et fonctionne avec plus de 40 plateformes CMS, dont Bubble.io. Cette intégration facilite la création d'un site web multilingue, améliorant ainsi l'expérience utilisateur globale.
Traduction via l'éditeur en direct front-end
Linguise propose également un éditeur en direct front-end qui permet d'ajuster rapidement les traductions selon les besoins. Cet outil garantit que les traductions restent précises et permet des modifications rapides. De plus, vous pouvez collaborer avec des traducteurs professionnels pour garantir une précision culturelle et contextuelle.
Prise en charge du SEO multilingue
Grâce à ses fonctionnalités SEO multilingues Linguise, Linguise les moteurs de recherche en optimisant son référencement. Il génère des sitemaps multilingues, crée des codes et des balises hreflang, configure les URL canoniques et traduit les URL et les méta-descriptions. Ces fonctionnalités contribuent à améliorer le positionnement de votre site dans les résultats de recherche et à le rendre plus accessible aux utilisateurs de différentes langues.
Règles globales d'exclusion de traduction
Pour répondre aux défis de la traduction, Linguise inclut des règles d'exclusion qui vous permettent de conserver ou d'exclure des termes spécifiques qui pourraient mal se traduire. Vous pouvez établir des règles pour exclure des pages, du contenu en ligne ou des pages spécifiques, garantissant ainsi clarté et précision dans vos traductions.
Possibilité d'ajouter des traducteurs professionnels pour collaborer
De plus, Linguise vous permet d'inviter des traducteurs professionnels à rejoindre votre tableau de bord, facilitant ainsi la collaboration pour maintenir la précision culturelle et contextuelle de votre contenu.
Conclusion
Mettre en place la traduction automatique sur votre site Bubble.io peut considérablement élargir votre portée, augmenter l'engagement des utilisateurs et améliorer vos taux de conversion. Avec Linguise, vous pouvez facilement gérer du contenu multilingue, offrant ainsi une expérience fluide aux utilisateurs de différentes langues tout en optimisant vos stratégies SEO.
Linguise offre des fonctionnalités puissantes telles que l'édition en direct côté front-end, la traduction dynamique du contenu, les règles d'exclusion pour des termes spécifiques et un support SEO étendu. Ces capacités en font un choix idéal pour intégrer la traduction automatique avec Bubble.io. Alors, qu'attendez-vous ? Inscrivez-vous pour un Linguise site web de traduction automatique et transformez votre Bubble site web .io en un site multilingue.
