Installez la traduction automatique Linguise sur Shopify

Table of Contents

Exigences d'accès Shopify

La traduction automatique par IA dans le cloud à utiliser avec Shopify nécessite certains accès pour finaliser la configuration :

  • accès administrateur Shopify
  • Accès à la modification DNS du domaine

La Shopify se compose de 3 étapes simples que vous pouvez effectuer directement depuis l' application native :

  1. Enregistrez votre domaine pour autoriser la traduction
  2. Modifier le DNS du domaine en fonction des langues de traduction (mode automatique disponible).
  3. Ajoutez le lien du sélecteur de langue à votre thème Shopify (automatique).

Comment rendre votre site Shopify multilingue (en vidéo)

Sélection de la langue dans l' application Shopify

Après avoir installé l' Linguise Shopify , vous devrez enregistrer votre domaine pour autoriser la traduction et générer les URL multilingues. Pas d'inquiétude si vous n'êtes pas un expert en la matière :

  1. Il existe un mode automatique pour cela
  2. Vous pouvez nous le demander, nous le ferons pour vous, gratuitement
  3. Ou vous pouvez même ajouter le DNS manuellement si vous préférez

Vous devez installer l'application sur votre boutique Shopify si ce n'est pas déjà fait.

Une fois l'application installée, il vous sera demandé de sélectionner votre langue d'origine et les langues cibles (traductions).

Remarque importante sur le référencement : le nombre de langues que vous configurez a un impact important sur le référencement. Lorsque vous configurez vos langues de traduction, si vous avez une grande quantité de pages indexées (> 500), le moteur de recherche peut prendre beaucoup de temps pour les traiter. Cela peut avoir un impact sur votre référencement dans votre langue d'origine. C'est pourquoi nous vous conseillons d'ajouter dans un premier temps un maximum de 5 langues, puis lorsque c'est indexé, vous pourrez ajouter des langues par lot de 3 par mois.

Modifier le DNS du domaine selon les langues

Option 1 : Ajouter automatiquement le DNS du domaine via Entri

Vous devriez probablement voir ce contenu, Si vous préférez ajouter automatiquement les enregistrements DNS, vous pouvez cliquer sur « Connectez votre DNS automatiquement ». « Cette fonctionnalité, appelée Entri, ajoutera automatiquement vos enregistrements DNS, vous permettant de procéder facilement à l'installation. L'autre option consiste à copier manuellement le DNS dans votre fournisseur de domaine.

Après avoir cliqué sur le bouton, Entri analysera l'URL de votre site web enregistré et vérifiera votre enregistrement DNS public. Sur cette base, il déterminera le fournisseur et le DNS requis.

