{"id":211513,"date":"2023-11-08T09:00:00","date_gmt":"2023-11-08T09:00:00","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/shortcodes-woocommerce-un-guide-complet\/"},"modified":"2025-06-02T07:07:05","modified_gmt":"2025-06-02T07:07:05","slug":"shortcodes-woocommerce-un-guide-complet","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/","title":{"rendered":"Shortcodes WooCommerce : Un guide complet"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\" id=\"h-key-highlights\">Faits marquants  <\/h3>\n\n<ul class=\"wp-block-list\">\n<li>Personnalisation facile &#8211; Ajoutez des \u00e9l\u00e9ments dynamiques WooCommerce sans codage.  <\/li>\n\n\n\n<li>Installation rapide &#8211; Copiez et collez les shortcodes dans les pages sans effort.  <\/li>\n\n\n\n<li>Affichage flexible des produits &#8211; Pr\u00e9sentez les produits en vedette, les produits r\u00e9cents ou les produits sp\u00e9cifiques \u00e0 une cat\u00e9gorie.  <\/li>\n\n\n\n<li>Meilleure exp\u00e9rience utilisateur &#8211; Am\u00e9liorez la navigation gr\u00e2ce au suivi des commandes et aux boutons de panier.  <\/li>\n\n\n\n<li>D\u00e9pannage simple &#8211; Corrigez les erreurs courantes \u00e0 l&rsquo;aide de contr\u00f4les syntaxiques de base.  <\/li>\n\n\n\n<li>Autres options &#8211; Utilisez des blocs ou des plugins WooCommerce pour une personnalisation plus pouss\u00e9e.  <\/li>\n\n\n\n<li>L&rsquo;h\u00e9bergement compte &#8211; Un h\u00e9bergeur fiable comme Bluehost garantit des performances optimales.<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"h-introduction\">Introduction<\/h2>\n\n<p>WooCommerce est l&rsquo;une des plateformes de commerce \u00e9lectronique les plus populaires au monde. Elle offre un large \u00e9ventail de fonctionnalit\u00e9s qui vous permettent de vendre des produits et des services en ligne.  <\/p>\n\n<p>Mais saviez-vous qu&rsquo;il existe une fonction qui peut vous aider \u00e0 tirer encore plus de profit de votre boutique de commerce \u00e9lectronique ?  <\/p>\n\n<p>Il s&rsquo;agit des shortcodes.  <\/p>\n\n<p>Si vous ne les connaissez pas, ne vous inqui\u00e9tez pas. Nous allons vous expliquer ce qu&rsquo;ils sont et comment les utiliser pour optimiser votre boutique en ligne. En outre, nous explorerons des m\u00e9thodes efficaces pour r\u00e9soudre les erreurs de shortcode.    <\/p>\n\n<p>Pr\u00eat \u00e0 tout apprendre sur les shortcodes de WooCommerce ? Plongeons dans le vif du sujet.   <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-what-are-woocommerce-shortcodes\">Qu&rsquo;est-ce que les shortcodes WooCommerce ?<\/h2>\n\n<p>Les shortcodes WooCommerce sont des extraits de code WordPress qui ex\u00e9cutent une fonction sp\u00e9cifique sur votre site web. Ces morceaux de code ont des fonctionnalit\u00e9s pr\u00e9d\u00e9finies et ont \u00e9t\u00e9 cr\u00e9\u00e9s sp\u00e9cifiquement pour WooCommerce. <\/p>\n\n<p>Tous les codes courts ont la m\u00eame structure : des textes courts entre crochets. Si plusieurs textes sont utilis\u00e9s, ils sont reli\u00e9s entre eux par des traits de soulignement et des virgules. Une fois que vous avez compris la syntaxe ou la fonction de gestion, vous pouvez commencer \u00e0 ajouter des codes courts aux pages de votre site web.  <\/p>\n\n<p>Les shortcodes de WooCommerce peuvent \u00eatre utilis\u00e9s avec des param\u00e8tres ou des arguments (args), ce qui vous permet de personnaliser davantage votre site web. Un param\u00e8tre est l&rsquo;attribut ajust\u00e9 par un shortcode, tandis qu&rsquo;un argument est la valeur assign\u00e9e \u00e0 cet attribut. <\/p>\n\n<p>Par exemple, si vous utilisez un shortcode produit, vous pouvez d\u00e9finir le nombre de produits \u00e0 afficher (c&rsquo;est-\u00e0-dire le param\u00e8tre) et le nombre de colonnes souhait\u00e9es (c&rsquo;est-\u00e0-dire l&rsquo;argument).<\/p>\n\n<p>Voici un aper\u00e7u des param\u00e8tres et arguments d&rsquo;un shortcode WooCommerce :<\/p>\n\n<p><strong>[related_products limit=\u00a0\u00bb4&Prime;]<\/strong><\/p>\n\n<p>Dans cet exemple, \u00ab limit \u00bb est le param\u00e8tre, tandis que \u00ab 4 \u00bb est l&rsquo;argument. Les param\u00e8tres vous permettent de modifier les shortcodes afin qu&rsquo;ils puissent fonctionner de diff\u00e9rentes mani\u00e8res selon vos besoins ou exigences. Cependant, tous les shortcodes de WooCommerce n&rsquo;utilisent pas de param\u00e8tres.  <s><\/s><\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-why-should-you-use-woocommerce-shortcodes\"><a><\/a>Pourquoi utiliser les shortcodes de WooCommerce ?<\/h2>\n\n<p>Les shortcodes WooCommerce vous permettent de personnaliser votre boutique en ligne en ajoutant diverses fonctionnalit\u00e9s \u00e0 vos articles et pages sans aucune exp\u00e9rience en mati\u00e8re de codage. En utilisant un code pr\u00e9existant, vous pouvez gagner un temps consid\u00e9rable qui aurait \u00e9t\u00e9 consacr\u00e9 \u00e0 l&rsquo;<a href=\"https:\/\/bluehost.com\/fr\/blog\/6-etapes-essentielles-vers-le-succes-pour-les-debutants-en-code\/\">\u00e9criture de votre propre code<\/a>. <\/p>\n\n<p>Les shortcodes sont un moyen rapide et pratique d&rsquo;<a href=\"https:\/\/bluehost.com\/fr\/blog\/conversion-rate-optimization-2\/\">am\u00e9liorer la conception de votre site web<\/a> pour augmenter les conversions. Ces extraits de code vous permettent de cr\u00e9er une exp\u00e9rience d&rsquo;achat sup\u00e9rieure et de diff\u00e9rencier votre marque de celle de vos concurrents. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-use-woocommerce-shortcodes\">Comment utiliser les shortcodes de WooCommerce<\/h2>\n\n<p>Maintenant que vous savez ce que sont les shortcodes WooCommerce et pourquoi ils sont importants, voyons comment les utiliser. L&rsquo;ajout de shortcodes \u00e0 votre boutique WooCommerce est assez simple, m\u00eame si vous n&rsquo;avez aucune connaissance en codage. <\/p>\n\n<p>Toutefois, avant d&rsquo;apporter des modifications \u00e0 votre site web, il est pr\u00e9f\u00e9rable de sauvegarder vos donn\u00e9es. Vous pourrez ainsi r\u00e9tablir l&rsquo;\u00e9tat ant\u00e9rieur de votre site en cas de probl\u00e8me. <\/p>\n\n<p>Si vous utilisez l&rsquo;<a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00e9diteur classique<\/a>, il vous suffit de copier et de coller le shortcode choisi sur la page souhait\u00e9e.<\/p>\n\n<p>D&rsquo;autre part, l \u00ab <a href=\"https:\/\/bluehost.com\/fr\/blog\/comment-utiliser-lediteur-gutenberg-de-wordpress\/\">\u00e9diteur de blocs Gutenberg<\/a> vous oblige \u00e0 ajouter le shortcode \u00e0 un bloc de shortcodes. Dans ce tutoriel, nous vous montrerons comment ajouter des shortcodes \u00e0 votre site web WordPress en utilisant l \u00bb \u00e9diteur Gutenberg. <\/p>\n\n<p>Commen\u00e7ons :<\/p>\n\n<ol start=\"1\" style=\"list-style-type:1\" class=\"wp-block-list\">\n<li>Connectez-vous \u00e0 votre tableau de bord WordPress.<\/li>\n\n\n\n<li>Allez dans \u00ab Pages \u00bb, qui se trouve dans le menu de gauche, et s\u00e9lectionnez \u00ab Ajouter un nouveau \u00bb. Vous pouvez utiliser une page nouvelle ou existante. <\/li>\n\n\n\n<li>Cliquez sur l&rsquo;ic\u00f4ne noire (+) pour cr\u00e9er un bloc.<\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"677\" src=\"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block.png\" alt=\"Cliquez sur l'ic&#xF4;ne plus pour cr&#xE9;er un nouveau bloc de codes courts.\" class=\"wp-image-48042\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block.png 1600w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block-300x127.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block-1024x433.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block-768x325.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block-1536x650.png 1536w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block-24x10.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block-36x15.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/create-new-shortcode-block-48x20.png 48w\" sizes=\"100vw\" \/><\/figure>\n\n<ol start=\"4\" style=\"list-style-type:1\" class=\"wp-block-list\">\n<li>Une fois que vous avez cliqu\u00e9 sur l&rsquo;ic\u00f4ne plus, vous verrez le bloc de codes courts. Cliquez dessus pour l&rsquo;ajouter \u00e0 l&rsquo;\u00e9diteur. Vous pouvez \u00e9galement taper [\/] sur la page et rechercher \u00ab\u00a0shortcode\u00a0\u00bb.  <\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"669\" src=\"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg.png\" alt=\"Ajoutez le bloc de shortcodes &#xE0; l'&#xE9;diteur Gutenberg.\" class=\"wp-image-48043\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg.png 1600w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg-300x125.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg-1024x428.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg-768x321.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg-1536x642.png 1536w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg-24x10.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg-36x15.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/add-shortcode-block-Gutenberg-48x20.png 48w\" sizes=\"100vw\" \/><\/figure>\n\n<ol start=\"5\" style=\"list-style-type:1\" class=\"wp-block-list\">\n<li>Tapez ou collez le code court souhait\u00e9 dans le champ pr\u00e9vu \u00e0 cet effet.<\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"674\" src=\"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode.png\" alt=\"Saisissez un shortcode dans le champ pr&#xE9;vu &#xE0; cet effet.\" class=\"wp-image-48044\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode.png 1600w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode-300x126.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode-1024x431.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode-768x324.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode-1536x647.png 1536w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode-24x10.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode-36x15.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/enter-shortcode-48x20.png 48w\" sizes=\"100vw\" \/><\/figure>\n\n<ol start=\"6\" style=\"list-style-type:1\" class=\"wp-block-list\">\n<li>Pr\u00e9visualisez la page pour vous assurer que tout se passe bien.<\/li>\n\n\n\n<li>Cliquez sur le bouton \u00ab Publier \u00bb<strong> <\/strong>dans le coin sup\u00e9rieur droit de la page.<\/li>\n<\/ol>\n\n<p>Voil\u00e0, c&rsquo;est fait ! Vous avez ajout\u00e9 avec succ\u00e8s un shortcode WooCommerce \u00e0 votre page. Maintenant que vous savez comment utiliser ces extraits de code, explorons les diff\u00e9rents shortcodes que vous pouvez utiliser pour am\u00e9liorer votre site web WordPress.  <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-woocommerce-shortcodes-and-how-to-use-them\"><a><\/a>Les shortcodes WooCommerce et leur utilisation<\/h2>\n\n<p>Il existe de nombreux shortcodes WooCommerce, mais ils ont tous des fonctions diff\u00e9rentes. Nous avons compil\u00e9 une liste des shortcodes les plus populaires que vous pouvez utiliser pour am\u00e9liorer les fonctionnalit\u00e9s de votre boutique en ligne. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-1-woocommerce-page-shortcodes\">1. Shortcodes pour les pages WooCommerce<\/h3>\n\n<p>Si vous \u00eates pass\u00e9 par l&rsquo;assistant de configuration de WooCommerce, vous avez peut-\u00eatre remarqu\u00e9 que les shortcodes de page sont g\u00e9n\u00e9r\u00e9s automatiquement. Voici les shortcodes de page les plus populaires et comment les utiliser. <\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-cart\">Chariot<\/h4>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1058\" height=\"431\" src=\"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcodes-cart.png\" alt=\"WooCommerce shortcodes : cart page.\" class=\"wp-image-48049\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcodes-cart.png 1058w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcodes-cart-300x122.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcodes-cart-1024x417.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcodes-cart-768x313.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcodes-cart-24x10.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcodes-cart-36x15.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcodes-cart-48x20.png 48w\" sizes=\"100vw\" \/><\/figure>\n\n<p>Le shortcode WooCommerce cart simplifie le processus d&rsquo;ajout d&rsquo;une page de panier \u00e0 votre boutique en ligne. Il cr\u00e9e une page de panier par d\u00e9faut, de sorte que vous n&rsquo;avez pas besoin d&rsquo;en cr\u00e9er une \u00e0 partir de z\u00e9ro. <\/p>\n\n<p>En plus d&rsquo;afficher tous les produits que vos clients ont ajout\u00e9s \u00e0 leur panier, ce shortcode affiche le sous-total, ainsi que la quantit\u00e9 et le prix de chaque produit. Le shortcode WooCommerce cart est le suivant : <\/p>\n\n<p><strong>[woocommerce_cart]<\/strong><\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-order-tracking\">Suivi des commandes<\/h4>\n\n<p>Ce shortcode cr\u00e9e un formulaire par d\u00e9faut que les acheteurs en ligne peuvent utiliser pour v\u00e9rifier l&rsquo;\u00e9tat de leurs commandes. Une fois le formulaire cr\u00e9\u00e9, les clients doivent saisir leur num\u00e9ro de commande et leur adresse \u00e9lectronique de facturation pour suivre leur commande. <\/p>\n\n<p>Pour cr\u00e9er un formulaire de suivi de commande, entrez le shortcode ci-dessous :<\/p>\n\n<p><strong>[woocommerce_order_tracking]<\/strong><\/p>\n\n<p>Voici \u00e0 quoi ressemblerait le formulaire de suivi des commandes sur la page d&rsquo;accueil de votre boutique :<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"966\" height=\"455\" src=\"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-order-tracking.png\" alt=\"Formulaire de suivi de commande WooCommerce.\" class=\"wp-image-48050\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-order-tracking.png 966w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-order-tracking-300x141.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-order-tracking-768x362.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-order-tracking-24x11.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-order-tracking-36x17.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-order-tracking-48x23.png 48w\" sizes=\"100vw\" \/><\/figure>\n\n<h4 class=\"wp-block-heading\" id=\"h-my-account\">Mon compte<\/h4>\n\n<p>Ce shortcode affiche les d\u00e9tails du compte d&rsquo;un client. Il permet aux clients de consulter, de modifier et de mettre \u00e0 jour leurs informations personnelles. Par exemple, ils peuvent consulter leurs commandes pr\u00e9c\u00e9dentes, modifier leur mot de passe et leur adresse \u00e9lectronique et se connecter et se d\u00e9connecter de leur compte.  <\/p>\n\n<p>Le shortcode \u00e0 utiliser est le suivant :<\/p>\n\n<p><strong>[woocommerce_my_account]<\/strong><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-checkout\">Sortie de caisse<\/h3>\n\n<p>Ce shortcode WooCommerce cr\u00e9e une page de paiement. En tant que tel, il inclut des champs pour que les clients puissent ajouter leurs d\u00e9tails de facturation et leurs informations de livraison. Ce shortcode int\u00e8gre \u00e9galement le bouton \u00ab Passer commande \u00bb.  <\/p>\n\n<p>Pour ajouter la page de paiement \u00e0 votre site WooCommerce, entrez le shortcode suivant :<\/p>\n\n<p><strong>[woocommerce_checkout]<\/strong><\/p>\n\n<p>Avec plus de 70% des paniers d&rsquo;achat en ligne abandonn\u00e9s, la personnalisation de votre page de paiement WooCommerce est un moyen efficace d&rsquo;<a href=\"https:\/\/bluehost.com\/fr\/blog\/conversion-rate-optimization-2\/\">optimiser le taux de conversion de votre site web.<\/a><\/p>\n\n<p>Vous pouvez personnaliser votre page de paiement en utilisant des plugins tels que le <a href=\"https:\/\/yithemes.com\/themes\/plugins\/yith-woocommerce-checkout-manager\/\" target=\"_blank\" rel=\"noreferrer noopener\">YITH WooCommerce Checkout Manager<\/a>. Ce plugin vous permet de modifier les champs existants et d&rsquo;ajouter des champs personnalis\u00e9s pour <a href=\"https:\/\/www.bluehost.com\/blog\/optimize-check-out-flow\/\">rationaliser le processus de paiement<\/a>. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-2-woocommerce-product-shortcodes\">2. Raccourcis pour les produits WooCommerce<\/h3>\n\n<p>Les shortcodes produits de WooCommerce vous permettent de cr\u00e9er des pages produits personnalis\u00e9es et d&rsquo;afficher les produits o\u00f9 vous le souhaitez. Voyons comment vous pouvez les utiliser pour afficher vos produits de diff\u00e9rentes mani\u00e8res sur votre site web. <\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-products\">Produits<\/h4>\n\n<p>Affichez n&rsquo;importe quel article en stock \u00e0 l&rsquo;aide du shortcode products<strong>:<\/strong><\/p>\n\n<p><strong>[produits]<\/strong><\/p>\n\n<p>La page des produits peut \u00eatre personnalis\u00e9e pour afficher les produits par ordre croissant (ASC) ou d\u00e9croissant (DESC).<\/p>\n\n<p>Par exemple, si vous souhaitez r\u00e9pertorier les produits dans l&rsquo;ordre croissant, le shortcode se pr\u00e9sente comme suit :<\/p>\n\n<p><strong>[products order=\u00a0\u00bbASC\u00a0\u00bb]<\/strong><\/p>\n\n<p>Si vous souhaitez personnaliser davantage votre site, vous avez la possibilit\u00e9 de restreindre le nombre de produits affich\u00e9s :<\/p>\n\n<p><strong>[products limit=\u00a0\u00bb5&Prime; order=\u00a0\u00bbASC\u00a0\u00bb]<\/strong><\/p>\n\n<p>Les autres param\u00e8tres de ce shortcode sont les suivants :<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Commande par<\/li>\n\n\n\n<li>Cat\u00e9gorie<\/li>\n\n\n\n<li>Colonnes<\/li>\n\n\n\n<li>Paginer<\/li>\n\n\n\n<li>SKU<\/li>\n\n\n\n<li>\u00c9tiquette<\/li>\n\n\n\n<li>Classe<\/li>\n\n\n\n<li>Meilleures ventes<\/li>\n\n\n\n<li>Top_rated<\/li>\n\n\n\n<li>En vente<\/li>\n<\/ul>\n\n<p>Il convient de mentionner que les param\u00e8tres tels que <strong>best_selling<\/strong>, <strong>top_rated<\/strong> et <strong>on_sale<\/strong> ne doivent pas \u00eatre utilis\u00e9s ensemble.<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-recent-products\">Produits r\u00e9cents<\/h4>\n\n<p>Ce shortcode vous permet d&rsquo;afficher les produits r\u00e9cents sur votre site web. Si vous avez <a href=\"https:\/\/www.bluehost.com\/blog\/launch-strategy\/\">lanc\u00e9 de nouveaux produits int\u00e9ressants<\/a>, vous pouvez utiliser ce shortcode pour attirer l&rsquo;attention sur eux et inciter les clients \u00e0 faire un achat. <\/p>\n\n<p>Supposons que vous souhaitiez afficher vos six produits les plus r\u00e9cents sur trois lignes. Le shortcode pour cela serait : <\/p>\n\n<p><strong>[products limit=\u00a0\u00bb6&Prime; columns=\u00a0\u00bb3&Prime; orderby=\u00a0\u00bbid\u00a0\u00bb order=\u00a0\u00bbDESC\u00a0\u00bb visibility=\u00a0\u00bbvisible\u00a0\u00bb]<\/strong><\/p>\n\n<p>Ce shortcode r\u00e9pertorie les produits sur la base de leurs identifiants uniques, qui sont g\u00e9n\u00e9r\u00e9s lors de la cr\u00e9ation des pages de produits.<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-featured-products\">Produits vedettes<\/h4>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"918\" height=\"564\" src=\"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-featured-products.png\" alt=\"Une pr&#xE9;sentation des produits en vedette.\" class=\"wp-image-48052\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-featured-products.png 918w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-featured-products-300x184.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-featured-products-768x472.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-featured-products-24x15.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-featured-products-36x22.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-featured-products-48x29.png 48w\" sizes=\"100vw\" \/><\/figure>\n\n<p>Si vous souhaitez <a href=\"https:\/\/www.bluehost.com\/blog\/ways-reach-customers\/\">attirer l&rsquo;attention de vos clients<\/a> sur certains produits, ce shortcode WooCommerce est fait pour vous. Le shortcode de base est : <\/p>\n\n<p><strong>[featured_products]<\/strong><\/p>\n\n<p>Cependant, si vous souhaitez afficher deux \u00e9l\u00e9ments sur une m\u00eame ligne, le shortcode se pr\u00e9sentera comme suit :<\/p>\n\n<p><strong>[featured_products limit=\u00a0\u00bb2&Prime; columns=\u00a0\u00bb2&Prime;]<\/strong><\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-on-sale-products\">Produits en vente<\/h4>\n\n<p>Si vous souhaitez pr\u00e9senter des produits en promotion, les shortcodes de WooCommerce peuvent vous \u00eatre d&rsquo;une grande aide. Pour afficher trois produits en promotion class\u00e9s par ordre de popularit\u00e9, vous pouvez utiliser ce shortcode : <\/p>\n\n<p><strong>[products limit=\u00a0\u00bb3&Prime; columns=\u00a0\u00bb3&Prime; orderby=\u00a0\u00bbpopularity\u00a0\u00bb on_sale=\u00a0\u00bbtrue\u00a0\u00bb]<\/strong><\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-top-rated-products\">Produits les mieux not\u00e9s<\/h4>\n\n<p>Lorsqu&rsquo;ils recherchent des produits qui r\u00e9pondent \u00e0 leurs besoins, la plupart des clients s&rsquo;int\u00e9ressent aux articles les mieux not\u00e9s. C&rsquo;est l\u00e0 qu&rsquo;intervient le shortcode \u00ab Produits les mieux not\u00e9s \u00bb. Il vous permet d&rsquo;afficher les articles les mieux not\u00e9s dans votre boutique en ligne.  <\/p>\n\n<p>Le shortcode \u00e0 utiliser est le suivant :<\/p>\n\n<p><strong>[top_rated_products]<\/strong><\/p>\n\n<p>Ce shortcode ne doit pas \u00eatre utilis\u00e9 en conjonction avec <strong>on_sale<\/strong> ou <strong>best_selling<\/strong>.<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-best-selling-products\">Produits les plus vendus<\/h4>\n\n<p>Les shortcodes pour les produits les plus vendus vous permettent de pr\u00e9senter vos produits les plus vendus. Vous pouvez les afficher sur votre page d&rsquo;accueil afin d&rsquo;attirer l&rsquo;attention sur eux lorsqu&rsquo;un client potentiel visite votre site web. <\/p>\n\n<p>Si vous souhaitez pr\u00e9senter une grille \u00e0 quatre colonnes de vos quatre produits les plus vendus, le shortcode est le suivant :<\/p>\n\n<p><strong>[products limit=\u00a0\u00bb4&Prime; columns=\u00a0\u00bb4&Prime; best_selling=\u00a0\u00bbtrue\u00a0\u00bb]<\/strong><\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"849\" height=\"401\" src=\"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-best-selling-products.png\" alt=\"Un &#xE9;talage des produits les plus vendus.\" class=\"wp-image-48054\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-best-selling-products.png 849w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-best-selling-products-300x142.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-best-selling-products-768x363.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-best-selling-products-24x11.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-best-selling-products-36x17.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/display-best-selling-products-48x23.png 48w\" sizes=\"100vw\" \/><\/figure>\n\n<h4 class=\"wp-block-heading\" id=\"h-product-tags\">\u00c9tiquettes du produit<\/h4>\n\n<p>Les \u00e9tiquettes de produits vous permettent d&rsquo;afficher uniquement les produits portant une \u00e9tiquette particuli\u00e8re. Le shortcode pour cette fonction est assez simple. Par exemple, pour afficher les produits portant l&rsquo;\u00e9tiquette \u00ab\u00a0pantalon\u00a0\u00bb, vous pouvez utiliser le code court :  <\/p>\n\n<p><strong>[products tag=\u00a0\u00bbpants\u00a0\u00bb]<\/strong><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-3-woocommerce-product-category-shortcodes\">3. Shortcodes pour les cat\u00e9gories de produits WooCommerce<\/h3>\n\n<p>Un autre shortcode WooCommerce couramment utilis\u00e9 est le shortcode de cat\u00e9gorie de produits. Voici les deux principaux shortcodes et leurs cas d&rsquo;utilisation. <\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-product-category\">Cat\u00e9gorie de produit<\/h4>\n\n<p>Ce shortcode vous permet d&rsquo;afficher les produits d&rsquo;une cat\u00e9gorie sp\u00e9cifique sur n&rsquo;importe quelle page. Si vous souhaitez attirer des clients vers une nouvelle cat\u00e9gorie de produits, ce shortcode peut s&rsquo;av\u00e9rer tr\u00e8s utile : <\/p>\n\n<p><strong>[product_category]<\/strong><\/p>\n\n<p>Par exemple, pour afficher les produits de la cat\u00e9gorie des pantalons, vous pouvez utiliser ce shortcode :<\/p>\n\n<p><strong>[product_category category=\u00a0\u00bbpants\u00a0\u00bb]<\/strong><\/p>\n\n<p>Vous pouvez choisir de le modifier davantage. Par exemple, vous pouvez afficher six produits de la cat\u00e9gorie des pantalons sur trois colonnes et dans l&rsquo;ordre d\u00e9croissant \u00e0 l&rsquo;aide de ce shortcode : <\/p>\n\n<p><strong>[product_category category=\u00a0\u00bbpants\u00a0\u00bb limit=\u00a0\u00bb6&Prime; columns=\u00a0\u00bb3&Prime; order=\u00a0\u00bbDESC\u00a0\u00bb]<\/strong><\/p>\n\n<p>Vous pouvez \u00e9galement ajouter d&rsquo;autres cat\u00e9gories de produits et les s\u00e9parer par des virgules. Dans l&rsquo;exemple ci-dessous, nous ajouterons les vestes \u00e0 la cat\u00e9gorie des pantalons. <\/p>\n\n<p><strong>[product_category category=\u00a0\u00bbpants,jackets\u00a0\u00bb]<\/strong><\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-product-categories\">Cat\u00e9gories de produits<\/h4>\n\n<p>Le shortcode pour les cat\u00e9gories de produits vous permet d&rsquo;afficher <em>toutes vos<\/em> cat\u00e9gories de produits en une seule fois :<\/p>\n\n<p><strong>[product_categories]<\/strong><\/p>\n\n<p>Ainsi, si vous avez plusieurs cat\u00e9gories comme les pantalons, les t-shirts et les vestes, ce shortcode affichera toutes ces options.<\/p>\n\n<p>Ce shortcode peut \u00e9galement \u00eatre utilis\u00e9 pour mettre en \u00e9vidence des identifiants de cat\u00e9gories sp\u00e9cifiques. Par exemple, ce shortcode peut \u00eatre utilis\u00e9 pour mettre en \u00e9vidence des identifiants de cat\u00e9gories sp\u00e9cifiques : <\/p>\n\n<p><strong>[product_categories ids=\u00a0\u00bb5,6,7&Prime;]<\/strong><\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-4-other-useful-woocommerce-shortcodes\">4. Autres shortcodes WooCommerce utiles<\/h3>\n\n<p>En plus des shortcodes WooCommerce list\u00e9s ci-dessus, voici d&rsquo;autres shortcodes utiles \u00e0 ajouter \u00e0 votre site web.<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-related-products\">Produits apparent\u00e9s<\/h4>\n\n<p>Comme son nom l&rsquo;indique, ce shortcode vous permet d&rsquo;afficher des produits li\u00e9s aux produits qu&rsquo;un client consulte sur votre site web. Le shortcode de base est : <\/p>\n\n<p><strong>[related_products]<\/strong><\/p>\n\n<p>Il accepte des arguments tels que limit, orderby et columns. Par exemple, vous pouvez afficher quatre produits apparent\u00e9s en ajoutant un param\u00e8tre limit au shortcode : <\/p>\n\n<p><strong>[related_products limit=\u00a0\u00bb4&Prime;]<\/strong><\/p>\n\n<p>Le param\u00e8tre limite contr\u00f4le le nombre de produits apparent\u00e9s que vous souhaitez afficher pour chaque client.<\/p>\n\n<p>Voici un autre exemple :<\/p>\n\n<p><strong>[related_products limit=\u00a0\u00bb4&Prime; columns=\u00a0\u00bb4&Prime;]<\/strong><\/p>\n\n<p>Cela vous permet de pr\u00e9senter des produits connexes dans une grille contenant quatre produits par ligne.<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-product-page\">Page produit<\/h4>\n\n<p>Le shortcode page produit vous permet d&rsquo;afficher une seule page produit par ID ou SKU. Supposons que vous souhaitiez afficher un produit dont l&rsquo;ID est 28. <\/p>\n\n<p>Le code court serait le suivant :<\/p>\n\n<p><strong>[product_page id=\u00a0\u00bb28&Prime;]<\/strong><\/p>\n\n<p>Si vous souhaitez r\u00e9diger des articles de blog, utilisez ce shortcode pour int\u00e9grer un produit sp\u00e9cifique dans votre article, ce qui permettra \u00e0 vos lecteurs d&rsquo;y acc\u00e9der facilement.<\/p>\n\n<p>Pour trouver l&rsquo;identifiant d&rsquo;un produit, connectez-vous \u00e0 votre tableau de bord d&rsquo;administration WordPress et acc\u00e9dez \u00e0 \u00ab Produits \u00bb &gt; \u00ab Tous les produits \u00bb. Survolez le titre d&rsquo;un produit sp\u00e9cifique et vous verrez l&rsquo;identifiant unique du produit. <\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-product-table\">Tableau des produits<\/h4>\n\n<p>Avec WooCommerce Product Table, vous pouvez ajouter des tableaux de produits \u00e0 votre boutique en ligne et offrir \u00e0 vos clients une exp\u00e9rience d&rsquo;achat agr\u00e9able sur une seule page. Les clients peuvent trouver les produits dont ils ont besoin, s\u00e9lectionner les quantit\u00e9s souhait\u00e9es et ajouter les produits au panier sans avoir \u00e0 visiter plusieurs pages. <\/p>\n\n<p>En outre, ce plugin comprend des tonnes d&rsquo;options de personnalisation. Par exemple, vous pouvez s\u00e9lectionner les cat\u00e9gories de produits que vous souhaitez pr\u00e9senter. Vous pouvez \u00e9galement choisir d&rsquo;afficher les variations de produits \u00e0 l&rsquo;aide de menus d\u00e9roulants.  <\/p>\n\n<p>Enfin, vous pouvez afficher le tableau des produits sur n&rsquo;importe quelle section de votre site web \u00e0 l&rsquo;aide du shortcode :<\/p>\n\n<p><strong>[cwpt_table]<\/strong><\/p>\n\n<h4 class=\"wp-block-heading\" id=\"h-add-to-cart\">Ajouter au panier<\/h4>\n\n<p>Le shortcode add-to-cart vous permet d&rsquo;afficher le bouton add-to-cart pour un seul produit. Il s&rsquo;agit d&rsquo;une fonctionnalit\u00e9 utile lorsque vous ne souhaitez pas afficher tous les d\u00e9tails du produit. <\/p>\n\n<p>Un article de blog est un endroit id\u00e9al pour utiliser le bouton \u00ab ajouter au panier \u00bb. Le shortcode WooCommerce pour cela est : <\/p>\n\n<p><strong>[add_to_cart id=\u00a0\u00bb99&Prime;]<\/strong><\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-troubleshoot-woocommerce-shortcodes\"><a><\/a>Comment d\u00e9panner les shortcodes de WooCommerce<\/h2>\n\n<p>Si vous rencontrez des probl\u00e8mes lors de l&rsquo;utilisation des shortcodes de WooCommerce, voici quelques conseils utiles pour les r\u00e9soudre.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>V\u00e9rifiez si vous avez int\u00e9gr\u00e9 le shortcode entre les balises <strong>&lt;pre&gt;<\/strong>. Si c&rsquo;est le cas, allez dans l&rsquo;\u00e9diteur de texte pour supprimer ces balises ind\u00e9sirables. <\/li>\n\n\n\n<li>Veillez \u00e0 ce que les guillemets soient droits (\u00ab ) et non fris\u00e9s ( \u00bb).<\/li>\n\n\n\n<li>Utilisez des crochets.<\/li>\n\n\n\n<li>Veillez \u00e0 ce que chaque valeur d&rsquo;attribut, qui suit le signe \u00e9gal, soit plac\u00e9e entre guillemets.<\/li>\n\n\n\n<li>Utilisez la derni\u00e8re version de WooCommerce.<\/li>\n\n\n\n<li>Changez de th\u00e8me, car votre th\u00e8me actuel peut \u00eatre en conflit avec le shortcode WordPress que vous souhaitez utiliser.<\/li>\n\n\n\n<li>Si vous pensez qu&rsquo;un plugin est \u00e0 l&rsquo;origine de l&rsquo;erreur, d\u00e9sactivez chaque plugin l&rsquo;un apr\u00e8s l&rsquo;autre et continuez \u00e0 tester le shortcode pour voir s&rsquo;il fonctionne.<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"h-alternatives-to-woocommerce-shortcodes\"><a><\/a>Alternatives aux shortcodes WooCommerce<\/h2>\n\n<p>Si vous cherchez d&rsquo;autres moyens de pr\u00e9senter vos produits sur votre site web et de personnaliser votre boutique, voici quelques alternatives aux shortcodes WooCommerce que vous pouvez utiliser.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-woocommerce-blocks\"><a><\/a>Blocs WooCommerce<\/h3>\n\n<p><a href=\"https:\/\/woocommerce.com\/products\/woocommerce-gutenberg-products-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Les blocs WooCommerce<\/a> sont une excellente alternative aux shortcodes. Ils offrent plusieurs blocs que vous pouvez utiliser pour construire et personnaliser votre boutique eCommerce. <\/p>\n\n<p>En utilisant les blocs WooCommerce, vous pouvez afficher une grille de vos produits les plus vendus, mettre en \u00e9vidence les avis de certaines cat\u00e9gories, afficher<em> tous les<\/em> produits de votre magasin et permettre aux acheteurs de consulter leur panier \u00e0 partir de n&rsquo;importe quelle page.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-woocommerce-shortcode-plugins\"><a><\/a>Plugins de shortcodes pour WooCommerce<\/h3>\n\n<p>Plusieurs plugins disponibles sur le march\u00e9 vous permettent d&rsquo;ajouter des shortcodes \u00e0 votre site web sans aucune connaissance technique. <a href=\"https:\/\/intenseplugin.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Intense<\/a> est l&rsquo;un de ces plugins. Il propose plus de 100 shortcodes et 19 types de posts personnalis\u00e9s. <\/p>\n\n<p>Les types d&rsquo;articles personnalis\u00e9s vous permettent d&rsquo;\u00e9tendre le marketing de contenu au-del\u00e0 des seuls articles de blog. Ce plugin est adapt\u00e9 aux mobiles et a \u00e9t\u00e9 cr\u00e9\u00e9 en tenant compte des performances de votre site web, ce qui vous aide \u00e0 cr\u00e9er une exp\u00e9rience utilisateur de qualit\u00e9 sup\u00e9rieure. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-bluehost-woocommerce-hosting-powering-your-store-with-ease\">H\u00e9bergement Bluehost WooCommerce : Alimenter votre boutique en toute simplicit\u00e9<strong> <\/strong> <\/h2>\n\n<p>Si vous cherchez un moyen simple de mettre en place et de g\u00e9rer votre boutique en ligne, les plans d&rsquo;h\u00e9bergement WooCommerce de Bluehost valent la peine d&rsquo;\u00eatre pris en consid\u00e9ration. Con\u00e7us sp\u00e9cifiquement pour les entreprises de commerce \u00e9lectronique, ces plans sont livr\u00e9s avec WooCommerce pr\u00e9install\u00e9, de sorte que vous pouvez commencer \u00e0 vendre imm\u00e9diatement, sans avoir \u00e0 vous soucier des aspects techniques.   <\/p>\n\n<p>De plus, vous b\u00e9n\u00e9ficiez d&rsquo;un domaine gratuit la premi\u00e8re ann\u00e9e, d&rsquo;un certificat SSL gratuit pour des transactions s\u00e9curis\u00e9es et d&rsquo;une assistance client\u00e8le 24 heures sur 24, 7 jours sur 7, au cas o\u00f9 vous auriez besoin d&rsquo;un coup de main. Que vous lanciez votre premi\u00e8re boutique en ligne ou que vous mettiez \u00e0 niveau une page de boutique existante, Bluehost fournit une base solide avec des performances fiables et des outils int\u00e9gr\u00e9s pour faciliter la gestion de la boutique.   <\/p>\n\n<p>Vous voulez vous concentrer sur la croissance de votre entreprise au lieu de vous occuper des probl\u00e8mes d&rsquo;h\u00e9bergement ? L&rsquo;h\u00e9bergement WooCommerce de Bluehost rend cela possible.   <\/p>\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" viewbox=\"0 0 1001 300\"> \n\n  <image width=\"1001\" height=\"300\" xlink:href=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2025\/02\/WooCommerce-Hosting-1.jpg\"><\/image> <a xlink:href=\"https:\/\/www.bluehost.com\/wordpress\/commerce-hosting\"> \n\n    <rect x=\"82\" y=\"185\" fill=\"#fff\" opacity=\"0\" width=\"165\" height=\"52\"><\/rect> \n\n  <\/a> \n\n<\/svg> \n\n<h2 class=\"wp-block-heading\" id=\"h-final-thoughts\">Derni\u00e8res r\u00e9flexions<\/h2>\n\n<p>Les shortcodes de WooCommerce vous permettent de mettre en avant les caract\u00e9ristiques et les avantages des produits, de fournir un acc\u00e8s rapide aux informations, de simplifier le processus de paiement et d&rsquo;atteindre vos objectifs commerciaux. Ce niveau de personnalisation est difficile \u00e0 battre. <\/p>\n\n<p>Dans un contexte d&rsquo;e-commerce tr\u00e8s concurrentiel, il est important de construire votre entreprise sur des bases solides. Pour cela, il faut choisir un fournisseur d&rsquo;h\u00e9bergement web fiable, comme Bluehost. <\/p>\n\n<p>Nos <a href=\"https:\/\/www.bluehost.com\/wordpress\/woocommerce-hosting\">plans d&rsquo;h\u00e9bergement WooCommerce<\/a> sont dot\u00e9s d&rsquo;outils et de fonctionnalit\u00e9s qui simplifient la cr\u00e9ation et la gestion de sites Web. De plus, vous aurez acc\u00e8s \u00e0 une assistance en temps r\u00e9el, ce qui vous permettra d&rsquo;obtenir de l&rsquo;aide lorsque vous en aurez besoin. <\/p>\n\n<p><a href=\"https:\/\/www.bluehost.com\/contact\">Contactez-nous<\/a> d\u00e8s aujourd&rsquo;hui pour d\u00e9couvrir comment nous pouvons vous aider \u00e0 d\u00e9velopper votre boutique en ligne.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-faqs\">FAQ<\/h2>\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1743083468183\"><strong class=\"schema-faq-question\"><strong>Que sont les shortcodes WooCommerce ?  <\/strong> <\/strong> <p class=\"schema-faq-answer\">Les shortcodes WooCommerce sont de petits morceaux de code entre crochets (par exemple, `[woocommerce_cart]`) qui vous permettent d&rsquo;afficher divers \u00e9l\u00e9ments WooCommerce &#8211; tels que les produits, le panier, la caisse et le suivi des commandes &#8211; sur n&rsquo;importe quelle page ou article.  <\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1743083526042\"><strong class=\"schema-faq-question\"><strong>Comment afficher un produit sp\u00e9cifique \u00e0 l&rsquo;aide d&rsquo;un shortcode ?  <\/strong> <\/strong> <p class=\"schema-faq-answer\">Vous pouvez utiliser le shortcode `[product]` avec l&rsquo;attribut `id` pour afficher un produit sp\u00e9cifique. Exemple : <br\/>\u00ab\u00a0`[product id=\u00a0\u00bb123&Prime;]\u00ab\u00a0` <br\/>Remplacez \u00ab 123 \u00bb par l&rsquo;identifiant du produit.   <\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1743083553440\"><strong class=\"schema-faq-question\"><strong>Puis-je afficher une liste de produits dans une cat\u00e9gorie \u00e0 l&rsquo;aide d&rsquo;un shortcode ?  <\/strong> <\/strong> <p class=\"schema-faq-answer\">Oui ! Utilisez le shortcode `[products]` avec l&rsquo;attribut `category`.  Exemple : <br\/>\u00ab\u00a0`[products category=\u00a0\u00bbclothing\u00a0\u00bb]\u00ab\u00a0` <br\/>Ceci affichera tous les produits de la cat\u00e9gorie \u00ab v\u00eatements \u00bb.  <\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1743083582513\"><strong class=\"schema-faq-question\"><strong>Comment ajouter la page du panier ou de la caisse \u00e0 l&rsquo;aide de shortcodes ?  <\/strong> <\/strong> <p class=\"schema-faq-answer\">WooCommerce fournit des shortcodes int\u00e9gr\u00e9s pour cela : <br\/>&#8211; Panier : `[woocommerce_cart]` <br\/>&#8211; Commande : `[woocommerce_checkout]` <br\/>&#8211; Suivi de la commande : `[woocommerce_order_tracking]`  <\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1743083609518\"><strong class=\"schema-faq-question\"><strong>Existe-t-il un shortcode pour afficher les produits r\u00e9cents ?  <\/strong> <\/strong> <p class=\"schema-faq-answer\">Oui ! Utilisez `[recent_products]` pour pr\u00e9senter les derniers produits. Vous pouvez le personnaliser comme suit : <br\/>\u00ab\u00a0`[recent_products per_page=\u00a0\u00bb6&Prime; columns=\u00a0\u00bb3&Prime;]\u00ab\u00a0` <br\/>Ceci affichera six produits r\u00e9cents dans une disposition en trois colonnes.    <\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Lib\u00e9rez la puissance des shortcodes WooCommerce pour personnaliser votre boutique, am\u00e9liorer l&rsquo;interface utilisateur et augmenter les conversions &#8211; aucun codage n&rsquo;est n\u00e9cessaire !  <\/p>\n","protected":false},"author":152,"featured_media":211514,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1971,3159],"tags":[3507,3525,3533],"ppma_author":[948],"class_list":["post-211513","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-commerce-electronique","category-woocommerce","tag-cms","tag-petites-entreprises","tag-tutoriels"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Shortcodes WooCommerce : Guide du d\u00e9butant<\/title>\n<meta name=\"description\" content=\"Exploitez tout le potentiel de votre boutique gr\u00e2ce \u00e0 la puissance des shortcodes WooCommerce. D\u00e9couvrez ce qu&#039;ils sont, comment les utiliser et plus encore dans notre guide approfondi.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/211513\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shortcodes WooCommerce : Un guide complet\" \/>\n<meta property=\"og:description\" content=\"Exploitez tout le potentiel de votre boutique gr\u00e2ce \u00e0 la puissance des shortcodes WooCommerce. D\u00e9couvrez ce qu&#039;ils sont, comment les utiliser et plus encore dans notre guide approfondi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluehost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bluehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-08T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-02T07:07:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcode.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Charrvi Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bluehost\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Charrvi Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/\"},\"author\":{\"name\":\"Charrvi Singh\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/0dd00ba2d4fe091c8ca8ade8b5d5d4ce\"},\"headline\":\"Shortcodes WooCommerce : Un guide complet\",\"datePublished\":\"2023-11-08T09:00:00+00:00\",\"dateModified\":\"2025-06-02T07:07:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/\"},\"wordCount\":3538,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/WooCommerce-shortcode.png\",\"keywords\":[\"CMS\",\"Petites entreprises\",\"Tutoriels\"],\"articleSection\":[\"Commerce \u00e9lectronique\",\"WooCommerce\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/\",\"name\":\"Shortcodes WooCommerce : Guide du d\u00e9butant\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/WooCommerce-shortcode.png\",\"datePublished\":\"2023-11-08T09:00:00+00:00\",\"dateModified\":\"2025-06-02T07:07:05+00:00\",\"description\":\"Exploitez tout le potentiel de votre boutique gr\u00e2ce \u00e0 la puissance des shortcodes WooCommerce. D\u00e9couvrez ce qu'ils sont, comment les utiliser et plus encore dans notre guide approfondi.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083468183\"},{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083526042\"},{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083553440\"},{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083582513\"},{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083609518\"}],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/WooCommerce-shortcode.png\",\"contentUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/WooCommerce-shortcode.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/bluehost.com\\\/fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sites web\",\"item\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/category\\\/sites-web\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shortcodes WooCommerce : Un guide complet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/\",\"name\":\"Bluehost\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Bluehost\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/bluehost-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/bluehost-logo.svg\",\"width\":136,\"height\":24,\"caption\":\"Bluehost\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/bluehost\\\/\",\"https:\\\/\\\/x.com\\\/bluehost\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/bluehost-com\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/bluehost\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Bluehost\"],\"description\":\"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \\u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.\",\"telephone\":\"+1-888-401-4678\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/0dd00ba2d4fe091c8ca8ade8b5d5d4ce\",\"name\":\"Charrvi Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Media-e1732870672924.jpgc446c4008d82f101ae13175515e45db7\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Media-e1732870672924.jpg\",\"contentUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Media-e1732870672924.jpg\",\"caption\":\"Charrvi Singh\"},\"description\":\"I\u2019m a published author, learning every day how words can make ideas clearer and connections stronger. Beyond work, I enjoy exploring new perspectives and finding inspiration in the small details of life.\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/author\\\/charrvi-singh\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083468183\",\"position\":1,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083468183\",\"name\":\"Que sont les shortcodes WooCommerce ?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Les shortcodes WooCommerce sont de petits morceaux de code entre crochets (par exemple, `[woocommerce_cart]`) qui vous permettent d'afficher divers \u00e9l\u00e9ments WooCommerce - tels que les produits, le panier, la caisse et le suivi des commandes - sur n'importe quelle page ou article.  \",\"inLanguage\":\"fr-FR\"},\"inLanguage\":\"fr-FR\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083526042\",\"position\":2,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083526042\",\"name\":\"Comment afficher un produit sp\u00e9cifique \u00e0 l'aide d'un shortcode ?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Vous pouvez utiliser le shortcode `[product]` avec l'attribut `id` pour afficher un produit sp\u00e9cifique. Exemple : <br>```[product id=\\\"123\\\"]``` <br>Remplacez \u00ab 123 \u00bb par l'identifiant du produit.   \",\"inLanguage\":\"fr-FR\"},\"inLanguage\":\"fr-FR\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083553440\",\"position\":3,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083553440\",\"name\":\"Puis-je afficher une liste de produits dans une cat\u00e9gorie \u00e0 l'aide d'un shortcode ?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui ! Utilisez le shortcode `[products]` avec l'attribut `category`.  Exemple : <br>```[products category=\\\"clothing\\\"]``` <br>Ceci affichera tous les produits de la cat\u00e9gorie \u00ab v\u00eatements \u00bb.  \",\"inLanguage\":\"fr-FR\"},\"inLanguage\":\"fr-FR\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083582513\",\"position\":4,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083582513\",\"name\":\"Comment ajouter la page du panier ou de la caisse \u00e0 l'aide de shortcodes ?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"WooCommerce fournit des shortcodes int\u00e9gr\u00e9s pour cela : <br>- Panier : `[woocommerce_cart]` <br>- Commande : `[woocommerce_checkout]` <br>- Suivi de la commande : `[woocommerce_order_tracking]`  \",\"inLanguage\":\"fr-FR\"},\"inLanguage\":\"fr-FR\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083609518\",\"position\":5,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/fr\\\/shortcodes-woocommerce-un-guide-complet\\\/#faq-question-1743083609518\",\"name\":\"Existe-t-il un shortcode pour afficher les produits r\u00e9cents ?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui ! Utilisez `[recent_products]` pour pr\u00e9senter les derniers produits. Vous pouvez le personnaliser comme suit : <br>```[recent_products per_page=\\\"6\\\" columns=\\\"3\\\"]``` <br>Ceci affichera six produits r\u00e9cents dans une disposition en trois colonnes.    \",\"inLanguage\":\"fr-FR\"},\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Shortcodes WooCommerce : Guide du d\u00e9butant","description":"Exploitez tout le potentiel de votre boutique gr\u00e2ce \u00e0 la puissance des shortcodes WooCommerce. D\u00e9couvrez ce qu'ils sont, comment les utiliser et plus encore dans notre guide approfondi.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/211513\/","og_locale":"fr_FR","og_type":"article","og_title":"Shortcodes WooCommerce : Un guide complet","og_description":"Exploitez tout le potentiel de votre boutique gr\u00e2ce \u00e0 la puissance des shortcodes WooCommerce. D\u00e9couvrez ce qu'ils sont, comment les utiliser et plus encore dans notre guide approfondi.","og_url":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2023-11-08T09:00:00+00:00","article_modified_time":"2025-06-02T07:07:05+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcode.png","type":"image\/png"}],"author":"Charrvi Singh","twitter_card":"summary_large_image","twitter_creator":"@bluehost","twitter_site":"@bluehost","twitter_misc":{"\u00c9crit par":"Charrvi Singh","Dur\u00e9e de lecture estim\u00e9e":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/"},"author":{"name":"Charrvi Singh","@id":"https:\/\/www.bluehost.com\/blog\/fr\/#\/schema\/person\/0dd00ba2d4fe091c8ca8ade8b5d5d4ce"},"headline":"Shortcodes WooCommerce : Un guide complet","datePublished":"2023-11-08T09:00:00+00:00","dateModified":"2025-06-02T07:07:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/"},"wordCount":3538,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcode.png","keywords":["CMS","Petites entreprises","Tutoriels"],"articleSection":["Commerce \u00e9lectronique","WooCommerce"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/","url":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/","name":"Shortcodes WooCommerce : Guide du d\u00e9butant","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcode.png","datePublished":"2023-11-08T09:00:00+00:00","dateModified":"2025-06-02T07:07:05+00:00","description":"Exploitez tout le potentiel de votre boutique gr\u00e2ce \u00e0 la puissance des shortcodes WooCommerce. D\u00e9couvrez ce qu'ils sont, comment les utiliser et plus encore dans notre guide approfondi.","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083468183"},{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083526042"},{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083553440"},{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083582513"},{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083609518"}],"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcode.png","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/11\/WooCommerce-shortcode.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/bluehost.com\/fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Sites web","item":"https:\/\/www.bluehost.com\/blog\/fr\/category\/sites-web\/"},{"@type":"ListItem","position":3,"name":"Shortcodes WooCommerce : Un guide complet"}]},{"@type":"WebSite","@id":"https:\/\/www.bluehost.com\/blog\/fr\/#website","url":"https:\/\/www.bluehost.com\/blog\/fr\/","name":"Bluehost","description":"","publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bluehost.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.bluehost.com\/blog\/fr\/#organization","name":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.bluehost.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","width":136,"height":24,"caption":"Bluehost"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bluehost\/","https:\/\/x.com\/bluehost","https:\/\/www.linkedin.com\/company\/bluehost-com\/","https:\/\/www.youtube.com\/user\/bluehost","https:\/\/en.wikipedia.org\/wiki\/Bluehost"],"description":"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.","telephone":"+1-888-401-4678"},{"@type":"Person","@id":"https:\/\/www.bluehost.com\/blog\/fr\/#\/schema\/person\/0dd00ba2d4fe091c8ca8ade8b5d5d4ce","name":"Charrvi Singh","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/11\/Media-e1732870672924.jpgc446c4008d82f101ae13175515e45db7","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/11\/Media-e1732870672924.jpg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/11\/Media-e1732870672924.jpg","caption":"Charrvi Singh"},"description":"I\u2019m a published author, learning every day how words can make ideas clearer and connections stronger. Beyond work, I enjoy exploring new perspectives and finding inspiration in the small details of life.","url":"https:\/\/www.bluehost.com\/blog\/fr\/author\/charrvi-singh\/"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083468183","position":1,"url":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083468183","name":"Que sont les shortcodes WooCommerce ?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Les shortcodes WooCommerce sont de petits morceaux de code entre crochets (par exemple, `[woocommerce_cart]`) qui vous permettent d'afficher divers \u00e9l\u00e9ments WooCommerce - tels que les produits, le panier, la caisse et le suivi des commandes - sur n'importe quelle page ou article.  ","inLanguage":"fr-FR"},"inLanguage":"fr-FR"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083526042","position":2,"url":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083526042","name":"Comment afficher un produit sp\u00e9cifique \u00e0 l'aide d'un shortcode ?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Vous pouvez utiliser le shortcode `[product]` avec l'attribut `id` pour afficher un produit sp\u00e9cifique. Exemple : <br>```[product id=\"123\"]``` <br>Remplacez \u00ab 123 \u00bb par l'identifiant du produit.   ","inLanguage":"fr-FR"},"inLanguage":"fr-FR"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083553440","position":3,"url":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083553440","name":"Puis-je afficher une liste de produits dans une cat\u00e9gorie \u00e0 l'aide d'un shortcode ?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Oui ! Utilisez le shortcode `[products]` avec l'attribut `category`.  Exemple : <br>```[products category=\"clothing\"]``` <br>Ceci affichera tous les produits de la cat\u00e9gorie \u00ab v\u00eatements \u00bb.  ","inLanguage":"fr-FR"},"inLanguage":"fr-FR"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083582513","position":4,"url":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083582513","name":"Comment ajouter la page du panier ou de la caisse \u00e0 l'aide de shortcodes ?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"WooCommerce fournit des shortcodes int\u00e9gr\u00e9s pour cela : <br>- Panier : `[woocommerce_cart]` <br>- Commande : `[woocommerce_checkout]` <br>- Suivi de la commande : `[woocommerce_order_tracking]`  ","inLanguage":"fr-FR"},"inLanguage":"fr-FR"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083609518","position":5,"url":"https:\/\/www.bluehost.com\/blog\/fr\/shortcodes-woocommerce-un-guide-complet\/#faq-question-1743083609518","name":"Existe-t-il un shortcode pour afficher les produits r\u00e9cents ?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Oui ! Utilisez `[recent_products]` pour pr\u00e9senter les derniers produits. Vous pouvez le personnaliser comme suit : <br>```[recent_products per_page=\"6\" columns=\"3\"]``` <br>Ceci affichera six produits r\u00e9cents dans une disposition en trois colonnes.    ","inLanguage":"fr-FR"},"inLanguage":"fr-FR"}]}},"authors":[{"term_id":948,"user_id":152,"is_guest":0,"slug":"charrvi-singh","display_name":"Charrvi Singh","avatar_url":{"url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/11\/Media-e1732870672924.jpg","url2x":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/11\/Media-e1732870672924.jpg"},"0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":""}],"_links":{"self":[{"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/211513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/users\/152"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/comments?post=211513"}],"version-history":[{"count":0,"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/211513\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/media\/211514"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/media?parent=211513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/categories?post=211513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/tags?post=211513"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/fr\/wp-json\/wp\/v2\/ppma_author?post=211513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}