Comment implémenter la traduction automatique sur Bubble.io

par Bahasa Aorinka
30 juillet 2024

Blog > Guide > Comment implémenter la traduction automatique sur Bubble.io

Avez-vous un site Web avec Bubble.io que vous souhaitez traduire dans différentes langues afin qu'il soit accessible aux 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é 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 œuvre la traduction automatique sur Bubble.io

La mise en œuvre de la traduction automatique sur le site web Bubble.io peut offrir plusieurs avantages, dont les suivants.

Accès au marché mondial : la traduction automatique permet à votre application Bubble.io d'atteindre des utilisateurs du monde entier. Par exemple, une application de partage de recettes initialement en anglais peut être instantanément disponible pour les passionnés de cuisine au Japon, au Brésil et en France, leur permettant d'explorer et de proposer des recettes dans leur langue maternelle.
Satisfaction accrue des utilisateurs : le contenu dans la langue préférée de l'utilisateur conduit à 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 améliorer considérablement son expérience de planification 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 des pays hispanophones après la mise en œuvre de la traduction automatique, car les étudiants potentiels peuvent désormais pleinement comprendre 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 proposant des offres d'emploi traduites automatiquement et des conseils sur les CV pourrait commencer à apparaître dans les recherches en langue locale dans plusieurs pays, attirant ainsi des demandeurs d'emploi qui ne parvenaient pas à trouver la plateforme auparavant.

Exemples de sites Web multilingues avec Bubble.io

Selon Trends.builtwith.com, plus de 55 000 sites utilisent Bubble.io . Par conséquent, cette fois, nous discuterons 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 créé à l'aide de Bubble.io. Il connecte les fans avec 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 dotées de fonctionnalités avancées telles que 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 international diversifié en Amérique du Nord, en Amérique latine et au Brésil. Grâce aux fonctionnalités de Bubble.io, Fanova peut gérer et présenter du contenu dans plusieurs langues tout en conservant une conception cohérente, améliorant ainsi 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 basées sur l'IA, notamment des cours gratuits, des concours de subventions et des opportunités de candidature à un emploi. Son design épuré présente un titre proéminent, une proposition de valeur concise et un bouton d'appel à l'action « Plongez dans » attrayant.

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. Cette prise en charge multilingue démontre comment Bubble.io peut créer efficacement des plateformes accessibles à l'échelle mondiale. En fournissant du contenu en anglais et en arabe, l'ICA peut servir une base d'utilisateurs diversifiée dans les pays anglophones et dans le monde arabe.

Briser les barrières linguistiques

Dites adieu aux barrières linguistiques et bonjour à la croissance sans limite ! Essayez notre service de traduction automatique dès aujourd'hui.

Commencez à traduire maintenant

Comment implémenter 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 seulement. L'un de ces services est Linguise .

Linguise s'intègre à diverses plates-formes CMS et créateurs de sites Web, notamment à Bubble.io. Voici les étapes pour installer Linguise sur Bubble.io.

#1 Enregistrez votre site web de domaine

Tout d’abord, 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 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 disposez de 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, facilitant ainsi le processus d'installation. Vous pouvez également copier manuellement les enregistrements DNS vers 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 auprès de [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'occupera 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 pouvoir utiliser la fonction de traduction une fois que toutes les entrées DNS se sont 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 contenant les enregistrements DNS nécessaires à la configuration de vos pages multilingues, telles 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. Ensuite, 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 avez 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 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 les drapeaux des pays est encore nécessaire.

#5 Activer la traduction dynamique

D'un point de vue technique, Bubble intègre des modules codés JavaScript, CSS et HTML dans une application Node.js fonctionnelle. Le langage de programmation de Bubble est construit sur JSON.

Grâce à notre fonctionnalité « 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 Paramètres.

#6 Activer et personnaliser la conception du sélecteur de langue

Le sélecteur de langue est une fenêtre contextuelle 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 des pages de votre site Bubble.io. Le sélecteur de langue du 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 web Bubble. Dans le menu latéral de gauche, cliquez sur « Paramètres », puis sélectionnez « SEO/balises méta ».

Dans le menu des paramètres, faites défiler légèrement vers le bas jusqu'à ce que vous trouviez « Script/balises méta dans l'en-tête » sous « Paramètres avancés ».

