Traduisez votre site Webflow pour le rendre multilingue

Découvrez comment traduire votre site Webflow et le rendre disponible en plusieurs langues avec Weglot.

Traduire un site Webflow s'est avéré compliqué pour de nombreux utilisateurs. La plate-forme ne propose pas de solution officielle pour la traduction intégrale des sites, de sorte que les utilisateurs sont généralement obligés de traduire leurs pages manuellement dans leur langue désirée.

Ceci pose un vrai problème : ces méthodes nuisent au SEO du site (les pages traduites seront mal indexées, voire pas indexées du tout, sur les moteurs de recherche) ; en plus, la maintenance d'un site traduit de cette manière est peu efficace.

Chez Weglot, nous voulions créer une solution simple pour aider les utilisateurs Webflow à traduire leurs sites pour les rendre multilingue.

Principaux avantages

Rapide et facile : aucune connaissance en code n'est requise, et la solution sera intégrée en quelques minutes.


Tout est traduit : tout le contenu de votre site est automatiquement détecté et traduit.


Optimisation SEO pour les pages traduites : votre site Webflow sera indexé par les moteurs de recherche dans toutes vos langues, via des sous-domaines dédiés.


Outils de traduction : Weglot vous donne accès à une première série de traductions automatiques ultra-rapides, que vous pouvez ensuite complémenter par des traductions professionnelles - disponibles sur commande, directement depuis votre interface Weglot.


Bonus : une équipe d'experts de premier ordre est là pour vous aider lorsque vous en avez besoin.

Personnage dansant Weglot

Exemple d'un site Webflow traduit

Avant de l'essayer vous-même, vous pouvez consulter cet exemple d'un site Webflow traduit ici.

Démonstration de la configuration de weglot Webflow

Dans l'exemple, nous avons intégré le sélecteur de langue dans la barre de menu principale, sous forme de menu déroulant. Vous pouvez cliquer dessus pour changer la langue de l'anglais au français.

La version anglaise est sur https://www.weglot-translate-wbflow.com
La version française est sur https://fr.weglot-translate-wbflow.com

Commençons à traduire votre site Webflow.

Commençons à traduire votre site Webflow

weglot clock 10 minutes

1) Créer un compte sur Weglot

Ce compte sera l'endroit où vous aurez toutes vos traductions et où vous les gérerez. Il suffit de créer un compte Weglot ici.

weglot Webflow setup signup

2) Entrez votre nom de domaine, la langue d'origine de votre site, et les langues vers lesquelles vous souhaitez traduire

Dans cette étape, vous devez entrer votre nom de domaine et les langues dans lesquelles vous souhaitez travailler.

N'ajoutez PAS votre nom de domaine temporaire se terminant par .webflow.io.

(Si vous n'avez pas encore acheté votre propre nom de domaine, et n'avez qu'un domaine .webflow..io, faites défiler la page de configuration de Weglot jusqu'à "Other possible integrations" ("Autres intégrations possibles"). Cliquez sur "Use JavaScript integration" ("Utiliser l'intégration JavaScript") et passez directement à l'étape 4 de ce guide.)

Dans notre exemple : 

  • le domaine est .weglot-translate-wbflow.com
  • la langue d'origine est l'anglais
  • la langue de destination est le français

Cliquez sur le bouton "Next" ("Suivant") pour passer à l'étape suivante.

weglot Webflow domaine installation

3) Configurer les sous-domaines dans votre liste d'entrées DNS

Maintenant vous allez configurer vos enregistrements DNS pour créer et connecter les sous-domaines.

Les sous-domaines afficheront les traductions de votre site Webflow, une fois configurés. Dans cet exemple, nous avons utilisé Google Domains comme fournisseur de nom de domaine ; cependant, il existe de nombreux autres fournisseurs, et le processus d'ajout des entrées DNS sera assez similaire chez n'importe lequel.

Sur votre compte Weglot, vous verrez les entrées DNS suivantes à ajouter :

weglot configuration guide dns

Maintenant, allez sur votre compte chez votre fournisseur de nom de domaine (encore une fois, dans cet exemple, il s'agit de Google Domains) ; ensuite, allez sur la section ou la page où vous avez la possibilité de gérer le DNS (par exemple, dans Google Domains, il est situé sous un onglet dans la barre latérale de gauche marqué "DNS").

A ce stade, vous devriez pouvoir créer de nouvelles entrées dans la liste des enregistrements DNS (dans notre exemple, c'est dans la section "Enregistrements de ressources personnalisés"). Sélectionnez CNAME pour le réglage.

Entrez la première partie du certificat dans la section Nom et la dernière partie dans la section Données.

(Note : si vous utilisez Google Domains, ajoutez un ". " à la fin du certificat se terminant par ".acm-validations.aws", comme cela "xxxx.acm-validations.aws.")

weglot Webflow configuration dns

Si vous avez des difficultés à mettre à jour vos enregistrements DNS, nous pouvons vous aider. Envoyez-nous un email à support@weglot.com.

Une fois que vous avez ajouté et sauvegardé les entrées, retournez à la page Weglot. Vous pouvez cliquer sur "Check DNS" et une icône verte devrait apparaître : cela signifie que tout a été configuré avec succès. Cliquez maintenant sur "Next" (Suivant").

4) Installer la "Weglot library"

Nous voici à l'étape finale, où vous ajouterez le sélecteur de langue sur votre site Webflow, et aurez ensuite la possibilité de personnaliser certains paramètres de l'application.

C'est rapide et facile - il vous suffit de suivre les étapes ci-dessous.

Webflow traduire extrait JavaScript
  • Allez dans votre espace d'administration Webflow, puis cliquez sur "Settings" ("Paramètres") > "Custom Code" ("Code personnalisé") (le dernier onglet à droite).
  • Allez dans "Head Code", et vous devriez voir un champ intitulé "Add code at the end of the < head > tag."
  • Copiez et collez l'extrait JavaScript qui vous a été fourni sur votre compte Weglot. Il ressemblera à celui ci-dessous, mais avec votre propre clé API à la place de la clé générique "YOUR_API_KEY" :
HTML
  • Cliquez sur le bouton vert, "Save Changes" ("Enregistrer les modifications").
  • Publiez les modifications en cliquant sur le bouton bleu en haut à droite.

5) Vous avez terminé !

C'est fini ! Allez sur votre site Web, et vous verrez le sélecteur de langue en bas à droite. Laissez quelques minutes pour assurer que vos sous-domaines sont bien configurés. Ensuite, vous pouvez essayer de changer la langue, et vous verrez vos pages traduites.

Bonus : si vous voulez intégrer le sélecteur de langue dans votre menu, il suffit de créer un menu déroulant et ajouter des liens avec le format suivant:
#Weglot-fr pour le français
#Weglot-en pour l'anglais

PRÊT À ESSAYER ?
Rendre votre site Webflow multilingue en quelques minutes