Comment obtenir et afficher les descriptions de produits dans WooCommerce 

WooCommerce stocke les descriptions de produits dans deux champs : la description complète du produit et la description courte. Vous pouvez ajouter ou récupérer les deux via l'administration WordPress, avec PHP en utilisant $product->get_description(), ou en personnalisant la mise en page de votre boutique à l'aide d'un constructeur de pages tel que SeedProd.

Dans ce guide, je vais vous montrer comment obtenir et afficher des descriptions de produits dans WooCommerce, y compris comment :

• Rédiger et ajouter des descriptions de produits WooCommerce de la bonne façon
• Utilisez la description courte de WooCommerce sur la page de votre boutique
• Personnalisez les pages produits avec SeedProd, sans avoir besoin de code

Pourquoi les descriptions de produits WooCommerce sont-elles importantes ?

Les acheteurs visitent votre boutique en ligne pour plusieurs raisons :

1. Recherche sur ce que vous avez à offrir
2. Recherche d'un produit spécifique
3. Vous comparer à d'autres solutions
4. Lèche-vitrine

Si les visiteurs ont du mal à obtenir les informations dont ils ont besoin, ils quitteront votre site avant d'acheter. En revanche, si vous proposez aux acheteurs des descriptions de produits uniques et détaillées, ils pourront rapidement trouver ce qu'ils recherchent.

Les descriptions de produits de WooCommerce incitent également les clients potentiels à cliquer et à en savoir plus sur vos produits.

Par exemple, si les utilisateurs voient une brève description du produit sur la page de votre boutique, ils peuvent cliquer pour lire la description complète. À partir de là, ils peuvent :

• Apprendre le prix
• Voir les images du produit
• Explorer les spécifications des produits
• Lire les commentaires et les évaluations

Ces informations peuvent persuader les utilisateurs d'acheter le produit sur-le-champ.

Votre prochaine question est probablement "comment ajouter des descriptions de produits dans WooCommerce ?". Continuez à lire pour le savoir.

Comment obtenir les descriptions de produits WooCommerce avec PHP

WooCommerce fournit deux méthodes PHP pour récupérer les descriptions de produits par programmation : get_description() pour la description complète et get_short_description() pour la description courte. Vous les utiliserez dans des modèles personnalisés, des fonctions de thème enfant ou des hooks.

Voici le code complet permettant de récupérer les deux descriptions pour n'importe quel produit :

// Get the WooCommerce product object
$product = wc_get_product( $product_id );

// Get the full product description
$description = $product->get_description();

// Get the short product description
$short_description = $product->get_short_description();

Les deux méthodes renvoient des chaînes HTML.

Par exemple : <p>Your description text.</p>.

WooCommerce stocke les descriptions via l'éditeur WordPress. Affichez-les avec echo $description directement dans les modèles. N'utilisez pas esc_html() ici, ce qui imprimerait les balises HTML littéralement au lieu de les afficher.

Si vous travaillez dans une boucle ou un hook où vous avez déjà le $product global, vous pouvez appeler ces méthodes directement sans wc_get_product()Le modèle ci-dessus permet de récupérer les descriptions en dehors de la boucle par ID de produit.

Ensuite, faites défiler vers le bas et entrez les détails de votre produit dans la section Données du produit, y compris :

• Type de produit
• Prix normal et prix de vente
• Inventaire
• Expédition
• Produits liés
• Attributs
• Avancé

Sous cette section se trouve la description courte du produit. Il s'agit d'une version abrégée de la description complète du produit que vous pouvez afficher pour inciter les utilisateurs à cliquer.

N'oubliez pas d'ajouter la catégorie de produits et de télécharger les images de vos produits. Vous pouvez ensuite cliquer sur Mettre à jour ou Publier pour mettre en œuvre vos modifications.

Comment obtenir et afficher les descriptions de produits dans WooCommerce avec SeedProd

Ajouter des descriptions de produits personnalisées à WooCommerce est très facile avec SeedProd.

