Table des matières
Exigences d'accès Bubble
La traduction automatique par IA dans le cloud, à utiliser avec Bubble, nécessite certains droits d'accès pour finaliser la configuration :
- Accès administrateur Bubble
- Modification DNS du domaine sur Bubble
L'installation Bubblese 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 langue à vos paramètres Bubble
- Activez la fonction de traduction dynamique.
Comment rendre votre site web Bubblemultilingue (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.
Pour cela, copiez simplement votre nom de domaine avec le https:// inclus et sélectionnez « Autre CMS hébergé dans le Cloud » pour la plateforme.
Après cela, sélectionnez votre langue source et votre langue de destination.
Remarque importante sur le référencement : le nombre de langues que vous configurez a un impact important sur le référencement. Lorsque vous configurez vos langues de traduction, si vous avez une grande quantité de pages indexées (> 500), le moteur de recherche peut prendre beaucoup de temps pour les traiter. Cela peut avoir un impact sur votre référencement dans votre langue d'origine. C'est pourquoi nous vous conseillons d'ajouter dans un premier temps un maximum de 5 langues, puis lorsque c'est indexé, vous pourrez ajouter des langues par lot de 3 par mois.
Modifier le DNS du domaine selon les langues
Ajouter automatiquement un DNS de domaine à l'aide d'Entri
Une fois que vous avez enregistré avec succès votre site Web dans le tableau de bord Linguise , vous aurez deux options pour procéder à 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 procéder facilement à l'installation. L'autre option consiste à copier manuellement le DNS dans 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. Sur cette base, il déterminera le fournisseur et le DNS requis.
Ensuite, vous pouvez cliquer sur « Autoriser auprès de [votre fournisseur de domaine] » (dans cet exemple, il s'agit de Cloudflare). Vous verrez alors le panneau se transformer en page de connexion de votre fournisseur de domaine, où vous pourrez vous connecter et continuer.
Une fois connecté à votre fournisseur de domaine, Entri fera le reste, en ajoutant automatiquement les enregistrements DNS appropriés. Un DNS par langue + un DNS TXT pour la clé de validation.
Vous devriez pouvoir voir que le DNS est ajouté dans votre domaine. Par exemple:
Une fois que vous l'aurez autorisé, 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 ont été propagées sur votre domaine (cela prend généralement 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.
Copier les enregistrements DNS
Après avoir 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 au chargement des pages multilingues de votre site Internet comme fr.domain.com, es.domain.com…
Voici les principaux éléments que vous devrez copier dans la configuration DNS Bubble.
Après cela, vous devez vous connecter à votre gestionnaire de domaine et accéder à la zone de configuration DNS. Ensuite, 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 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 . Ensuite, des points verts devraient apparaître dans la partie droite de la liste DNS du Linguise . Vous êtes presque prêt à traduire votre Bubble ; il ne manque plus que le lien vers le sélecteur de langue avec les drapeaux des pays.
Fonctionnalité de traduction dynamique
Techniquement parlant, Bubble combine des modules codés en JavaScript, du CSS et du HTML au sein d'une application Node.js fonctionnelle. Le langage de Bubbleest basé sur JSON.
Grâce à notre fonctionnalité de « traduction dynamique », vous pouvez traduire en toute fluidité le contenu de votre Bubble , y compris celui qui se charge de manière asynchrone (dynamique) après le chargement de la page. Cette amélioration garantit une expérience multilingue optimale à vos visiteurs !
Vous devrez activer cette fonctionnalité dans les paramètres de votre de tableau de bord Linguise .
Une fois que vous accédez à votre Linguise , cliquez sur votre domaine enregistré et accédez au Paramètres .
Vous trouverez cette section « Traduire le contenu dynamique » à la fin de la page Paramètres.
Ajoutez le sélecteur de langue à Bubble
Le sélecteur de langue est une fenêtre contextuelle permettant de choisir la langue souhaitée. Pour l'afficher, copiez le code situé en haut des pages de votre site Bubble. Le sélecteur de langue sera alors automatiquement intégré à votre site web public.
Le lien à copier est donné à la fin de l'enregistrement du domaine ou dans les paramètres du domaine. Copiez le lien dans le presse-papiers.
Ensuite, accédez au panneau de configuration de votre Bubble . Dans le menu de gauche, cliquez sur « Paramètres » > sélectionnez « SEO / balises méta » .
Dans les paramètres du menu, faites défiler un peu vers le bas et vous trouverez les balises script/méta dans l'en-tête sous « Paramètres avancés ».
Collez le Linguise que vous avez copié auparavant, cliquez sur « Enregistrer » et publiez votre site.
Vous devriez maintenant avoir le sélecteur de langue Linguise disponible sur l'interface publique de votre site web Bubble.
Conception du sélecteur de langue pour site web Bubble.io
Le sélecteur de langue peut être personnalisé à partir du Linguise > Paramètres > Affichage des indicateurs de langue. Chaque modification ici sera reflétée sur le site Web.
Sur le côté droit de l'écran, vous avez l'aperçu du sélecteur de langue. Voici les éléments que vous pouvez paramétrer :
- 3 mises en page : côte à côte, déroulante ou popup
- La position du sélecteur de langue
- Le contenu du sélecteur de langue
- Noms de langue en anglais ou en langue maternelle
- Formes et taille des drapeaux
- Couleurs et ombre de boîte
Éditeur de traduction frontal sur le site web Bubble
L'éditeur frontal permet aux traducteurs de modifier tout contenu HTML sur Bubbledans n'importe quelle langue. Il suffit de cliquer sur un élément de la page et de remplacer le texte, le lien ou l'image.
Il est également possible de modifier les méta informations en cliquant sur les parenthèses {}
