Shopify - Traduisez vos notifications Shopify

Dans cet article, vous apprendrez à traduire vos notifications par email dans votre boutique Shopify.

Weglot traduit automatiquement le contenu de votre site web. Les emails ne faisant pas partie de votre site web, Weglot ne peut pas les traduire par défaut. Cependant, Weglot vous permet de gérer manuellement le contenu des emails en fonction de la langue sélectionnée lors de la commande.

Cette fonction s'applique aux notifications de commandes mais pas aux notifications de cartes cadeaux.

Avant de commencer, n'oubliez pas qu'il existe différents types de notification et que la méthode peut être légèrement différente pour chacun d'entre eux.

I. La commande et les avis d'expédition :

1. Ouvrez votre éditeur de texte et collez le code liquide suivant.

En fonction des langues traduites configurées sur votre site web, vous devrez peut-être adapter l'extrait de code en modifiant la langue de {% when '[code-langue]' %} .

Supposons que la langue d'origine de votre site Web soit l'anglais et que les langues de destination traduites par Weglot soient l'espagnol et le français. La structure générale du fichier liquide serait la suivante :

{% case attributes.lang %}
{% when 'es' %}
EMAIL EN ESPAÑOL AQUÍ
{% when 'fr' %}
EMAIL EN FRANÇAIS ICI
{% else %}
EMAIL IN ENGLISH HERE (ORIGINAL LANGUAGE)
{% endcase %}

L'extrait de code ci-dessus n'est donné qu'à titre d'exemple. Veillez à le modifier pour qu'il corresponde aux langues définies dans votre projet Weglot.

Voici un autre exemple. Si la langue d'origine de votre site web est le français et que la langue de destination traduite par Weglot est l'allemand uniquement. La structure globale du fichier liquide serait la suivante :

{% case attributes.lang %}   
{% when 'de' %}   
EMAIL AUF DEUTSCH HIER
{% else %}   
EMAIL EN FRANÇAIS ICI (ORIGINAL LANGUAGE)
{% endcase %}

Cela signifie que lorsqu'une commande est passée en allemand, le client doit recevoir le contenu rédigé entre {% when 'de' %} et {% else %} lignes de code. Toutefois, si une commande est passée dans une langue autre que l'allemand, elle recevra le contenu écrit entre les lignes de code et les lignes de code. {% else %} et {% endcase %} lignes de code.

2. Dans l'administration de Shopify, naviguez vers Paramètres > Notifications > Notifications clients et ouvrez l'e-mail que vous souhaitez traduire.

Sélectionnons l'email "Confirmation de la commande".

Cliquez sur le bouton "Edit code".

3. Copiez le corps de l'email

4. Ouvrez votre éditeur de texte et collez le corps de l'e-mail à la place de "EMAIL EN ANGLAIS ICI" (applicable si la langue d'origine de votre site web est l'anglais).

Dans l'exemple ci-dessous, la langue d'origine du site web est l'anglais, de sorte que le contenu "EMAIL IN ENGLISH HERE" a été remplacé par le corps du message.

5. Remplacez "EMAIL EN ESPAÑOL AQUÍ" par le corps de l'e-mail traduit en espagnol et "EMAIL EN FRANÇAIS ICI" par le corps de l'e-mail traduit en français. Répétez cette opération autant de fois que nécessaire.

Dans l'exemple ci-dessous, la langue anglaise originale a été traduite manuellement en français : "Thank you for your order !" devient "Merci pour votre commande !

Veillez à ne modifier que les phrases. Vous ne devez pas traduire de code liquide entre {% %} ou {{ }} .

6. Une fois le code liquide mis à jour dans votre éditeur de texte, il vous suffit de le copier et de le coller dans votre administration Shopify > Notifications > Notifications clients dans la notification que vous souhaitez traduire.

L'exemple ci-dessous est l'email de "Order confirmation".

7. Procédez de la même manière pour l'objet de l'e-mail.

Vous pouvez faire exactement la même chose pour l'objet de l'e-mail : Dans un éditeur de texte, copiez et collez le code et remplacez les champs par la traduction de l'objet, comme ceci, par exemple :

{% case attributes.lang %}
{% when 'es' %}
Pedido {{nombre}} confirmado
{% when 'fr' %}
Commande {{nom}} confirmée
{% else %}
Commande {{nom}} confirmée
{% endcase %}

Collez-le dans le champ "Objet de l'e-mail" :

8. Cliquez sur le bouton "Enregistrer" dans le coin supérieur droit.

Vous avez fini ! Vos clients devraient recevoir les email dans la bonne langue

II. Les notifications de clients

Pour les notifications aux clients, vous pouvez ajouter une balise de langue aux informations du client dans votre administration Shopify > Clients. La balise lang doit être appliquée en fonction de la langue choisie par les visiteurs lors de leur inscription sur votre site web.

Pour activer la fonction, vous devez ajouter customer_tag : true à l'extrait de code Weglot.

Pour ce faire, il existe 3 possibilités :

• Allez dans votre tableau de bord Shopify > Boutique en ligne > Thèmes > Actions > Modifier le code > si vous trouvez un fichier nommé weglot_switcher.liquidvous pouvez mettre à jour le snippet Weglot de cette manière :

<script src="//cdn.weglot.com/weglot.min.js"></script>
<script id="has-script-tags"> Weglot.initialize({
  api_key: "YOUR_API_KEY",    
  customer_tag: true  
});
</script>

• Si vous ne trouvez pas ce fichier, allez dans votre theme.liquid et recherchez l'extrait de Weglot. Si vous le trouvez, adaptez-le comme indiqué ci-dessus. Sinon, il se peut que vous utilisiez l'application Weglot Shopify.

  
  

• Si vous utilisez l'application Shopify de Weglot, veuillez contacter notre service d'assistance à l'adresse support@weglot.com pour nous demander d'ajouter ce paramètre à vos paramètres.

  
  

Une fois l'extrait de code Weglot ajouté à votre boutique Shopify, vous pouvez créer la notification client mentionnée ci-dessus.

Veuillez suivre la même procédure que pour la première partie de ce guide, sauf que vous devez utiliser le code suivant à la place :

{% assign language = customer.tags | join: '' | split: '#wg' %}       
{% case language[1] %}         
{% when 'en' %}              
English account confirmation            
{% else %}             
Original Customer account confirmation       
{% endcase %}

Veuillez noter que la fonction de notification des clients n'est pas rétroactive. Cela signifie que les clients qui s'inscrivent avant le lancement ne recevront pas d'étiquette lang.

Vous avez des commentaires sur cet article ? N'hésitez pas à nous en faire part !