Comment modifier le texte "Ajouter au panier" dans WooCommerce ?

Par Baptiste Pagès le 20 janvier 2021
Mis à jour le 28 janvier 2021
Votre site WordPress manque de visibilité ?
J'analyse votre SEO

Il y a quelques temps, un client m'a demandé s'il pouvait modifier le texte "Ajouter au panier" de son site WooCommerce. En cherchant comment faire, je me suis dit que j'allais partager ma méthode avec mes lecteurs. C'est parti !

Pourquoi modifier le texte "Ajouter au panier" ?

Avant d'entrer dans le vif du sujet, je vous invite à vous poser cette question et à y réfléchir sérieusement. Si 95% des e-commerces utilisent cet exact label pour leurs boutons, ce n'est pas pour rien, c'est une histoire d'expérience utilisateur et de taux de conversion, comme souvent.

En effet, les internautes sont habitués à voir des boutons "Ajouter au panier" sur la grande majorité des e-commerces. Chamboulez cette habitude et vous risquez de rendre vos visiteurs méfiants et / ou de les rendre confus. Ceci implique un malus de référencement et de taux de conversion.

Avec de tels risques, vous devez absolument avoir une bonne raison de modifier ce texte.

Conseil : si vous n'êtes pas sûr de vous, n'hésitez pas à me contacter pour mon demander mon avis, je consacre un peu de temps chaque jour pour répondre aux questions de mes lecteurs et lectrices 🙂

Comment faire sans plugin

La solution la plus simple pour modifier le texte ajouter au panier est de placer un peu de code dans le fameux fichier function.php de votre thème actif.

En effet, WooCommerce a prévu un filtre nommé "woocommerce_product_add_to_cart_text" qui va justement servir à ça. Il nous suffit d'utiliser ce filtre pour écraser la valeur par défaut.

add_filter( 'woocommerce_product_add_to_cart_text', 'woocommerce_changer_texte_ajouter_panier' );  
 function woocommerce_changer_texte_ajouter_panier() {
     return __( 'Commander', 'woocommerce' );
 }

Ici, le code renvoie "Commander" lorsque WooCommerce demande quel texte on veut utiliser pour les boutons d'ajout au panier. Et voici le résultat (thème OceanWP) ci-dessous.

Capture d'écran d'une grille produit, après avoir changé le texte "Ajouter au panier" sur WooCommerce.

Comme vous le voyez, ce n'est plus écrit "Ajouter au panier", mais "Commander".

Attention : On manipule ici du code dans function.php, c'est quand même un peu avancé. Si vous n'y connaissez rien, mieux vaut passer par moi ou un confrère pour faire ce travail, ce n'est pas très couteux. Évitez aussi de manipuler le fichier function.php si vous n'êtes pas dans un thème enfant.

Voilà pour la solution que j'ai implémentée chez mon client. Maintenant, je sais que certains ne voudront ni toucher au code, ni faire appelle à un pro, alors je vais tester un plugin pour ceux-là 😉

Changer les labels des boutons WooCommerce avec un plugin

Je vais maintenant vous parler du plugin "WC Custom Add to Cart labels" que nous allons utiliser pour faire la même chose : changer le texte "Ajouter au panier" en "Commander".

Note : Comme vous le voyez à l'heure où je rédige cette article, le plugin n'a pas été mis à jour depuis 7 mois. Celui-ci peut donc comporter des failles de sécurités. Une raison de plus pour éviter de passer par un plugin si c'est possible.

Pour commencer, installez l'extension. Si vous ne savez pas le faire, je vous recommande mon guide pratique de l'administration WordPress.

Une fois l'extension installée et activée, vous aurez dans le menu d'administration de WordPress un nouvel onglet.

Rendez-vous dans "WooCommerce" puis "Réglages" (1) puis "Produits" et "Add to cart button labels" (2).

Le plugin nous permet dans un premier temps de changer les labels des boutons sur la page de produit (3). Remplacez ce champs par ce que vous voulez, et le texte changera sur les produits simples.

Capture d'écran montrant comment changer le texte "Ajouter au panier" dans WooCommerce avec l'extension WC Custom Add to Cart labels.

Par exemple, j'ai mis "Je veux !" et voici ce que ça donne...

Par contre, rien n'a changé sur la grille des produits. Pour changer ça, il faut descendre un peu dans les options du plugin, sous "Change the "add to cart" button label on archive / shop page (per product type)".

Par exemple, j'ai placé ici "Ajouter" et voici le résultat :

À vous de jouer !

Et voilà c'est tout ce que j'avais pour vous aujourd'hui. J'espère que cet article vous aura aidé, n'hésitez pas à me contacter si besoin 👍

Cet article vous a plu ?

Voici d'autres articles populaires qui vous intéresseront peut-être :
SEO
Les bases du Référencement Organique
Apprenez les bases du référencement organique afin d'éviter les erreurs de débutant.
Lire cet article
DESIGN
Comment changer la police d'un site WordPress ?
Tout ce qu'il faut savoir pour gérer la typographie de votre site WordPress est ici, suivez le guide !
Lire cet article
CODE
Comment ajouter du CSS additionnel dans WordPress ?
Découvrez comment ajouter facilement du code CSS additionnel dans n'importe quel site WordPress.
Lire cet article
WOOCOMMERCE
Comment importer des produits dans WooCommerce ?
Apprenez à importer des produits à votre boutique WooCommerce très facilement (en vidéo).
Lire cet article
Je m'appelle Baptiste et je suis un webdesigner / consultant SEO spécialisé dans WordPress, basé à Grasse dans le Sud de la France. J'aide les petites entreprises à développer leur présence web dans ce monde de fou 😉
menu-circlecross-circle