SeedProd est le meilleur plugin de création de site web et de page d'atterrissage pour WordPress. Il vous permet de créer des thèmes WordPress personnalisés, des sites WooCommerce et des mises en page flexibles sans code.

Il est facile de commencer avec 180+ modèles de pages d'atterrissage et 25+ thèmes WordPress pré-fabriqués. Vous pouvez personnaliser chaque design dans le constructeur visuel de pages par glisser-déposer de SeedProd.

Personnaliser votre boutique en ligne ne prend pas de temps avec les blocs et les sections personnalisables de SeedProd. Vous pouvez afficher les produits WooCommerce facilement avec les balises du modèle WooCommerce et les personnaliser en pointant et en cliquant. 

Vous pouvez même utiliser SeedProd pour créer des sites de commerce électronique complets avec des pages de produits, des paniers d'achat, des caisses, des archives et des pages de boutique uniques. Le plugin est rapide comme l'éclair et ne s'encombre pas, ce qui garantit un fonctionnement rapide de votre site pour les visiteurs.

Suivez les étapes ci-dessous pour obtenir des descriptions de produits dans WooCommerce et les afficher avec SeedProd.

Etape 1. Installer SeedProd Website Builder

Tout d'abord, téléchargez le fichier du plugin SeedProd sur votre ordinateur.

Note : Il existe une version gratuite de SeedProd, mais nous utiliserons le plan SeedProd Elite pour les fonctionnalités WooCommerce.

Ensuite, installez et activez SeedProd sur votre site WordPress. Vous pouvez suivre ce guide sur l'installation d'un plugin WordPress si vous avez besoin d'aide.

Après avoir installé SeedProd, allez dans SeedProd " Settings et entrez votre clé de licence.

Vous pouvez trouver votre clé de licence en vous connectant à votre compte SeedProd et en cliquant sur l'onglet Téléchargements.

Saisissez votre clé dans le champ de texte et cliquez sur le bouton Vérifier la clé.

Étape 2. Créer un thème WooCommerce personnalisé

Pour utiliser les fonctionnalités WooCommerce de SeedProd, vous devrez créer un nouveau thème WordPress avec SeedProd. Cela remplacera votre thème existant par un design personnalisé, et c'est facile à faire, même pour les débutants.

Pour ce faire, allez dans SeedProd " Theme Builder et cliquez sur le bouton Themes.

Ensuite, vous verrez la bibliothèque de modèles de sites web pré-fabriqués de SeedProd. Lorsque vous trouvez un modèle qui vous plaît, survolez-le et cliquez sur l'icône de la coche.

Après avoir importé votre thème, SeedProd va créer toutes les parties de la démo du thème.

Remarque: les différentes parties d'un thème sont appelées "modèles". 

En cliquant sur chaque modèle, vous l'ouvrirez dans l'éditeur par glisser-déposer de SeedProd, où vous pourrez personnaliser le contenu et le design.

Le premier modèle que nous allons modifier dans ce tutoriel est la page produit. Lorsqu'un visiteur clique sur un produit de votre boutique, il voit la page produit avec les détails de cet article.

Etape 3. Modifier le modèle de page produit

Pour personnaliser votre page produit, passez votre souris sur le modèle de page produit et cliquez sur le lien Modifier la conception.

Le modèle s'ouvrira dans l'éditeur visuel par glisser-déposer de SeedProd, où vous pouvez pointer et cliquer pour modifier la conception et la mise en page.

Voyons tout d'abord comment ajouter une brève description du produit à votre page.

Sur le côté gauche de votre écran, trouvez la section WooCommerce Template Tags et faites glisser le bloc Short Description sur votre design.

La sortie WooCommerce pour ce bloc est par défaut la balise de description courte, mais vous pouvez la personnaliser pour répondre aux besoins de votre magasin. Vous pouvez également personnaliser l'apparence de la description dans les paramètres du bloc.

Par exemple, vous pouvez modifier l'alignement de la description, la taille de la police et insérer du texte dynamique.

