Table des matières
Exigences d'accès à Bubble.io
La traduction automatique IA cloud à utiliser avec Bubble.io nécessite certains accès pour terminer la configuration :
- Accès administrateur Bubble.io
- Modification DNS du domaine sur Bubble.io
La configuration de Bubble.io se compose de 4 étapes simples :
- Enregistrez votre domaine pour autoriser la traduction
- Modifier le DNS du domaine en fonction des langues de traduction
- Ajoutez le lien du sélecteur de drapeau de langue à vos paramètres Bubble.io
- Activez la fonction de traduction dynamique.
Comment rendre votre site Bubble.io multilingue en vidéo
Enregistrez votre domaine Bubble
Après votre connexion ou inscription au tableau de bord Linguise, il vous sera demandé d’enregistrer votre domaine pour autoriser la traduction.
À cette fin, copiez simplement le nom de votre domaine avec le https:// inclus et sélectionnez “Other Cloud Hosted CMS” pour la plateforme.
Ensuite, sélectionnez votre langue source et votre langue de destination.
Note importante SEO : Le nombre de langues que vous configurez a un impact important sur le SEO. Lorsque vous configurez vos langues de traduction, si vous avez un grand nombre de pages indexées (>500), le moteur de recherche peut prendre beaucoup de temps pour les traiter. Cela peut affecter votre SEO dans votre langue d'origine. C’est pourquoi nous recommandons d’ajouter d’abord un maximum de 5 langues, puis, une fois indexées, vous pouvez ajouter des langues par lot de 3 par mois.
Modifier le DNS du domaine en fonction des langues
Ajout automatique du DNS de domaine via Entri
Une fois que vous avez enregistré votre site Web avec succès dans Linguise dashboard, vous disposerez de deux options pour poursuivre l’installation.
Vous devriez probablement voir ce contenu, si vous préférez ajouter automatiquement les enregistrements DNS, vous pouvez cliquer sur “Connectez votre DNS automatiquement.” Cette fonctionnalité, appelée Entri, ajoutera automatiquement vos enregistrements DNS, vous permettant de poursuivre l’installation facilement. L’autre option consiste à copier manuellement le DNS chez votre fournisseur de domaine.
Après avoir cliqué sur le bouton, Entri analysera l'URL de votre site web enregistré et vérifiera votre enregistrement DNS public. Il déterminera ensuite le fournisseur et le DNS nécessaires.
Ensuite, vous pouvez cliquer sur “Autoriser avec [votre fournisseur de domaine](dans cet exemple, c’est Cloudflare). Vous verrez alors le panneau se transformer en la page de connexion de votre fournisseur de domaine’s, où vous pouvez vous connecter et continuer.
Une fois connecté à votre fournisseur de domaine, Entri se charge du reste en ajoutant automatiquement les enregistrements DNS nécessaires : un enregistrement DNS par langue et un enregistrement DNS TXT pour la clé de validation.
Vous devriez pouvoir constater que le DNS est ajouté à votre domaine. Par exemple :
Une fois l'autorisation accordée, Entri vous informera que tous les paramètres DNS ont été configurés avec succès.
Vous devriez pouvoir utiliser la fonction de traduction dès que toutes les entrées DNS auront été propagées sur votre domaine (cela prend généralement 20 à 30 minutes).
Si vous préférez une installation manuelle, vous pouvez également procéder manuellement en suivant les étapes que nous vous fournirons ci-dessous.
Copier les enregistrements DNS
Après que vous’ayez validé votre domaine, vous’ serez redirigé vers un écran où les DNS à ajouter à votre domaine sont prêts à être copiés. Ces enregistrements sont nécessaires pour charger les pages multilingues de votre site web comme fr.domain.com, es.domain.com…
Voici les principaux éléments que vous devrez copier dans la configuration DNS de Bubble.io.
Ensuite, vous devez vous connecter à votre gestionnaire de domaine et accéder à la configuration DNS. Puis, en suivant les instructions, vous pouvez copier :
- Un enregistrement TXT pour la vérification du domaine
- Un ou plusieurs enregistrements CNAME pour les langues
Voici un exemple pour chaque type d'enregistrement (TXT et CNAME) :
Après avoir ajouté tous vos enregistrements, votre configuration devrait ressembler à ceci.
Vérifier la validation 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 entre 30 minutes et 1 heure. Après cela, vous devriez voir des points verts sur la partie droite de la liste DNS dans le tableau de bord Linguise. Vous êtes presque prêt à traduire votre site Bubble, il ne manque plus que le lien vers le sélecteur de langue avec les drapeaux des pays.
Fonctionnalité de traduction dynamique
Techniquement, Bubble combine des modules codés en JavaScript, du CSS et du HTML dans une application Node.js fonctionnelle. Le langage propre à Bubble est basé sur JSON.
Avec notre “Traduction dynamique” fonctionnalité, vous pouvez traduire sans effort le contenu de votre site Bubble.io, y compris le contenu qui se charge de façon asynchrone (dynamiquement) après le chargement de la page. Cette amélioration assure une expérience multilingue plus fluide pour vos visiteurs !
Vous devrez activer cette fonctionnalité dans votre Linguise dashboard paramètres du compte.
Une fois que vous accédez à votre tableau de bord Linguise, cliquez sur votre domaine enregistré, et naviguez vers Paramètres menu.
Vous trouverez cette “Traduire le contenu dynamique” section à la fin de la page Paramètres.
Ajoutez le sélecteur de langue à Bubble.io
Le sélecteur de langue est la fenêtre contextuelle du drapeau pour sélectionner la langue que vous souhaitez. Pour le charger, vous devrez copier le code fourni dans l’en-tête des pages de votre site Bubble.io. Le sélecteur de langue par drapeau sera alors chargé automatiquement sur votre site public.
Le lien à copier se trouve à la fin de l'enregistrement du domaine ou dans les paramètres du domaine. Copiez le lien dans le presse-papiers.
Ensuite, allez à votre panneau de site Bubble. Dans le menu latéral gauche, cliquez sur ‘Settings’ > select “SEO / metatags”.
Depuis les paramètres du menu, faites défiler un peu vers le bas et vous trouverez les balises Script/meta dans l'en-tête sous “Paramètres avancés“.
Collez le script Linguise que vous avez copié auparavant, cliquez ‘Enregistrer’ , et publiez votre site.
Maintenant, sur le frontend de votre site Bubble.io, vous devriez avoir le sélecteur de langue Linguise disponible.
Conception du sélecteur de langue du site Bubble.io
Le sélecteur de langue peut être personnalisé depuis le Tableau de bord Linguise > Paramètres > Affichage des drapeaux de langue. Chaque modification ici sera reflétée sur le site.
Sur la droite de l'écran, vous trouverez un aperçu du sélecteur de langue. Voici les éléments que vous pouvez configurer :
- 3 mises en page : côte à côte, menu déroulant ou fenêtre contextuelle
- La position du changeur de langue
- Le contenu du sélecteur de langue
- Noms de la langue en anglais ou dans la langue maternelle
- Formes et dimensions des drapeaux
- Couleurs et ombre portée
Éditeur de traduction du frontend sur le site Bubble.io
L'éditeur frontal facilite aux traducteurs la modification de tout contenu HTML sur Bubble.io dans n'importe quelle langue. Vous pouvez modifier une page en cliquant sur un élément de page et en remplaçant le texte, le lien ou l'image.
Il est également possible de modifier les métadonnées en cliquant sur les accolades {}
