Avez-vous un site Web avec Bubble.io que vous souhaitez traduire en plusieurs langues afin qu'il puisse être atteint par des clients externes ? Bubble.io est une plateforme sans code puissante et flexible qui offre un environnement puissant 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é sur plusieurs langues.
Par conséquent, dans cet article, nous allons discuter de la manière de mettre en œuvre facilement la traduction automatique sur le site Bubble.io à l'aide d'un service de traduction automatique.
Le bénéfice de la mise en œuvre de la traduction automatique sur Bubble.io
La mise en œuvre de la traduction automatique sur le site web Bubble.io peut offrir plusieurs avantages, notamment les suivants.
- Accès au marché mondial : La traduction automatique permet à votre application Bubble.io d'atteindre les utilisateurs du monde entier. Par exemple, une application de partage de recettes initialement en anglais peut devenir instantanément disponible pour les amateurs de cuisine au Japon, au Brésil et en France, leur permettant d'explorer et de contribuer des recettes dans leur langue maternelle.
- Satisfaction accrue de l'utilisateur :
- Potentiel de conversion plus élevé : Les utilisateurs sont plus susceptibles d'acheter ou de s'inscrire à des services lorsqu'ils sont présentés dans leur langue maternelle. Par exemple, une plateforme de cours en ligne pourrait voir une augmentation des inscriptions en provenance de pays hispanophones après la mise en œuvre de la traduction automatique, car les étudiants potentiels peuvent maintenant comprendre pleinement les descriptions de cours et les avantages.
- Visibilité de recherche améliorée : 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 listes d'emplois et des conseils de CV traduits automatiquement pourrait commencer à apparaître dans les recherches en langue locale dans plusieurs pays, attirant des chercheurs d'emploi qui n'avaient pas pu trouver la plateforme auparavant.
Exemples de sites web multilingues avec Bubble.io
Selon trends.builtwith.com, plus de 55 mille sites utilisent Bubble.io. Par conséquent, cette fois, nous allons discuter de quelques exemples pour vous donner une idée si vous envisagez de créer un site multilingue avec Bubble.io.
Fanova.io
Fanova est un excellent exemple de site web construit à l'aide de Bubble.io. Il connecte les fans à leurs créateurs de contenu préférés et leur permet de s'abonner à du contenu exclusif. Le site met en valeur 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. En utilisant les fonctionnalités de Bubble.io, Fanova peut gérer et présenter du contenu dans plusieurs langues tout en maintenant une conception cohérente, améliorant ainsi l'expérience utilisateur pour les 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é présente un titre en vedette, une proposition de valeur concise et un bouton d'appel à l'action engageant « Plongez ».
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 mondialement. En fournissant du contenu en anglais et en arabe, l'ICA peut servir une base d'utilisateurs diversifiée dans les pays anglophones et le monde arabe.
Comment mettre en œuvre la traduction automatique sur Bubble.io
Après avoir examiné des exemples de sites multilingues créés avec Bubble.io, nous explorerons 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. Un tel service est Linguise.
Linguise s'intègre à diverses plateformes CMS et constructeurs de sites web, y compris s'intègre à Bubble.io. Voici les étapes pour installer Linguise traduction automatique sur Bubble.io.
#1 Enregistrez votre site web de 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 décider d'un plan d'abonnement.
Ensuite, vous serez invité à enregistrer votre domaine pour autoriser la traduction. Pour ce faire, copiez votre nom de domaine, y compris « https:// » et sélectionnez « autre » comme plate-forme.
Ensuite, choisissez vos langues source et cible.
#2 Ajouter automatiquement un DNS de domaine en utilisant entri
Après avoir enregistré votre site web avec succès 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 “Connecter votre DNS automatiquement.” Cette fonctionnalité, appelée Entri, gérera les enregistrements DNS pour vous, facilitant ainsi le processus d'installation. Alternativement, vous pouvez 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 que vous vous connectez à votre fournisseur de domaine, Entri se chargera 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 autorisation, Entri vous informera que tous les paramètres DNS ont été configurés avec succès. Vous devriez être en mesure d'utiliser la fonction de traduction une fois que toutes les entrées DNS auront propagé 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 fournirons ci-dessous.
#3 Copiez les enregistrments DNS
Si vous préférez une installation manuelle, vous serez redirigé vers un écran avec les enregistrements DNS nécessaires pour configurer vos pages multilingues, telles que fr.domain.com ou es.domain.com.
Copiez ces éléments essentiels dans la configuration DNS de votre Bubble.io.
Ensuite, connectez-vous à votre gestionnaire de domaine et accédez à la zone de configuration DNS. Ensuite, suivez les instructions pour copier.
- Un enregistrement TXT pour la vérification de domaine
- Un ou plusieurs enregistrements CNAME pour les langues
Voici des exemples pour chaque type d'enregistrement (TXT et CNAME)
Une fois que vous avez ajouté tous vos enregistrements, votre configuration devrait ressembler à ceci.
#4 Vérification DNS
Après avoir ajouté tous vos enregistrements à votre DNS de 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 environ 30 minutes à 1 heure. Après cette période, 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 web Bubble ; seul le lien vers le sélecteur de langue avec des drapeaux de pays est encore nécessaire.
#5 Activer la traduction dynamique
D'un point de vue technique, Bubble intègre les modules codés en JavaScript, CSS et HTML dans une application Node.js fonctionnelle. Le langage de programmation de Bubbleest construit sur JSON.
Avec notre fonctionnalité de « Traduction Dynamique », vous pouvez traduire sans effort le contenu de votre site web 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 des paramètres.
#6 Activer et personnaliser la conception du sélecteur de langue
Le sélecteur de langue est une popup de drapeau qui vous permet de sélectionner la langue souhaitée. Pour l'implémenter, copiez le code fourni dans l'en-tête de vos pages de site Bubble.io. Le sélecteur de langue de drapeau apparaîtra ensuite automatiquement sur votre site web public.
Le lien à copier se trouve à la fin du processus d'enregistrement de domaine ou dans les paramètres de domaine. Assurez-vous de copier le lien dans votre presse-papiers.
Ensuite, accédez au panneau de votre site web Bubble . Dans le menu de la barre latérale gauche, cliquez sur « Paramètres » puis sélectionnez « SEO / métabalises »
“Script/meta tags dans l'en-tête” sous “Paramètres avancés.”
Paste the Linguise script you copied earlier, then click ‘Save’ and publish your site.
Vous pouvez personnaliser le sélecteur de langue à partir du tableau de bord Linguise en accédant à Paramètres > Affichage des drapeaux de langue. Toutes les modifications apportées ici seront reflétées 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 of the language switcher
- Content of the language switcher
- Noms de langues en anglais ou dans leur langue maternelle
- Formes et tailles des drapeaux
- Couleurs et ombres de boîte
#7 Traduction automatique de votre site web Bubble
Voici une démonstration de la façon dont Bubble.io apparaît lorsqu'il est automatiquement traduit à l'aide du service de traduction automatique de Linguise.
Traduisez automatiquement votre site web Bubble.io avec Linguise
Linguise service de traduction offre une intégration fluide de la traduction automatique pour votre site web Bubble.io. En tant que service de traduction leader, il prend en charge plus de 80 langues et fonctionne avec plus de 40 plateformes CMS, y compris Bubble.io. Cette intégration facilite la création d'un site web multilingue, améliorant l'expérience utilisateur globale.
Traduction de l'éditeur en direct front-end
Linguise propose également un éditeur en direct frontal qui permet des ajustements rapides des traductions selon les besoins. Cet outil garantit que les traductions restent précises et permet des modifications rapides. De plus, vous pouvez travailler avec des traducteurs professionnels pour garantir la précision culturelle et contextuelle.
Prise en charge du SEO multilingue
Grâce à ses fonctionnalités SEO multilingues Linguise, Linguise peut améliorer la visibilité de votre site web dans les moteurs de recherche en optimisant son SEO. Il génère des sitemaps multilingues, crée des codes et des balises hreflang, configure des URL canoniques et traduit les URL et les méta-descriptions. Ces fonctionnalités aident à améliorer le classement de votre site dans les moteurs de recherche et le rendent plus accessible aux utilisateurs dans différentes langues.
Règles d'exclusion de traduction globale
Pour relever les défis de traduction, Linguise comprend des règles d'exclusion qui vous permettent de conserver ou d'exclure des termes spécifiques qui pourraient ne pas se traduire correctement. Vous pouvez établir des règles pour exclure des pages, du contenu en ligne ou des pages spécifiques, en garantissant la clarté et la précision de vos traductions.
Possibilité d'ajouter des traducteurs professionnels pour la collaboration
De plus, Linguise vous permet d'inviter des traducteurs professionnels à rejoindre votre tableau de bord, facilitant la collaboration pour maintenir la précision culturelle et contextuelle de votre contenu.
Conclusion
La mise en œuvre de la traduction automatique sur votre site web Bubble.io peut considérablement améliorer votre portée, augmenter l'engagement des utilisateurs et améliorer les taux de conversion. Avec Linguise, vous pouvez facilement gérer du contenu multilingue, offrant une expérience transparente aux utilisateurs dans diverses langues tout en optimisant vos stratégies SEO.
Linguise offre des fonctionnalités puissantes telles que l'édition en direct sur le front-end, la traduction de contenu dynamique et des règles d'exclusion pour des termes spécifiques, ainsi qu'un support SEO étendu. Ces capacités en font un choix idéal pour intégrer la traduction automatique avec Bubble.io. Alors, qu'est-ce que vous attendez ? Enregistrez-vous pour un site web de traduction automatique Linguise et transformez votre site web Bubble.io en un site multilingue.
