Comment Afficher le Nombre de Produits Vendus Dans WooCommerce ?

En affichant le nombre de produits vendus dans WooCommerce, vous pouvez augmenter considérablement votre chiffre d’affaires. Cependant, en quoi le fait de dévoiler le nombre de produits vendus va nous aider à booster nos ventes ? En effet, cette stratégie marketing s’appelle la « preuve sociale ».

Ceci dit, vous pouvez mettre en place cette fonctionnalité dans WooCommerce à travers un remarquable snippet. Dans les lignes suivantes, nous vous expliquons la marche à suivre.

L’Affichage du Nombre de Produits Vendus et la Preuve Sociale

En quoi consiste la preuve sociale ? En résumé, c’est un procédé marketing dont l’objectif est d’exposer un nombre de clients ayant déjà consommé un produit afin d’inciter d’autres personnes à passer à l’achat. Ainsi, si vous arrivez à montrer par exemple que plus d’un millier de clients ont acheté votre produit, cela créera un effet de garantie de la qualité du produit chez autrui.

Or, sachez que vous avez la possibilité d’utiliser cette technique sur votre boutique en ligne WooCommerce par le biais d’un snippet. Autrement dit, vous pourrez révéler le nombre de vos produits vendus sur votre page boutique ainsi que sur chaque page produit.

Les Différents Façons d’Employer le Snippet

Certes, vous avez devant vous la possibilité de mettre ce snippet en place de plusieurs manières différentes :

1. Sur les pages produits ;
2. Au niveau de la page boutique exclusivement ;
3. Au niveau de la page boutique et des pages produits ;
4. À partir d’un certain seuil.

• Les Pages Produits

Pour réaliser cette manœuvre, il suffit de copier-coller le code suivant dans le fichier « functions.php » de votre thème enfant :

/* Afficher le nombre de produit vendu sur les pages produits WooCommerce */

// On affiche le nombre de ventes sur la page produit
add_action( 'woocommerce_single_product_summary', 'wpm_product_sold_count', 11 );
 
function wpm_product_sold_count() {
    global $product;

  //On récupère le nombre total de ventes par produit
    $units_sold = $product->get_total_sales();
   
  // On affiche notre texte personnalisé contenant le nombre de vente
    echo '<p class="wpm-sold-product">' . sprintf( __( 'Produit vendu %s fois', 'woocommerce' ), $units_sold ) . '</p>';
}

Pour personnaliser votre texte, vous pouvez remplacer la phrase « ‘produit vendu %s fois’ » par ce que vous souhaitez. En revanche, veillez à ne surtout pas retirer le « % s » figurant dans la phrase, car il s’agit de la variable comprenant le nombre de ventes des produits.

Enfin, n’hésitez pas à personnaliser cet affichage en insérant du code CSS dans le fichier « style.css » de votre thème enfant en modifiant la class CSS « wpm-sold-product ». Nous vous donnons un exemple ci-dessous :

/* CSS Affichage nombre de produits vendus */

.wpm-sold-product {
  font-weight: bold; /* On met le texte en gras */
  background-color: #cecece; /* On met une couleur de fond grise */
  text-align:center; /* On centre le texte */
  padding-top:10px; /* On met une marge interne supérieure de 10pixels */
  margin-bottom:10px; /* On met une marge externe inférieure de 10pixels  */
}

• La Page Boutique Exclusivement

Dans ce cas, il faut copier-coller le code suivant dans le fichier « functions.php » présent dans votre thème enfant :

/* Afficher le nombre de produit vendu sur la page boutique WooCommerce */

add_action( 'woocommerce_after_shop_loop_item', 'wpm_product_sold_count', 11 ); // On l'affiche ici sur la page boutique
 
function wpm_product_sold_count() {
    global $product;

  //On récupère le nombre total de ventes par produit
    $units_sold = $product->get_total_sales();
   
  // On affiche notre texte personnalisé contenant le nombre de vente.
    echo '<p class="wpm-sold-product">' . sprintf( __( 'Produit vendu %s fois', 'woocommerce' ), $units_sold ) . '</p>';
}

Enfin, vous pouvez styliser votre affichage avec du code CSS, comme suit :

/* CSS Affichage nombre de produits vendus */

.sold-product {
  font-weight: bold; /* On met le texte en gras */
  background-color: #2ea3f2; /* On met un fond bleu */
  color: white; /* On met le texte en blanc */
  text-align:center; /* On centre le texte */
  padding-top:10px; /* On met une marge interne supérieure de 10px */
  padding-bottom:10px!important; /* On met une marge interne inférieure de 10px */
  margin-bottom:10px; /* On met une marge externe inférieure de 10px */
  border-radius: 50px; /* On définit des coins arrondis de 50px  */
}

• La Page Boutique et Les Pages Produits

Ici, on va utiliser quasiment le même snippet. Cependant, nous allons écrire cette fois-ci deux « add_action() ». Voici le code à copier-coller dans le fichier « functions.php » présent dans votre thème enfant :

/* Afficher le nombre de produit vendu sur les pages produits et boutique WooCommerce */

add_action( 'woocommerce_after_shop_loop_item', 'wpm_product_sold_count', 11 ); // On l'affiche ici sur la page boutique
add_action( 'woocommerce_single_product_summary', 'wpm_product_sold_count', 11 ); // On l'affiche ici sur la page produit
 
// Le code ensuite est le meme que précédemment
function wpm_product_sold_count() {
    global $product;

  //On récupère le nombre total de ventes par produit
    $units_sold = $product->get_total_sales();
   
  // On affiche notre texte personnalisé contenant le nombre de ventes
    echo '<p class="wpm-sold-product">' . sprintf( __( 'Produit vendu %s fois', 'woocommerce' ), $units_sold ) . '</p>';
}

• À Partir D’un Certain Seuil

Le fait d’afficher un petit nombre de produits vendus n’est pas très convaincant pour vos prospects. De même, cela n’est pas efficace en matière de preuve sociale. C’est pourquoi, nous vous conseillons d’adapter votre snippet de sorte que votre site n’affiche le nombre de produits vendus qu’à partir d’un compte approprié.

Pour ce faire, vous devez copier-coller le code suivant dans le fichier « functions.php » présent dans votre thème enfant :

// Afficher le nombre de ventes sur la boutique et les pages produits si les ventes sont supérieures à 10 exemplaires

add_action( 'woocommerce_after_shop_loop_item', 'wpm_product_sold_count_10', 11 ); 
add_action( 'woocommerce_single_product_summary', 'wpm_product_sold_count_10', 11 );

function wpm_product_sold_count_10() {
    global $product;

  //On récupère le nombre total de ventes par produit
    $units_sold = $product->get_total_sales();
   
  // On affiche notre texte personnalisé contenant le nombre de vente seulement s'il est supérieur ou égal à 10.
 	if ($units_sold >= 10) {
    	echo '<p class="wpm-sold-product">' . sprintf( __( 'Produit vendu %s fois', 'woocommerce' ), $units_sold ) . '</p>';
  }
}

Enfin, il ne vous reste plus qu’à adapter ce nombre en remplaçant la valeur dans l’attribut « if ($units_sold >= 10) » par celle que vous voulez.

Qu’Allah vous assiste !