Guide / Article

Comment traduire facilement votre site Web Webflow

Flowbase
October 30, 2020
Comment traduire facilement votre site Web Webflow

Traduisez votre site Web Webflow 

Dans ce guide, vous pouvez apprendre comment rendre votre site Webflow multilingue - rapidement et sans une seule ligne de code.


Rendre votre site Webflow multilingue est souvent considéré comme compliqué pour de nombreux utilisateurs de la plate-forme. Webflow n'offre pas de solution native pour la traduction de l'ensemble de votre site, c'est pourquoi les utilisateurs dupliquent souvent les pages existantes et remplacent le contenu par la langue traduite. 

Malheureusement, cette méthode n'est pas bonne pour le référencement car les pages seront soit mal indexées, soit pas indexées du tout car les moteurs de recherche le signaleront comme un contenu en double. Sans parler du fait qu'il est extrêmement long de gérer plusieurs sites Web ! 

Heureusement, il existe une solution simple et rapide pour les utilisateurs du Webflow. Weglot traduit et affiche le contenu de votre site web et vous donne une interface intuitive pour gérer et éditer vos traductions. Avons-nous mentionné qu'il n'y a pas de code ou de travail manuel nécessaire ?

Nous nous sommes associés à Weglot pour fournir la meilleure solution pour cet aspect souvent difficile. Les utilisateurs de Flowbase peuvent également économiser 15% sur les frais, en utilisant notre code FLOWB15

Voyons à quel point cette solution est facile à installer. 


1 - Créer un compte sur Weglot 

C'est ici que vous allez gérer vos traductions. Inscrivez-vous ici


2 - Entrez votre nom de domaine et vos langues 

Ici, vous devez entrer votre nom de domaine et les langues que vous souhaitez voir apparaître sur votre site. C'est important : N'ajoutez pas votre nom de domaine temporaire se terminant par .webflow.io.

Dans cet exemple : 

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

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

weglot webflow setup domain

3 - Configurer les sous-domaines dans les enregistrements DNS

Ici, vous devrez configurer votre 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 notre fournisseur de noms de domaine ; cependant, le processus d'entrée des DNS sera assez similaire, peu importe ce que vous aurez choisi d'utiliser.

Dans la configuration de votre compte Weglot, vous verrez les entrées DNS suivantes à ajouter :

weglot setup guide dns

Allez à votre compte fournisseur de noms de domaine. Ensuite, allez dans la section ou la page où vous pouvez gérer le DNS (par exemple dans Google Domaines, il est situé sous un onglet de la barre de menu de gauche appelé DNS).

Vous devriez maintenant pouvoir créer de nouvelles entrées dans la table DNS sur votre écran (dans notre exemple, c'est dans la section "Enregistrements de ressources personnalisés"). Sélectionnez CNAME comme type d'entrée.

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", de sorte qu'il se lise "xxxx.acm-validations.aws.")

weglot webflow setup dns

Si vous avez un problème pour trouver ou mettre à jour vos enregistrements DNS, vous pouvez contacter Weglot : support@weglot.com.

Une fois que vous avez ajouté et enregistré les entrées, retournez à la page Weglot. Vous pouvez cliquer sur "Check DNS" et une coche verte devrait apparaître : cela signifie que tout a été configuré avec succès. Maintenant, il suffit de cliquer sur "Suivant".

 

4 - Installer la bibliothèque Weglot

Il s'agit de la dernière étape de l'installation, au cours de laquelle vous ajouterez le bouton de changement de langue à votre site Webflow et personnaliserez certains des paramètres de l'application.

Webflow traduire snippet JavaScript
  • Allez dans votre zone d'administration Webflow, cliquez sur "Paramètres" > "Code personnalisé".
  • Go to “Head Code”, and you should see a field that’s titled “Add code at the end of the tag:”
  • Copier coller le snippet JavaScript qui vous a été fourni sur votre compte Weglot. Il ressemblera à l'exemple ci-dessous (mais avec votre clé API actuelle au lieu du caractère de remplacement "VOTRE_API_KEY") :
  • Cliquez sur "Enregistrer les modifications".
  • Publiez vos modifications, en cliquant sur le bouton bleu en haut à droite

5 - Votre site web multilingue est en ligne 

Et, c'est tout ce qu'il y a à faire ! Allez sur votre site Web, et vous verrez le bouton de changement de langue tout en bas à droite de votre site. Donnez-lui quelques minutes pour s'assurer que vos sous-domaines sont correctement configurés, puis vous pouvez essayer de changer la langue, et vous verrez vos pages traduites.

Si vous souhaitez ajouter un commutateur de langue maternelle dans votre menu, vous pouvez créer une liste déroulante et ajouter des liens au format suivant :

#Weglot-fr pour le français
#Weglot-en pour l'anglais

 

Vous souhaitez voir comment Weglot travaille pour vous ? Commencez votre essai gratuit de 10 jours.  


Flowbase
October 30, 2020

Recieve webflow resources directly to your mailbox.

Sign up to get weekly insights & inspiration in your inbox.

OTHER GUIDES & LESSONS

Boost your webflow site further.