Collez le Linguise que vous avez copié précédemment, puis cliquez sur « Enregistrer » et publiez votre site.

Vous pouvez personnaliser le sélecteur de langue à partir du Linguise en accédant à Paramètres > Affichage des indicateurs de langue. Toute modification apporté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 mises en page, côte à côte, déroulante ou contextuelle
Position du sélecteur de langue
Contenu du sélecteur de langue
Noms de langue en anglais ou dans leur langue maternelle
Formes et tailles des drapeaux
Couleurs et ombres de boîte

Écran principal Aperçu Noms de langue Formes Conception

#7 Traduction automatique de votre site Internet Bulle

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

Le service de traduction Linguise 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, dont Bubble.io. Cette intégration facilite la création d'un site Web multilingue, améliorant ainsi l'expérience utilisateur globale.

Traduction de l'éditeur live front-end

Linguise propose également un éditeur frontal en direct qui permet des ajustements rapides des traductions selon les besoins. Cet outil garantit que les traductions restent exactes et permet des modifications rapides. De plus, vous pouvez travailler avec des traducteurs professionnels pour garantir la précision culturelle et contextuelle.

Mode édition Traductions originales Cliquez et modifiez les liens Images

Prise en charge du référencement multilingue

Grâce à ses fonctionnalités de référencement multilingues Linguise , Linguise peut améliorer la visibilité de votre site Web dans les moteurs de recherche en optimisant son référencement. Il génère des plans de site multilingues, crée des codes et des balises hreflang, configure des URL canoniques et traduit des URL et des méta descriptions. Ces fonctionnalités contribuent à améliorer le classement de votre site dans les moteurs de recherche et à le rendre plus accessible aux utilisateurs dans différentes langues.

Règles d'exclusion de traduction globales

Pour résoudre les problèmes de traduction, Linguise inclut des règles d'exclusion qui vous permettent de conserver ou d'exclure des termes spécifiques qui pourraient ne pas être bien traduits. Vous pouvez établir des règles pour exclure des pages , du contenu en ligne ou des pages spécifiques, garantissant ainsi la clarté et l'exactitude 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 ainsi la collaboration pour maintenir la précision culturelle et contextuelle de votre contenu.

Prêt à explorer de nouveaux marchés ? Essayez gratuitement notre service de traduction automatique avec notre essai sans risque d'un mois. Aucune carte de crédit nécessaire!

Réclamez votre essai gratuit d'un mois

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 différentes langues tout en optimisant vos stratégies de référencement.

Linguise offre des fonctionnalités puissantes telles que l'édition frontale en direct, la traduction de contenu dynamique, les règles d'exclusion pour des termes spécifiques et une prise en charge étendue du référencement. Ces capacités en font un choix idéal pour intégrer la traduction automatique à Bubble.io. Alors qu'est-ce que tu attends? Inscrivez-vous à un site de traduction automatique Linguise et transformez votre site Bubble.io en un site multilingue.

Comment implémenter la traduction automatique sur Bubble.io

L’avantage de mettre en œuvre la traduction automatique sur Bubble.io

Exemples de sites Web multilingues avec Bubble.io

Fanova.io

IC-academy.io

Comment implémenter la traduction automatique sur Bubble.io

#1 Enregistrez votre site web de domaine

#2 Ajouter automatiquement le DNS du domaine à l'aide d'entri

#3 Copier les enregistrements DNS

#4 Vérifier le DNS

#5 Activer la traduction dynamique

#6 Activer et personnaliser la conception du sélecteur de langue

#7 Traduction automatique de votre site Internet Bulle

Traduisez automatiquement votre site web Bubble.io avec Linguise

Traduction de l'éditeur live front-end

Prise en charge du référencement multilingue

Règles d'exclusion de traduction globales

Possibilité d'ajouter des traducteurs professionnels pour la collaboration

Conclusion

Vous pouvez également être intéressé à lire

7 types d'entreprises qui devraient traduire leur site web

Google Gemini vs traduction automatique : laquelle offre les meilleures performances ?

5+ avantages des sites Web multilingues pour votre entreprise

Légal

Soutien

Produit