Dans l'onglet Avancé, vous pouvez personnaliser les styles de bloc, y compris les couleurs, les polices, l'espacement, etc.

Vous pouvez procéder de la même manière pour ajouter des descriptions longues aux pages de produits. Il vous suffit de faire glisser le bloc Contenu du produit depuis le panneau de gauche et de le mettre en place.

Comme auparavant, vous pouvez personnaliser le contenu, le style et les couleurs en quelques clics.

Remarque : vous ne verrez pas d'aperçu du bloc Contenu du produit dans l'éditeur en ligne.

Étape 4. Personnaliser le reste de votre site WooCommerce

Après avoir ajouté des descriptions de produits à votre page, vous pouvez continuer à personnaliser le reste de votre boutique. Il vous suffit de cliquer sur le lien Modifier la conception de n'importe quel modèle pour modifier le contenu qu'il affiche et son apparence.

Par exemple, vous pouvez :

• Personnaliser les pages de catégories de produits
• Afficher les produits en vedette
• Ajouter une barre latérale WordPress personnalisée

Vous disposerez d'une boutique WooCommerce entièrement personnalisée, prête à convertir les acheteurs en clients lorsque vous aurez terminé.

Étape 5. Publier votre site WooCommerce

Lorsque vous êtes satisfait de votre nouvelle conception, il est temps de la mettre en ligne.

Pour ce faire, rendez-vous sur la page SeedProd " Theme Builder, et dans le coin supérieur droit, cliquez sur le bouton Enable SeedProd Theme jusqu'à ce qu'il soit en position "on".

Vous pouvez désormais prévisualiser n'importe quel produit sur votre site et voir les descriptions courtes et longues en action.

Voici comment se présentera votre courte description :

Et voici comment la description longue se présentera en fonction de votre mise en page :

Comment afficher les descriptions de produits sur la page boutique WooCommerce

WooCommerce n'affiche pas les descriptions courtes ou complètes sur la page de la boutique, les pages de catégories ou les pages d'archives par défaut. Pour afficher les descriptions sur ces pages, vous avez trois options.

Option 1 : SeedProd (sans code)

Les modèles d'archives de produits SeedProd vous permettent de personnaliser vos pages boutique et catégories dans l'éditeur visuel.

Ajoutez le bloc « Description courte » au modèle de votre page boutique et il s'affichera sous chaque produit dans la grille, sans avoir besoin de code.

Il s'agit de la même approche que celle décrite dans la section SeedProd ci-dessus, appliquée aux modèles de pages d'archives plutôt qu'aux pages de produits individuels.

Option 2 : plugin WooCommerce Product Description on Shop Page (Description du produit WooCommerce sur la page boutique)

Le plugin WooCommerce Product Description on Shop Page est un plugin WordPress gratuit qui ajoute des options d'affichage de description aux paramètres de votre page boutique. Installez-le, activez-le et configurez le type de description qui apparaîtra dans la grille des produits.

Option 3 : hook PHP (approche développeur)
Si vous préférez une solution basée sur le code, l'extrait suivant ajoute une brève description sous chaque titre de produit sur la page de la boutique. Familiarisez-vous avec l'ajout d'extraits de code à WordPress avant d'utiliser cette approche, ou utilisez un plugin d'extraits de code pour l'ajouter en toute sécurité.

/**
 * SeedProd - Add short description to products listing on shop page (only)
 */
add_action( 'woocommerce_after_shop_loop_item_title', 'sp_wc_add_short_description' );
function sp_wc_add_short_description() {
    if( is_shop() ){
        global $product;
        ?>
        <div class="woocommerce-loop-product-description">
            <?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
        </div>
        <?php        
    }
}

Lorsque vous visualisez la page de votre boutique WooCommerce, vous verrez des descriptions de produits au-dessus du bouton "Ajouter au panier".

Dépannage : la description du produit ne s'affiche pas dans WooCommerce

Si la description de votre produit ne s'affiche pas là où vous le souhaitez, les causes les plus courantes sont les suivantes :