Ensuite, vous pouvez cliquer sur « Autoriser auprès de [votre fournisseur de domaine] » (dans cet exemple, il s'agit de Cloudflare). Vous verrez alors le panneau se transformer en page de connexion de votre fournisseur de domaine, où vous pourrez vous connecter et continuer.

Une fois connecté à votre fournisseur de domaine, Entri fera le reste, en ajoutant automatiquement les enregistrements DNS appropriés. Un DNS par langue + un DNS TXT pour la clé de validation.

Vous devriez pouvoir voir que le DNS est ajouté dans votre domaine. Par exemple:

Une fois que vous l'aurez autorisé, Entri vous informera que tous les paramètres DNS ont été configurés avec succès.

Vous devriez pouvoir utiliser la fonction de traduction dès que toutes les entrées DNS ont été propagées sur votre domaine (cela prend généralement 20/30 minutes).

Si vous préférez l'installation manuelle , vous pouvez également le faire manuellement en suivant les étapes que nous vous fournirons ci-dessous.

Option 2 : Copier manuellement les enregistrements DNS

Une fois votre domaine validé, vous serez redirigé vers une page où les enregistrements DNS à ajouter seront prêts à être copiés. Selon votre hébergeur, la configuration du domaine peut légèrement varier, mais les noms des champs restent assez standard. Ces enregistrements sont nécessaires pour afficher les pages multilingues de votre site web sous la forme fr.domain.com, es.domain.com, etc.

Voici les principaux éléments.

Après cela, vous devez vous connecter à votre gestionnaire de domaine et accéder à la zone de configuration DNS. Ensuite, en suivant les instructions, vous pouvez copier :

  • Un enregistrement TXT pour la vérification du domaine
  • Un ou plusieurs enregistrements CNAME pour les langues

Voici un exemple pour chaque type d'enregistrement (TXT et CNAME) :

Après avoir ajouté tous vos enregistrements, votre configuration devrait ressembler à ceci.

Configuration DNS spécifique sur le domaine Shopify

Sur Shopify , vous avez la possibilité de gérer votre configuration DNS au sein de la plateforme Shopify .

Plus précisément, vous pouvez accéder aux paramètres DNS et les modifier via Shopify en vous rendant dans la section « Domaines ». Dans cette section, vous pouvez ajouter et modifier vos configurations DNS selon vos besoins.

paramètres de domaine shopify

Ensuite, vous pouvez sélectionner votre site web principal , et dans le coin supérieur droit, vous trouverez l'option intitulée « Paramètres du domaine ».

En cliquant sur cette option, vous accéderez à « Modifier les paramètres DNS », où vous pourrez ajouter un nouvel enregistrement DNS. Vous pouvez ajouter des enregistrements CNAME et TXT.

shopify-ajouter-enregistrement-dns

Enfin, vos enregistrements CNAME et TXT devraient ressembler à l'image suivante :

Enregistrement CNAME -shopify
txt-record-shopify

Il est important de noter que Shopify possède ses propres règles pour l'ajout de la configuration DNS. Assurez-vous de suivre les étapes précédentes.

  1. Lors de la configuration d'un enregistrement CNAME , assurez-vous que le nom corresponde à la langue de traduction.
  2. Lors de la configuration d'un enregistrement TXT, assurez-vous que le nom est _ linguise

Shopify lira cet enregistrement DNS que vous avez ajouté et le propagera en conséquence. 

NOUS COMPRENONS QUE LE DNS ET LE COMMUTATEUR DE LANGUE SONT UN PEU TECHNIQUES À CONFIGURER ; MAIS BONNE NOUVELLE ! NOUS OFFRONS UNE INSTALLATION GRATUITE

Configurer les options d'affichage du sélecteur de langue

Après cette étape, vous pouvez commencer à configurer le sélecteur de langue (vous pourrez également le modifier ultérieurement dans la configuration de l'application).

Sur la droite de l'écran, vous trouverez un aperçu du sélecteur de langue. Voici les éléments que vous pouvez configurer :

  • 3 dispositions : côte à côte, menu déroulant ou popup
  • La position du sélecteur de langue
  • Le contenu du sélecteur de langue
  • Noms de langue en anglais ou en langue maternelle
  • Formes et taille des drapeaux
  • Couleurs et ombre de boîte

Ajoutez le sélecteur de langue à Shopify

Le sélecteur de langue est une fenêtre contextuelle permettant de choisir la langue souhaitée. Pour l'intégrer, vous devez ajouter un bloc à votre thème Shopify . Nous avons automatisé ce processus. À l'étape 3 de l'installation, cliquez sur « Ouvrir l'éditeur de thème ».

Vous accéderez ainsi à la configuration de votre thème où le bloc de script Linguise a déjà été ajouté.

Il vous suffit d'enregistrer la configuration de votre thème pour pouvoir reprendre et terminer l'installation !

Votre application est maintenant installée et votre site web Shopify est entièrement traduit !

NOUS COMPRENONS QUE LE DNS ET LE COMMUTATEUR DE LANGUE SONT UN PEU TECHNIQUES À CONFIGURER ; MAIS BONNE NOUVELLE ! NOUS OFFRONS UNE INSTALLATION GRATUITE

Accès au tableau de bord Linguise depuis l'application Shopify

Linguise dispose d'un tableau de bord synchronisé avec les paramètres de l'application et offre également des options avancées telles que les règles de traduction automatique ou les paramètres de compte.

Vous trouverez plus d'informations sur le tableau de bord Linguise sur la page principale de la documentation . Concentrons-nous pour l'instant sur l'accès à l'éditeur frontal.

Éditeur de traduction frontal sur Shopify

Après avoir cliqué sur le bouton « Accéder au tableau de bord Linguise », vous y serez automatiquement connecté.

Cliquez ensuite sur « Éditeur en direct », choisissez une langue et lancez-la.

L'éditeur frontal permet aux traducteurs de modifier facilement le contenu HTML de Shopify , quelle que soit la langue. Il suffit de cliquer sur un élément de la page et de remplacer le texte, le lien ou l'image.

Femme souriante dans un parc avec le logo d'un magasin de mode

Configuration du domaine Shopify pour Google ReCAPTCHA

Google reCAPTCHA est un service gratuit utilisé pour lutter contre le spam, notamment dans les formulaires de contact. Pour l'activer sur Shopify, vous devez enregistrer vos sous-domaines multilingues dans l'interface d'administration Shopify .

Ouvrez les paramètres du magasin et les paramètres du domaine.

Paramètres des domaines du panneau d'administration Shopify

Cliquez ensuite sur Connecter un domaine existant

Ajoutez un sous-domaine de langue existant ; par exemple, si votre site web est en français, il sera fr.votresite.com

Paramètres des domaines du panneau d'administration Shopify

Cliquez ensuite sur Connecter un domaine existant

Ajoutez un sous-domaine de langue existant ; par exemple, si votre site web est en français, il sera fr.votresite.com

Graphique illustrant l'évolution de la note du domaine au fil du temps. Le graphique affiche une augmentation constante.

Enfin, ajoutez [lang].votresiteweb.com pour chaque langue de traduction sur laquelle vous deviez afficher le reCAPTCHA.

Page de connexion de domaine Shopify avec champ de saisie

Vérifiez la validation DNS depuis le tableau de bord

Vous avez ajouté tous vos enregistrements à votre DNS de domaine lors de l'installation de l'application ; si vous rencontrez un problème, vous pouvez vérifier la propagation DNS en cliquant sur le bouton « Vérifier la configuration DNS ».

La validation DNS prend généralement entre 30 minutes et 1 heure. Ensuite, des points verts devraient apparaître dans la partie droite de la liste DNS du tableau de bord Linguise . 

Capture d'écran du tableau de bord de surveillance de l'expiration des certificats SSL. Gérez la sécurité de votre site web.