Comment traduire WooCommerce (toutes les situations couvertes)

Publié: 2022-01-26

Vous avez du mal à traduire WooCommerce afin de pouvoir créer une boutique de commerce électronique multilingue conviviale pour les acheteurs ?

La création d'une boutique WooCommerce multilingue présente de nombreux avantages, les deux plus importants étant les suivants :

Les acheteurs peuvent parcourir votre boutique dans leurs langues préférées, ce qui crée une bien meilleure expérience d'achat pour eux. En fait, une enquête Gallup commandée par l'Union européenne a révélé que 42 % des acheteurs n'achèteront pas dans des magasins qui ne sont pas disponibles dans leur langue maternelle.
Vous pouvez atteindre plus d'acheteurs en premier lieu grâce au référencement multilingue. Autrement dit, vous pouvez classer vos produits dans Google pour différentes langues, ce qui vous aide à générer plus de trafic organique vers votre magasin.

Cependant, WooCommerce n'inclut pas de fonctionnalité multilingue intégrée, vous pourriez donc rencontrer des problèmes en ce qui concerne la traduction de WooCommerce.

Heureusement, avec les bons outils, vous pouvez facilement créer une boutique multilingue sans aucune connaissance technique requise. Et dans ce guide, nous allons vous montrer comment.

À la fin de ce didacticiel, vous serez en mesure d'utiliser une interface visuelle simple pour traduire entièrement votre boutique dans un nombre illimité de nouvelles langues, y compris vos produits, vos pages de boutique, votre panier, votre paiement et tout le reste :

Ou, si vous ne voulez pas traduire votre boutique à partir de zéro, vous pouvez obtenir de l'aide de la traduction automatique par Google Translate ou DeepL, puis affiner ces traductions via l'éditeur visuel.

Sur le frontend, vos acheteurs pourront choisir leurs langues préférées à l'aide d'un sélecteur de langue flexible et vous pouvez même rediriger automatiquement les gens vers leurs langues locales en fonction de leur emplacement et des préférences de leur navigateur.

Prêt à apprendre comment configurer la traduction WooCommerce ? Allons creuser !

Ce dont vous avez besoin pour traduire WooCommerce

WooCommerce inclut toutes les fonctionnalités dont vous avez besoin pour créer une boutique de commerce électronique entièrement fonctionnelle… mais uniquement dans une seule langue.

Alors, comment faites-vous pour que vous puissiez traduire votre boutique en plusieurs langues et laisser les acheteurs choisir leurs langues préférées ?

Eh bien, comme c'est souvent le cas avec WordPress, vous aurez besoin de l'aide d'un plugin.

Bien qu'il existe un certain nombre de plugins multilingues populaires, nous allons utiliser le plugin TranslatePress pour ce tutoriel pour plusieurs raisons :

Il offre une prise en charge prête à l'emploi pour WooCommerce, vous pourrez donc traduire complètement WooCommerce, y compris les pages de panier et de paiement.
Il existe une version gratuite qui vous permet de créer une boutique entièrement multilingue dans une nouvelle langue. Autrement dit, vous pouvez suivre la majeure partie de ce didacticiel en utilisant uniquement la version gratuite.
Vous pouvez gérer vos traductions à l'aide d'une interface visuelle, comme vous l'avez vu ci-dessus.
Il prend en charge la traduction automatique via Google Translate ou DeepL si vous souhaitez gagner du temps.

Comment traduire WooCommerce avec TranslatePress

Maintenant que vous savez ce qu'est TranslatePress, voyons comment traduire WooCommerce à l'aide du plugin.

Pour ce didacticiel, la seule chose que nous supposerons est que vous disposez déjà d'une boutique WooCommerce fonctionnelle dans la langue d'origine de votre boutique.

En plus de configurer les paramètres WooCommerce et d'ajouter du contenu produit/magasin, vous souhaiterez configurer entièrement votre thème WooCommerce et tous les plugins WooCommerce que vous utilisez.

