Ajouter un badge “Nouveau” sur les produits récents

Dans un e-commerce, les produits récents attirent naturellement la curiosité. Un badge “Nouveau” aide à les distinguer sans effort, boostant les clics et donnant un petit sentiment de fraîcheur à ta boutique. Le problème, c’est que WooCommerce ne propose pas cette fonction de base. Heureusement, un petit morceau de code bien placé règle l’affaire sans plugin inutile.

Ce snippet vérifie la date de publication de chaque produit affiché dans la boutique WooCommerce. Il compare cette date à la date actuelle pour déterminer si le produit est suffisamment récent — ici, moins de 30 jours — pour être considéré comme “nouveau”. Si c’est le cas, il injecte un petit bloc HTML contenant le badge “Nouveau” juste avant le titre du produit dans la boucle d’affichage. Le badge est stylisé en CSS pour apparaître visiblement (en haut à gauche, avec une couleur vive), et tu peux ajuster la durée de fraîcheur ou le style selon tes besoins. En résumé, le code se greffe sur un hook WooCommerce (woocommerce_before_shop_loop_item_title) pour enrichir dynamiquement chaque fiche produit sans modifier le cœur du thème.

Résultat : un badge stylisé en CSS visible sur les produits de moins de 30 jours.

1|Information

Avant d’utiliser ce snippet, assurez-vous d’avoir installé l’extension Code Snippets (gratuite) sur votre site WordPress. Si ce n’est pas le cas, vous pouvez la télécharger via le lien ci-dessous. Si vous n’avez jamais ajouté de fonctionnalité spécifique à votre site WordPress, nous vous recommandons de commencer par lire notre guide dédié (lien ci-dessous).

Guide – Ajouter une feature à votre site WordPress

Télécharger Code Snippets sur wordpress.org

---

2|Prérequis

Voici la liste des extensions nécessaires au bon fonctionnement de ce snippet. Assurez-vous de les installer avant d’activer le snippet.

WooCommerce

Nécessaire pour la vente de produits virtuels sur votre site

---

3|Snippet

Voici le snippet à utiliser. Les commentaires à l’intérieur du code vous guideront sur le fonctionnement de ce snippet.

Assurez-vous de cocher la case « Run snippet everywhere » avant d’activer le snippet.

/**
 * Affiche un badge "Nouveau" sur les produits récents
 */
add_action( 'woocommerce_before_shop_loop_item_title', 'lws_afficher_badge_nouveau', 10 );

function lws_afficher_badge_nouveau() {
    global $product;

    // Durée pendant laquelle le produit est considéré comme "nouveau" (en jours)
    $jours_nouveau = 30;

    // Récupération de la date de publication du produit
    $date_publication = get_the_date( 'U', $product->get_id() );

    // Vérification : si le produit a moins de X jours
    if ( ( time() - ( $jours_nouveau * 24 * 60 * 60 ) ) < $date_publication ) {
        echo '<span class="badge-nouveau" style="
            position:absolute;
            top:10px;
            left:10px;
            background-color:#e74c3c;
            color:#fff;
            padding:5px 10px;
            font-size:12px;
            border-radius:3px;
            z-index:5;
        ">Nouveau</span>';
    }
}

Pourquoi ce code est utile ?

Ce snippet te libère des plugins “machins-pro-badge-ultimate” qui alourdissent ton site. Il te donne le contrôle total sur l’apparence, la durée et la logique d’affichage du badge “Nouveau”.
En somme : une solution légère, élégante et 100 % adaptée à ton thème.
Et surtout, elle flatte ton visiteur avec une illusion de nouveauté — ce carburant éternel du commerce.

Allez plus loin

Ce type de personnalisation montre à quel point WooCommerce peut être étendu via des filtres et actions WordPress. Si vous souhaitez davantage personnaliser votre programme de fidélité, pensez à consulter la documentation WooRewards ou à faire appel à un développeur WordPress expérimenté (voir notre page de Développements sur mesure).