• Utilisation d'un type de description incorrect (les descriptions complètes et les descriptions courtes s'affichent à des emplacements différents)
• Un thème qui remplace les fichiers de modèle par défaut de WooCommerce,
• Comportement par défaut de WooCommerce (les descriptions courtes n'apparaissent que sur les pages de produits individuels, et non sur les pages boutique ou catégories).

Vérifiez la description que vous avez saisie dans l'éditeur de produit et comparez-la à l'endroit où vous vous attendez à la voir apparaître.

Si vous utilisez un thème personnalisé, vérifiez s'il inclut le fichier woocommerce_short_description crochet d'action ou le .woocommerce-product-details__short-description conteneur dans le modèle de produit unique.

Plus de possibilités de personnaliser WooCommerce

Il existe de nombreuses autres façons de personnaliser l'affichage de vos produits dans WooCommerce. Pour plus d'informations sur les personnalisations WooCommerce, veuillez consulter les guides suivants :

• Comment personnaliser l'onglet Informations complémentaires de WooCommerce
• Comment ajouter un bouton "Voir le panier" dans WooCommerce
• Comment changer le titre de la page de la boutique dans WooCommerce
• Comment créer une superbe galerie d'images de produits dans WooCommerce 
• Comment ajouter un classement par étoiles aux pages produits de WooCommerce
• Comment afficher les produits apparentés dans WooCommerce
• Comment afficher les catégories et les étiquettes de produits dans WooCommerce 
• Comment réparer le dysfonctionnement de l'affichage du panier dans WooCommerce ?
• Comment masquer les produits en rupture de stock dans WooCommerce

FAQ sur les descriptions de produits WooCommerce

Quelle est la différence entre une description de produit WooCommerce et une description courte ?

WooCommerce dispose de deux champs de description. La description complète du produit apparaît dans l'onglet principal de l'éditeur, sous le titre du produit, et s'affiche dans un onglet ou une section dédiée sur la page du produit. La description courte est un bref résumé saisi dans le champ « Description courte du produit ». Elle apparaît par défaut sous le titre du produit et au-dessus du bouton « Ajouter au panier ». Aucune des deux descriptions n'apparaît sur les pages de la boutique ou des catégories, sauf si vous les ajoutez à l'aide d'un plugin, d'un code ou d'un constructeur de pages tel que SeedProd.

Comment afficher la description du produit sur la page boutique WooCommerce ?

WooCommerce n'affiche pas les descriptions sur la page boutique par défaut. Vous avez trois options : utiliser les modèles d'archives de produits de SeedProd pour ajouter un bloc « Description courte » à la mise en page de votre boutique sans code, installer le plugin WooCommerce Product Description on Shop Page, ou ajouter un hook PHP à l'aide de la balise woocommerce_after_shop_loop_item_title action avec $product->get_short_description().

Pourquoi la description de mon produit WooCommerce ne s'affiche-t-elle pas ?

Les raisons les plus courantes sont les suivantes : vous avez rempli le mauvais champ de description (les descriptions complètes et courtes apparaissent à des endroits différents), votre thème remplace les modèles par défaut de WooCommerce, ou vous vous attendez à ce qu'une description apparaisse sur une page où WooCommerce ne l'affiche pas par défaut. Vérifiez quel champ vous avez rempli, confirmez où ce champ est censé s'afficher et vérifiez que votre thème ne supprime pas l'affichage.

Et voilà !

Nous espérons que cet article vous a aidé à apprendre comment obtenir des descriptions de produits dans WooCommerce et les afficher pour vos clients. 

SeedProd comprend tout ce dont vous avez besoin pour personnaliser n'importe quelle partie de votre site WordPress et de votre boutique WooCommerce. Vous pouvez même utiliser SeedProd pour lancer des sites web clients comme l'a fait Mustard Seed dans cette étude de cas.

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à participer à la conversation sur YouTube, X et Facebook pour obtenir d'autres conseils et contenus utiles pour développer votre entreprise.