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é sous forme de liste déroulande le sélecteur de langue dans la barre de menu principale. Vous pouvez cliquer dessus pour passer 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

Nous avons même créé notre propre UI Kit Webflow avec 14 sélecteurs de langue disponibles pour le clonage et 2 vidéos tutorielles pour vous aider à faire fonctionner votre Webflow multilingue !

Commençons à traduire votre site Webflow

10 minutes

1) Créer un compte sur Weglot

C'est à partir de ce compte que vous gérerez toutes vos traductions. Pour créer un compte Weglot, cliquez ici.

weglot Webflow setup signup

2) Ajoutez vos nouvelles langues

Une fois que vous aurez créé un compte, vous serez invité à indiquer votre nom de domaine, la langue originale de votre site et les langues dans lesquelles vous souhaitez le traduire.

weglot Webflow domaine installation

Remarque : Cette étape concerne les utilisateurs qui ont un nom de domaine principal et non à ceux qui utilisent un nom de domaine temporaire se terminant par "webflow.io". Cliquez sur "Utiliser l'intégration Javascript" si votre site est encore en phase de test et que vous n'avez pas encore acheté de nom de domaine. Vous pouvez ajouter votre domaine plus tard.

Cliquez sur le bouton "Suivant".

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

L'étape suivante consiste à configurer vos enregistrements DNS pour créer et connecter les sous-domaines. Une fois configurés, ces sous-domaines afficheront les traductions de votre site Webflow.

Considérons par exemple que Google Domains est votre fournisseur de noms de domaine. La plupart des autres hébergeurs suivent une procédure similaire, mais si vous avez besoin d'aide à cette étape, veuillez nous contacter à l'adresse support@weglot.com.

Dans les paramètres de votre compte Weglot, vous verrez les entrées DNS suivantes à ajouter (Remarque : cet exemple s'applique à la configuration du français) :

Maintenant, allez sur votre compte auprès du fournisseur de noms de domaine, puis accédez à la section ou à la page où vous pouvez gérer le DNS (par exemple, dans Google Domains, il est situé sous l'onglet "DNS", dans la barre de menu de gauche).

Créez de nouvelles entrées dans la section DNS de votre compte (dans notre exemple, c'est la section "Enregistrements de ressources personnalisés"). Sélectionnez le type d'entrée CNAME. Saisissez "fr" (si vous ajoutez le français) dans la section "Nom" et "websites.weglot.com" dans la section "Données".

Enregistrez les entrées, retournez à votre tableau de bord Weglot et cliquez sur le bouton vert "Vérifier le DNS". Cela peut parfois prendre jusqu'à 10 minutes. Ne vous inquiétez donc pas si la coche verte n'est pas encore apparue à côté de votre enregistrement DNS !

4) Ajouter le code Javascript

C'est la dernière étape. Vous ajouterez le selecteur de langue à votre site Webflow.

  • 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."
Webflow traduire extrait JavaScript
  • 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 "Enregistrer les modifications" et publiez vos modifications en cliquant sur le bouton bleu dans l'angle supérieur droit.

5) Votre site multilingue Webflow est maintenant en ligne !

C'est tout ce que vous avez à faire. Si vous allez sur votre site web, vous verrez qu'un sélecteur de langue a été ajouté dans l'angle inférieur droit. Attendez quelques minutes pour qu'il vérifie que vos sous-domaines sont correctement configurés, puis changez de langue pour afficher vos nouvelles pages traduites.

Bonus : nous avons créé des sélecteurs de langue Webflow que vous pouvez cloner et ajouter à votre site web ! Consultez-les dans notre kit Interface Utilisateur Webflow.

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