Pour cet exemple, nous utilisons le thème gratuit Unite, qui offre une prise en charge complète de WooCommerce. Cependant, TranslatePress fonctionnera avec littéralement n'importe quel thème WooCommerce, vous pouvez donc choisir le thème de votre choix.

Vous pourrez suivre la majeure partie de ce didacticiel en utilisant la version gratuite de TranslatePress disponible sur WordPress.org. Cependant, certaines fonctionnalités nécessitent la version payante de TranslatePress, que nous ne manquerons pas de noter dans le didacticiel ci-dessous.

1. Installez TranslatePress et choisissez les langues

Pour commencer, installez et activez le plugin TranslatePress.

Vous pouvez installer la version gratuite de WordPress.org. Ou, si vous décidez d'acheter TranslatePress premium, vous pouvez télécharger le plugin premium à partir de votre tableau de bord TranslatePress.

Si vous n'êtes pas sûr de la version qui vous convient le mieux, vous pouvez toujours commencer par la version gratuite et mettre à niveau plus tard sans perdre aucun de vos paramètres et traductions.

Une fois que vous avez activé le plugin, allez dans Paramètres → TranslatePress pour choisir les langues que vous souhaitez utiliser sur votre boutique :

Langue par défaut - la langue dans laquelle tout le contenu actuel de votre boutique existe.
Toutes les langues – une ou plusieurs nouvelles langues dans lesquelles vous souhaitez traduire le contenu de votre boutique. La version gratuite de TranslatePress vous permet d'ajouter une nouvelle langue ( deux langues au total ). Pour ajouter deux nouvelles langues ou plus, vous aurez besoin de la version premium de TranslatePress, qui prend en charge un nombre illimité de langues.

Par exemple, si votre boutique existe actuellement en anglais et que vous souhaitez la traduire en espagnol, configurez les paramètres de TranslatePress comme suit :

TranslatePress offre une prise en charge prête à l'emploi pour des centaines de langues et de paramètres régionaux, vous devriez donc pouvoir trouver toutes les langues souhaitées à l'aide de la liste déroulante.

Cependant, si vous ne voyez pas la langue que vous souhaitez utiliser, TranslatePress vous permet également d'ajouter des langues personnalisées.

Vous pouvez les configurer en accédant à l'onglet Avancé de la zone des paramètres de TranslatePress et en faisant défiler jusqu'à la section Langue personnalisée .

2. Configurer la traduction automatique (facultatif)

Cette étape est totalement facultative. Cependant, si vous souhaitez gagner du temps, vous pouvez utiliser la traduction automatique pour générer les traductions de base de votre boutique plutôt que de tout traduire à partir de zéro.

Même si vous utilisez la traduction automatique, vous pourrez toujours modifier entièrement toutes les traductions générées par le service, de sorte que vous aurez un contrôle total sur chaque traduction de votre boutique WooCommerce.

Si vous ne souhaitez pas utiliser la traduction automatique, vous pouvez simplement passer à l'étape suivante pour commencer à traduire votre contenu manuellement.

Si vous souhaitez utiliser la traduction automatique, TranslatePress prend en charge deux services différents :

API Google Translate – vous pouvez l'utiliser avec la version gratuite de TranslatePress ;
DeepL – ce service nécessite la licence Premium TranslatePress Business.

Google Translate devrait convenir aux utilisations de base, mais de nombreuses personnes trouvent que les traductions de DeepL sont un peu plus précises, en particulier en ce qui concerne le contexte et le langage informel.

Cependant, l'inconvénient de DeepL est qu'il ne prend pas en charge autant de langues que Google Traduction, vous devrez donc vérifier qu'il prend en charge la langue que vous avez choisie.

Vous pouvez configurer ces services en accédant à l'onglet Traduction automatique de la zone des paramètres de TranslatePress.

Tout d'abord, définissez la liste déroulante Activer la traduction automatique sur Oui pour développer des options supplémentaires.

Ensuite, choisissez votre moteur de traduction préféré. Ensuite, vous devrez entrer une clé API pour ce service, ce qui vous permet de connecter votre site WordPress à ce service.

