Guide pour créer votre site BigCommerce multilingue

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 :

  • Intégration JavaScript: Rapide et facile, vous n'aurez qu'à copier coller un code Javascript dans BigCommerce. L'installation prend 5 minutes et ne nécessite aucune connaissance technique.
  • Intégration via sous-domaines: Vos pages traduites seront disponibles via des sous-domaines comme (fr.mysite.com). L'installation peut prendre 15 minutes et nécessite l'ajout d'entrées DNS (mais nous pouvons vous aider si vous en avez besoin !) Cette intégration est préférable pour un meilleur référencement.

Intégration JavaScript

ÉTAPE 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

Créez un compte Weglot

ETAPE 2: CHOISIR UNE INTEGRATION

Après avoir validé l'email, vous arriverez sur la page de configuration de Weglot. Défiler vers le bas jusqu'à la partie "Other possible integrations" et vous cliquez sur "Use Javascript integration".

ETAPE 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 mon exemple, mon site Web est en anglais et je choisis de le traduire en français.
Cliquez sur "Next".

ÉTAPE 4 : COPIEZ LE CODE

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

ETAPE 5: COLLEZ 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
  • Contenu du script : Ici, vous collez le code depuis votre compte Weglot

Enfin, cliquez sur "Save".

ETAPE 6: C'EST FINI !

C'est fait. Maintenant allez sur votre site et rafraîchissez la page, vous verrez le bouton de langue apparaître en bas à droite. 

Essayez de changer de langue, vous devriez voir la traduction automatique sur votre site web apparaître !

ETAPE 7 : (FACULTATIF) EDITEZ VOS TRADUCTIONS

Vous trouverez toutes vos traductions dans votre Compte Weglot, sous "Translations".
Vous pouvez y modifier toutes vos traductions

Intégration via sous-domaines

PRÉALABLE

Pour utiliser cette intégration, vous aurez besoin d'avoir déjà votre propre nom de domaine. Si vous n'avez pas encore acheté votre domaine, ne choisissez pas cette intégration. En effet, vous devrez créer des sous-domaines et donc vous devrez avoir accès à un DNS pour cela.

ÉTAPE 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

Créez un compte Weglot

ETAPE 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 (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 votre site est créé à l'origine) et les langues dans lesquelles vous voulez le traduire. 

Dans mon exemple, mon site est en Anglais et je choisis de le traduire en Français.
Cliquez sur "Next".

ETAPE 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, il peut se trouver à plusieurs endroits

  • Si vous avez acheté votre domaine via BigCommerce : Rendez-vous dans "Server Settings > Email & DNS Records"
  • Si vous avez acheté votre domaine chez un fournisseur externe comme GoDaddy, 1&1, Gandhi,... : Dans ce cas, cela se passe directement sur votre compte chez ce fournisseur de DNS

Si vous avez besoin d'aide pour cela, vous pouvez nous envoyer un email à support@weglot.com avec l'accès admin de votre store BigCommerce et nous le ferons pour vous !

ETAPE 4 : VALIDER LE DNS

Après avoir ajouté les entrées DNS, cliquez sur "Check DNS" et les deux icônes devraient devenir vertes. Si ce n'est pas le cas, attendez quelques minutes. Si ca ne fonctionne toujours pas, cela signifie que vous n'avez pas saisi correctement les entrées DNS. Une fois que tous les DNS sont verts, cliquez sur "Next".

ETAPE 5 : COPIER/COLLER L’EXTRAIT DE CODE JAVASCRIPT

Maintenant, vos sous-domaines sont en cours d’installation, cela peut prendre plusieurs minutes. Vous devez maintenant ajouter une bibliothèque JavaScript. Copiez le code JavaScript qui vous est présenté :

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
  • Contenu du script : Ici, vous collez le code depuis votre compte Weglot

Enfin, cliquez sur "Save".

ETAPE 6: C'EST FINI !

C'est fait. Maintenant allez sur votre site et rafraîchissez la page, vous verrez le bouton de langue apparaître en bas à droite. 

Essayez de changer de langue, vous devriez voir la traduction automatique sur votre site web apparaître !

ETAPE 7 : (FACULTATIF) EDITEZ VOS TRADUCTIONS

Vous trouverez toutes vos traductions dans votre Compte Weglot, sous "Translations".
Vous pouvez y modifier toutes vos traductions

Passez votre site BigCommerce en multilingue