Documentation

Guide d'installation BigCommerce

weglot bigcommerce setup logo Guide d'installation BigCommerce

Ceci est un guide pour intégrer Weglot à votre site BigCommerce et le rendre multilingue.

Introduction

Vous pouvez intégrer Weglot de 2 façons différentes :

  • L'Intégration Javascript : Une méthode d'intégration rapide et facile. Vous n'aurez qu'à copier et coller un extrait de code JavaScript au sein de votre store BigCommerce. L'installation prend 5 minutes et ne nécessite aucune connaissance technique.
  • L'intégration via sous-domaines : Idéal pour l'optimisation SEO, Weglot vous permettra de créer des sous-domaines dédiés pour chacune de vos langues cibles. Vos pages traduites se verront attribuer leurs propres sous-domaines, comme (fr.mysite.com). L'installation peut prendre 15 minutes et nécessite l'ajout d'entrées DNS (c'est la partie technique, mais nous pouvons vous aider si vous en avez besoin).

Intégration Javascript

1) CRÉER UN COMPTE WEGLOT

C'est ici que vous pourrez visualiser et gérer toutes vos traductions. Il suffit de créer votre compte Weglot ici.

weglot bigcommerce setup 1

2) CHOISISSEZ VOTRE MÉTHODE D'INTÉGRATION

Après avoir validé votre adresse email, vous arriverez sur la page de configuration de Weglot. Faites défiler jusqu'à la section intitulée "Autres intégrations possibles", puis cliquez sur "Utiliser l'intégration Javascript".

Weglot Bigcommerce installation de l'intégration javascript Bigcommerce

3) CHOISIR LES LANGUES

Sélectionnez la langue d'origine de votre site web (la langue dans laquelle votre site est créé à l'origine) et les langues dans lesquelles vous voulez le traduire. 

Dans l'exemple ci-dessous, la langue originale du site web était l'anglais, et il sera traduit en français.

Cliquez sur "Next".

weglot guide d'installation guide d'intégration javascript

4) COPIER LE CODE

Vous verrez à cette étape l'extrait de code que vous devez copier.

Weglot Guide d'installation JS code

5) COLLER LE CODE

Dans votre admin BigCommerce, allez dans Storefront > Script Manager, et cliquez sur "Create Script". 

Saisissez le nom et la description que vous souhaitez. Et remplissez comme suit :

  • “Location on Page” : Head
  • “Select pages where script will be added” : All pages
  • “Script type” : Script
  • "Script Content" = Ici, vous collez l'extrait de code de votre compte Weglot.

Enfin, cliquez sur "Save".

weglot bigcommerce setup 3

6) C'EST FINI !

C'est fait. Maintenant allez sur votre site et rechargez la page ; vous verrez le sélecteur de langue apparaître en bas à droite. 

Essayez de changer de langue, et vous devriez voir les traductions automatiques apparaître sur votre site web !

weglot bigcommerce exemple d'installation

7) FACULTATIF - EDITEZ VOS TRADUCTIONS

Vous trouverez toutes vos traductions dans votre compte Weglot, sous "Translations".

Vous pouvez y consulter et même modifier manuellement toutes vos traductions.

weglot guide d'installation guide de traduction liste de traduction

Intégration via sous-domaines

IMPORTANT

Cette méthode d'intégration nécessite l'accès aux enregistrements DNS du domaine de site web, vous devrez donc avoir déjà acheté votre propre nom de domaine. Si vous n'avez pas encore acheté un nom de domaine, ne choisissez pas cette méthode d'intégration. 

1) CRÉER UN COMPTE WEGLOT

C'est ici que vous trouverez toutes les traductions et que vous pourrez les gérer. Créez simplement votre compte Weglot ici.

weglot bigcommerce setup 1

2) CHOISIR LES LANGUES

Après avoir validé l'email, vous arriverez sur la page de configuration de Weglot. Entrez l'URL de votre site web (n'oubliez pas - vous devez entrer votre propre nom de domaine, comme mywebsite.com)

Ensuite, sélectionnez la langue d'origine de votre site Web (la langue dans laquelle vous avez créé votre site Web à l'origine) et les langues dans lesquelles vous voulez le traduire. 

Dans l'exemple ci-dessous, la langue originale du site web est l'anglais, et il sera traduit en français.

Cliquez sur "Next".

Guide d'installation de weglot Guide d'intégration des sous-domaines

3) AJOUTEZ VOS ENTRÉES DNS

Ajoutez les entrées DNS qui sont affichées dans votre zone d'enregistrement DNS. Selon l'endroit où vous avez acheté le domaine, ces entrées seront disponibles à l'un des deux emplacements suivants.

  • Si vous avez acheté votre nom de domaine directement via BigCommerce, vous trouverez vos enregistrements DNS dans Server Settings > Email & DNS Records.
  • Si vous avez acheté votre nom de domaine auprès d'un fournisseur externe (par exemple GoDaddy, 1&1, Gandhi, etc.), vos enregistrements DNS seront situés dans votre espace client sur le site web de votre fournisseur.

Si vous avez besoin d'aide pour trouver ou mettre à jour vos entrées DNS, vous pouvez nous envoyer un email à support@weglot.com. Il vous suffit de nous fournir vos codes d'accès à votre compte BigCommerce, et nous ferons le tout pour vous !

Weglot Guide d'installation 3

4) VALIDER LE DNS

Après avoir ajouté les entrées DNS, cliquez sur "Check DNS". Après quelques minutes, vous devriez voir une icône verte apparaître à droite de la page. Si cela ne s'affiche pas, cela signifie que vous n'avez pas saisi correctement les entrées DNS et que vous devrez réessayer. 

Une fois que toutes vos entrées DNS sont validées, cliquez sur "Next".

weglot configuration guide dns vérifier

5) COPIER/COLLER L'EXTRAIT JAVASCRIPT

Vos sous-domaines sont désormais en cours de configuration (ce qui peut prendre plusieurs minutes). Pendant ce temps, vous pouvez ajouter la bibliothèque Javascript Weglot au code de votre site web. Copiez l'extrait de code Javascript qui vous est montré sur votre compte Weglot (il devrait ressembler à celui de la capture d'écran ci-dessous).

Weglot Guide d'installation JS code

Dans votre espace d'administration BigCommerce, allez dans Storefront > Script Manager et cliquez sur "Create Script". 

Entrez le nom et la description de votre choix et remplissez les autres champs ainsi :

  • “Location on Page” : Head
  • “Select pages where script will be added” : All pages
  • “Script type” : Script
  • "Script Content" = Ici, vous collez l'extrait de code de votre compte Weglot.

Enfin, cliquez sur "Save".

weglot bigcommerce setup 3

6) C'EST FINI !

C'est fait. Rendez-vous maintenant sur votre site web et rechargez la page ; vous verrez apparaître le sélecteur de langue en bas à droite. 

weglot bigcommerce exemple d'installation

Essayez de changer de langue, vous devriez voir les traductions automatiques apparaître sur votre site web !

7) FACULTATIF - EDITEZ VOS TRADUCTIONS

Vous trouverez toutes vos traductions dans votre compte Weglot, sous "Translations".

Vous pouvez y modifier toutes vos traductions

weglot bigcommerce setup 3