TranslatePress a une documentation étape par étape sur la façon d'obtenir la clé API pour les deux services :

Enfin, vous avez également la possibilité de définir une limite pour le nombre de caractères de traduction automatique à effectuer par jour, ce qui vous aide à contrôler votre budget.

Le plugin TranslatePress ne vous facture rien en fonction de votre utilisation de la traduction automatique. Cependant, vous devrez peut-être payer directement Google Translate ou DeepL en fonction de votre utilisation.

Google Translate et DeepL proposent tous deux des forfaits gratuits qui vous permettent de traduire gratuitement 500 000 caractères par mois , ce qui équivaut à Si vous devez traduire plus de 500 000 caractères en un mois, vous devrez payer :

Google Translate facture 20 $ par million de caractères au-delà de la limite gratuite.
DeepL facture des frais fixes de 5,49 $ par mois plus 25 $ par million de caractères, ce qui le rend un peu plus cher que Google Traduction.

Si vous êtes inquiet pour votre budget, vous pouvez utiliser les limites de traduction quotidiennes de TranslatePress pour garantir que vous restez dans le niveau gratuit ou pour limiter le montant que vous devrez peut-être payer pour l'accès à l'API.

Une fois que vous avez fait vos choix, assurez-vous de cliquer sur le bouton Enregistrer les modifications . Ensuite, TranslatePress commencera à traduire votre contenu.

3. Traduire le contenu WooCommerce

Vous êtes maintenant prêt à commencer à traduire le contenu de votre boutique WooCommerce.

Que vous ayez décidé d'utiliser la traduction automatique ou non, vous utiliserez la même interface de traduction visuelle pour gérer toutes vos traductions :

Si vous avez utilisé la traduction automatique, les traductions de votre boutique seront pré-remplies avec les traductions du service. Mais vous pourrez modifier entièrement ces traductions si nécessaire.
not Si vous n'avez pas TranslatePress utilise un éditeur de traduction visuel, comme vous l'avez vu ci-dessus. Nous commencerons par vous montrer comment l'éditeur fonctionne à un niveau élevé, puis nous nous pencherons sur la façon de traduire des parties spécifiques de WooCommerce.
Pour lancer l'éditeur de traduction, ouvrez le contenu que vous souhaitez traduire sur le frontend de votre site. Cliquez ensuite sur la nouvelle option Traduire la page dans la barre d'outils WordPress :
Dans l'éditeur de traduction, vous verrez un aperçu en direct de la page sur le côté droit de l'écran et une barre latérale sur la gauche où vous pourrez gérer vos traductions.
Pour traduire n'importe quel texte ou autre contenu, il vous suffit de passer la souris dessus sur l'aperçu en direct et de cliquer sur l'icône en forme de crayon. Cela ouvrira la traduction dans la barre latérale, où vous pourrez apporter vos modifications à l'aide du champ de l'éditeur :
Vous utiliserez cette même approche pour traduire tout le contenu de votre boutique, qu'il s'agisse d'un produit, de la page du panier, d'un article de blog ou de toute autre chose.
Pour vous donner une meilleure idée de son fonctionnement, voyons comment traduire des parties spécifiques de votre boutique WooCommerce.
Comment traduire les produits WooCommerce
Pour traduire un produit WooCommerce, ouvrez le produit que vous souhaitez traduire sur le frontend de votre boutique. Ensuite, cliquez sur l'option Traduire la page dans la barre d'outils WordPress pour lancer l'éditeur.
Vous pouvez ensuite traduire tous les détails du produit comme nous vous l'avons montré dans le GIF ci-dessus.
Vous pouvez également aller au-delà de la simple traduction du texte du produit et également "traduire" les images du produit afin que votre boutique affiche différentes images en fonction de la langue sélectionnée par l'acheteur.
Ceci est particulièrement utile si certaines de vos images de produits incluent du texte ou si vous avez simplement besoin de localiser une image pour une raison quelconque.
Pour traduire une image de produit, survolez-la et cliquez sur l'icône en forme de crayon. Vous pourrez ensuite sélectionner une image différente à utiliser dans votre bibliothèque multimédia WordPress :
Remarque - si votre thème WooCommerce utilise une lightbox ou un effet de zoom pour les images de produits, vous devrez peut-être cliquer sur l'image pour ouvrir la lightbox avant de pouvoir cliquer sur l'icône du crayon.
Comment traduire la page de la boutique WooCommerce
Pour traduire les pages de votre boutique, vous pouvez utiliser le même éditeur visuel. Ouvrez simplement la page de la boutique ou l'archive du produit que vous souhaitez traduire et cliquez sur le bouton Traduire la page .
La bonne chose ici est que TranslatePress détectera automatiquement tous les détails du produit que vous avez déjà traduits. Ainsi, si vous avez déjà traduit tous les titres de vos produits, ces traductions seront pré-remplies sur les pages de votre boutique :
Comment traduire la page du panier WooCommerce
TranslatePress facilite également la traduction de la page du panier WooCommerce à l'aide de l'éditeur visuel.
Par défaut, TranslatePress essaiera d'utiliser le pack de langue existant de WooCommerce s'il est disponible . Cependant, vous pouvez modifier entièrement toutes les traductions dans toutes les langues de votre boutique (y compris la langue d'origine de votre boutique).
Votre panier d'achat WooCommerce a deux états différents qui doivent être traduits :
Vide - le contenu du panier avant qu'un client ait ajouté des articles.
Complet – le contenu du panier lorsque l'acheteur a ajouté un ou plusieurs articles.
Pour commencer, rendez-vous sur le frontend de votre boutique et assurez-vous que votre panier est vide. Ensuite, ouvrez la page du panier et lancez l'éditeur TranslatePress.
Maintenant, vous pouvez utiliser la même approche pointer-cliquer pour traduire tout le contenu du panier vide. Lorsque vous ouvrez une traduction, vous pouvez voir qu'elle est pré-remplie avec la traduction des modules linguistiques de WooCommerce, mais vous pouvez modifier les deux traductions si nécessaire :
Une fois que vous avez terminé de traduire la version vide de votre panier, revenez à l'interface de votre boutique et ajoutez un article à votre panier. N'importe quel article fera l'affaire - la seule chose qui compte est qu'il y ait un produit dans votre panier.
Ensuite, revenez à la page du panier et relancez l'éditeur TranslatePress. Désormais, vous pouvez utiliser la même approche pour traduire tout le contenu qui apparaîtra lorsqu'un acheteur aura des articles dans son panier :
Comment traduire la page de paiement WooCommerce
Vous pouvez traduire la page de paiement WooCommerce comme vous avez traduit la page du panier.
Pour commencer, lancez la page de paiement sur le frontend de votre boutique. Cela signifie que vous devrez d'abord ajouter un article à votre panier, puis cliquer sur le bouton pour valider.
Une fois la page de paiement ouverte, utilisez le bouton de la barre d'outils WordPress pour lancer l'éditeur TranslatePress comme vous l'avez fait.
Maintenant, vous pouvez traduire le paiement WooCommerce en utilisant la même approche pointer-cliquer.
Comme pour la page de panier WooCommerce, TranslatePress essaiera de pré-remplir les traductions en les important à partir du pack de langue WooCommerce existant, le cas échéant. Cependant, vous pouvez entièrement modifier les traductions dans toutes les langues de votre boutique, y compris la langue d'origine.
Comment traduire des éléments de menu, des widgets et d'autres contenus frontaux
À ce stade, vous savez comment traduire tous les éléments importants de votre boutique WooCommerce. Cependant, il est important de noter que vous pouvez utiliser exactement la même approche pour traduire d'autres éléments de votre boutique, notamment :
éléments de menu ;
Widgets (ou widgets de blocage) ;
Contenu de l'éditeur WordPress - il fonctionne à la fois avec le nouvel éditeur de blocs (Gutenberg) et l'éditeur classique TinyMCE ;
Contenu que vous avez conçu avec des plugins de création de page ;
Formulaires de n'importe quel plug-in de création de formulaires ;
Popups de plugins popup ;
…etc.
Par exemple, si vous souhaitez traduire l'un des éléments de menu de votre boutique, il vous suffit de survoler l'élément de menu et de cliquer sur l'icône en forme de crayon :
Une fois que vous avez traduit l'élément de menu une fois, TranslatePress utilisera automatiquement cette traduction pour chaque endroit où cet élément de menu apparaît - il n'est pas nécessaire de dupliquer votre travail sur d'autres pages.
Comment traduire les métadonnées SEO
Si vous souhaitez bénéficier du référencement multilingue de WooCommerce, vous devrez également traduire les détails de référencement de votre boutique, tels que les titres de référencement, les méta-descriptions, les slugs d'URL, les informations Open Graph, etc.
TranslatePress peut également vous aider à traduire tous ces détails, mais vous aurez besoin du module complémentaire SEO Pack pour le faire, qui est disponible sur la licence personnelle premium de TranslatePress.
Avec ce module complémentaire, vous pouvez traduire toutes les informations SEO de votre site. Pour ce faire, TranslatePress s'intègre automatiquement aux plugins SEO les plus populaires, notamment Yoast SEO, Rank Math, etc.
Une fois que vous aurez installé le module complémentaire SEO Pack, vous pourrez traduire ces détails en les sélectionnant à l'aide du menu déroulant de l'éditeur de traduction.
Par exemple, si vous avez déjà défini vos détails de référencement à l'aide de Yoast SEO, vous verrez ces détails apparaître dans l'éditeur et vous pourrez ensuite les traduire comme n'importe quel autre contenu :
Vous pouvez également utiliser la même approche pour traduire le slug d'URL pour des produits individuels (et d'autres éléments de contenu, tels que des articles de blog).
Pour les slugs d'URL à l'échelle du site, tels que les slugs de base de votre catégorie de produits, vous pouvez ouvrir l'interface de traduction de chaînes :
4. Configurez votre sélecteur de langue WooCommerce
À ce stade, vous disposez d'une boutique WooCommerce multilingue fonctionnelle.
Cependant, pour permettre aux acheteurs de choisir facilement leurs langues préférées, vous souhaiterez configurer le sélecteur de langue frontale de votre boutique.
Par défaut, TranslatePress ajoute un sélecteur de langue flottant dans le coin inférieur droit de votre boutique. Cependant, vous pouvez également modifier l'emplacement du sélecteur de langue flottant ou utiliser une option de placement complètement différente.
Voici vos options pour placer le sélecteur de langue de votre boutique :
Sélecteur de langue flottant - affichez-le sur toutes vos pages, dans n'importe quel coin de votre magasin.
Élément de menu - ajoutez votre sélecteur de langue en tant qu'élément de menu à n'importe quel menu de votre site en accédant à Apparence → Menus .
Shortcode - placez manuellement votre sélecteur de langue n'importe où sur votre site à l'aide d'un shortcode.
Vous obtenez également des paramètres pour contrôler le contenu et le comportement de votre sélecteur de langue. Par exemple:
Noms de langue – choisissez d'afficher le nom complet de la langue ou uniquement le code ISO à deux lettres.
Drapeaux de pays - choisissez d'afficher ou non les drapeaux de pays. Si vous activez les drapeaux, TranslatePress affichera le drapeau pour les paramètres régionaux spécifiques que vous avez sélectionnés. Donc, si vous avez choisi l'espagnol (Espagne), le drapeau espagnol s'affichera. Mais si vous avez choisi l'espagnol (Mexique), cela montrerait le drapeau mexicain.
Pour configurer ces paramètres, accédez à Paramètres → TranslatePress et faites défiler jusqu'aux paramètres Language Switcher :
Examinons maintenant quelques emplacements alternatifs au sélecteur de langue flottante par défaut.
Pour ajouter votre sélecteur de langue WooCommerce en tant qu'élément de menu, accédez à Apparence → Menus pour accéder à l'éditeur de menu WordPress normal et ouvrez le menu que vous souhaitez modifier.
Ensuite, vous pouvez utiliser les paramètres du sélecteur de langue pour configurer votre sélecteur de langue.
Vous avez deux options principales ici…
Tout d'abord, si vous n'utilisez que deux langues sur votre site, vous pouvez simplement ajouter l'élément Langue opposée en tant qu'élément de menu de niveau supérieur. Avec cet élément de menu, votre boutique affichera une option permettant aux utilisateurs de passer à l'autre langue que vous proposez :
Supposons que votre boutique soit disponible en anglais et en espagnol. Si un acheteur naviguait en anglais, il verrait l'option pour l'espagnol sur votre menu. Mais s'ils naviguent en espagnol, ils verront l'option pour l'anglais :
L'autre option consiste à utiliser l'élément de menu Langue actuelle . Cela affichera la langue dans laquelle l'acheteur navigue actuellement. Vous pouvez ensuite ajouter les langues spécifiques en tant qu'éléments de sous-menu de l'élément de menu Langue actuelle comme ceci :
Avec cette configuration, les acheteurs verront leur langue actuellement sélectionnée comme élément de menu de niveau supérieur. Ils peuvent ensuite passer leur curseur dessus pour afficher une liste déroulante avec toutes les langues disponibles. TranslatePress masquera la liste déroulante de la langue actuellement sélectionnée par l'utilisateur, cependant, pour éviter la duplication :
Si vous proposez plus de deux langues, c'est probablement la meilleure approche pour votre boutique.
Comment ajouter votre sélecteur de langue WooCommerce en tant que code court
Si vous souhaitez encore plus de contrôle sur le placement de votre sélecteur de langue, vous pouvez l'ajouter manuellement n'importe où sur votre boutique en utilisant le shortcode suivant :
[changement de langue]
Vous pouvez placer ce shortcode dans des widgets, des blocs, du contenu que vous créez avec l'éditeur, etc.
Vous pouvez également utiliser la fonction WordPress do_shortcode() pour placer le sélecteur de langue directement dans les fichiers de modèle de votre thème.
Créez une boutique WooCommerce multilingue aujourd'hui
Traduire votre boutique WooCommerce est un excellent moyen d'offrir une meilleure expérience d'achat à vos clients existants tout en atteignant de nouveaux clients grâce au référencement multilingue et à d'autres nouvelles opportunités de marketing.
Bien que WooCommerce ne prenne pas en charge la fonctionnalité multilingue dans le plug-in principal, vous pouvez facilement créer une boutique multilingue à l'aide du plug-in TranslatePress.
À l'aide de l'éditeur visuel de TranslatePress, vous pourrez traduire entièrement votre boutique, y compris vos pages de produits uniques, vos pages de boutique, votre page de panier, votre page de paiement, vos métadonnées SEO et votre contenu non-WooCommerce.
Vous pouvez ensuite ajouter un sélecteur de langue frontale afin que les acheteurs puissent choisir leurs langues préférées lors de la navigation dans votre boutique.
Dans cet article, vous avez appris étape par étape comment traduire WooCommerce et créer votre boutique multilingue.
Si vous êtes prêt à commencer, installez le plugin gratuit TranslatePress aujourd'hui pour voir comment cela fonctionne.
Et si vous en êtes encore aux étapes de planification de votre boutique, assurez-vous de consulter les meilleurs thèmes WooCommerce et quelques autres excellents plugins WooCommerce pour configurer votre boutique pour réussir.
Avez-vous encore des questions sur la traduction WooCommerce ? Faites le nous savoir dans les commentaires!
Divulgation : cette page contient des liens d'affiliation externes qui peuvent nous permettre de recevoir une commission si vous choisissez d'acheter le produit mentionné. Les opinions sur cette page sont les nôtres et nous ne recevons pas de bonus supplémentaire pour les critiques positives.