{"id":36739,"date":"2024-12-12T23:21:37","date_gmt":"2024-12-12T23:21:37","guid":{"rendered":"\/tutoriels\/?p=36739"},"modified":"2024-12-12T23:21:40","modified_gmt":"2024-12-12T23:21:40","slug":"shortcodes-woocommerce","status":"publish","type":"post","link":"\/fr\/tutoriels\/shortcodes-woocommerce","title":{"rendered":"Shortcodes WooCommerce : guide complet et liste"},"content":{"rendered":"<p>Si vous poss&eacute;dez un site WooCommerce, le fait de savoir comment utiliser les shortcodes, ou codes courts, peut vous aider &agrave; tirer le meilleur parti du plugin. Il s&rsquo;agit de petits morceaux de code que vous pouvez placer dans vos pages ou articles WordPress pour ajouter des fonctionnalit&eacute;s sp&eacute;cifiques de WooCommerce sans avoir &agrave; coder.<\/p><p>Cet article explorera tous les shortcodes WooCommerce et leurs fonctions. Nous discuterons &eacute;galement de leurs limites et vous proposerons des alternatives pour personnaliser votre boutique WooCommerce.<\/p><p>Commen&ccedil;ons par revoir les bases des shortcodes et comment les utiliser.<\/p><ul class=\"wp-block-list\"><\/ul><h2 class=\"wp-block-heading\" id=\"h-comment-fonctionne-un-shortcode-woocommerce\"><strong>Comment fonctionne un shortcode WooCommerce<\/strong><\/h2><p>Les shortcodes de WooCommerce vous permettent de personnaliser les fonctionnalit&eacute;s et le contenu de votre boutique en ligne sans avoir besoin de coder. Chaque shortcode se compose de deux parties principales : le corps et les param&egrave;tres.<\/p><p>Le <strong>corps <\/strong>est la partie principale du shortcode, entre crochets. Il indique &agrave; WooCommerce le type de fonctionnalit&eacute; ou de contenu &agrave; afficher.<\/p><p>Les <strong>param&egrave;tres <\/strong>sont des param&egrave;tres optionnels que vous pouvez ajouter pour personnaliser la restitution. Ils sont plac&eacute;s apr&egrave;s le corps, entre les m&ecirc;mes crochets. Chaque param&egrave;tre a un attribut et une valeur, s&eacute;par&eacute;s par un signe &eacute;gal.<\/p><p>Par exemple, si vous souhaitez afficher les trois produits les plus vendus sur trois colonnes, le shortcode se pr&eacute;sentera comme suit :<\/p><pre class=\"wp-block-preformatted\">[products limit=\"3\" columns=\"3\" orderby=\"popularity\"]<\/pre><p>Le corps, <strong>products<\/strong>, fait r&eacute;f&eacute;rence &agrave; la fonctionnalit&eacute; principale &agrave; ex&eacute;cuter. Les trois param&egrave;tres du shortcode qui suivent contr&ocirc;lent le nombre de produits affich&eacute;s, leur disposition et la m&eacute;thode de tri.<\/p><p>Pour utiliser un shortcode, il suffit de l&rsquo;ajouter &agrave; l&rsquo;article ou &agrave; la page de votre choix dans l&rsquo;&eacute;diteur de blocs de WordPress &agrave; l&rsquo;aide du bloc <strong>code court<\/strong>. Cliquez sur l&rsquo;ic&ocirc;ne <strong>+<\/strong>, puis faites glisser le bloc de code court dans l&rsquo;&eacute;diteur.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0c16ab\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"285\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/ajouter-code-court-12-12-2024_02_51_PM.png\/public\" alt=\"L'&eacute;diteur de WordPress, en mettant en &eacute;vidence le bloc de code court\" class=\"wp-image-36755\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/ajouter-code-court-12-12-2024_02_51_PM.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/ajouter-code-court-12-12-2024_02_51_PM.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/ajouter-code-court-12-12-2024_02_51_PM.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/ajouter-code-court-12-12-2024_02_51_PM.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-woocommerce\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41465\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-liste-des-shortcodes-woocommerce-les-plus-courants\"><strong>Liste des shortcodes WooCommerce les plus courants<\/strong><\/h2><p>Explorons les shortcodes WooCommerce disponibles et comment les utiliser efficacement. Gardez &agrave; l&rsquo;esprit que ces shortcodes ne fonctionnent que sur les sites WordPress o&ugrave; WooCommerce est install&eacute;.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-page-du-panier\"><strong>1. Page du panier<\/strong><\/h3><pre class=\"wp-block-preformatted\">[woocommerce_cart]<\/pre><p>Ce shortcode affiche la page panier sur l&rsquo;espace choisi dans votre boutique WooCommerce. Il montre le contenu du panier du client et fournit des options pour mettre &agrave; jour les articles, appliquer des codes de r&eacute;duction et passer &agrave; la caisse.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0c3631\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"472\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-panier-woocommerce.png\/public\" alt=\"Page du panier WooCommerce affich&eacute;e en utilisant le shortcode [woocommerce_cart]\" class=\"wp-image-36757\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-panier-woocommerce.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-panier-woocommerce.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-panier-woocommerce.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-panier-woocommerce.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>La plupart des th&egrave;mes WooCommerce incluent automatiquement ce shortcode dans la page du panier, mais vous pouvez l&rsquo;utiliser pour en cr&eacute;er un autre qui soit personnalis&eacute;. Comme il n&rsquo;a pas d&rsquo;attributs personnalisables, il vous suffit de coller le code tel quel pour l&rsquo;utiliser.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-page-de-paiement\"><strong>2. Page de paiement<\/strong><\/h3><pre class=\"wp-block-preformatted\">[woocommerce_checkout]<\/pre><p>Ce shortcode int&egrave;gre un formulaire de paiement dans votre page de paiement WooCommerce. Les clients peuvent utiliser le formulaire pour soumettre leurs informations de facturation et de livraison, choisir une m&eacute;thode de paiement et v&eacute;rifier leur commande avant de la passer.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0c4a92\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"703\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-checkout-1024x703-1.png\/public\" alt=\"Formulaire de paiement WooCommerce affich&eacute; en utilisant le shortcode [woocommerce_checkout]\" class=\"wp-image-36758\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-checkout-1024x703-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-checkout-1024x703-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-checkout-1024x703-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-checkout-1024x703-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-3-page-du-compte-utilisateur\"><strong>3. Page du compte utilisateur<\/strong><\/h3><pre class=\"wp-block-preformatted\">[woocommerce_my_account]<\/pre><p>Ce shortcode WooCommerce affiche la zone du compte utilisateur. Vous pouvez l&rsquo;utiliser pour cr&eacute;er une page de compte utilisateur o&ugrave; les clients connect&eacute;s peuvent g&eacute;rer leurs informations personnelles et leurs adresses, suivre leurs commandes et changer leur mot de passe.<\/p><p>Ce code court affiche un formulaire d&rsquo;inscription pour les clients qui ne sont pas connect&eacute;s.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0c6133\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"396\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-compte-utilisateur-1.png\/public\" alt=\"Section du compte utilisateur de WooCommerce affich&eacute;e &agrave; l'aide du shortcode [woocommerce_my_account]\" class=\"wp-image-36760\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-compte-utilisateur-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-compte-utilisateur-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-compte-utilisateur-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-compte-utilisateur-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-4-formulaire-de-suivi-de-commande\"><strong>4. Formulaire de suivi de commande<\/strong><\/h3><pre class=\"wp-block-preformatted\">[woocommerce_order_tracking]<\/pre><p>Si votre boutique eCommerce vend des produits physiques, ce shortcode permet aux clients de suivre leurs commandes. Il affiche un formulaire dans lequel ils peuvent entrer l&rsquo;identifiant de leur commande et leur adresse e-mail pour en v&eacute;rifier l&rsquo;&eacute;tat, ce qui vous permet de cr&eacute;er rapidement une page de suivi de commande personnalis&eacute;e.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0cbd5e\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"802\" height=\"276\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/suive-de-commande-shortcode.png\/public\" alt=\"Formulaire de suivi de commande WooCommerce \" class=\"wp-image-36761\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/suive-de-commande-shortcode.png\/w=802,fit=scale-down 802w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/suive-de-commande-shortcode.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/suive-de-commande-shortcode.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/suive-de-commande-shortcode.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 802px) 100vw, 802px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Contrairement &agrave; la section <strong>Commande <\/strong>de <strong>[woocommerce_my_account]<\/strong>, les utilisateurs n&rsquo;ont pas besoin d&rsquo;un compte ou de se connecter pour utiliser cette fonctionnalit&eacute;. Activez la v&eacute;rification rapide de l&rsquo;&eacute;tat de la commande avec ce shortcode pour am&eacute;liorer l&rsquo;exp&eacute;rience de vos utilisateurs.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-afficher-une-page-de-produit-specifique\"><strong>5. Afficher une page de produit sp&eacute;cifique<\/strong><\/h3><pre class=\"wp-block-preformatted\">[product_page]<\/pre><p>Utilisez ce shortcode pour pr&eacute;senter un produit par son ID ou son code SKU (Stock Keeping Unit) n&rsquo;importe o&ugrave; sur votre page ou dans votre article. Il affiche les informations relatives au produit, notamment le titre, le prix, la description, les commentaires et un bouton &laquo; Ajouter au panier &raquo;.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0cd8fa\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"847\" height=\"658\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-page-produit.png\/public\" alt=\"Page produit WooCommerce affich&eacute;e &agrave; l'aide du shortcode [product_page]\" class=\"wp-image-36762\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-page-produit.png\/w=847,fit=scale-down 847w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-page-produit.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-page-produit.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-page-produit.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 847px) 100vw, 847px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Voici un exemple de shortcode de page produit avec les deux attributs :<\/p><pre class=\"wp-block-preformatted\">[product_page id=\"123\"]<br><br>[product_page sku=\"SKU123\"]<\/pre><p>Vous pouvez utiliser le shortcode<strong> [product_page] <\/strong>plusieurs fois sur la m&ecirc;me page pour pr&eacute;senter diff&eacute;rents produits. N&rsquo;oubliez pas d&rsquo;ajouter un bloc de shortcodes distinct pour chacun d&rsquo;entre eux.<\/p><h3 class=\"wp-block-heading\" id=\"h-6-listes-de-produits\"><strong>6. Listes de produits<\/strong><\/h3><pre class=\"wp-block-preformatted\">[products]<\/pre><p>Il s&rsquo;agit de l&rsquo;un des shortcodes WooCommerce les plus polyvalents en raison de sa vaste s&eacute;lection d&rsquo;attributs.<\/p><p>Alors que <strong>[product_page] <\/strong>pr&eacute;sente une page de produit compl&egrave;te, le shortcode <strong>[products] <\/strong>vous permet d&rsquo;afficher les d&eacute;tails d&rsquo;un produit sp&eacute;cifique sans la mise en page compl&egrave;te. Il est id&eacute;al pour pr&eacute;senter des produits dans un format plus compact, par exemple dans une liste ou un article de blog.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0cf088\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"881\" height=\"536\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-produits.png\/public\" alt=\"Listes de produits WooCommerce affich&eacute;es &agrave; l'aide du shortcode [product]\" class=\"wp-image-36764\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-produits.png\/w=881,fit=scale-down 881w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-produits.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-produits.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/shortcode-woocommerce-produits.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p><strong>Attributs des produits<\/strong><\/p><p>Voici les principaux attributs permettant de personnaliser le rendu du shortcode<strong> [products]<\/strong> de WooCommerce :<\/p><pre class=\"wp-block-preformatted\">id<\/pre><p>Cet attribut permet d&rsquo;afficher un article sp&eacute;cifique par son identifiant de produit.<\/p><p>Exemple : <strong>[product id=&rdquo;123&Prime;]<\/strong><\/p><pre class=\"wp-block-preformatted\">skus<\/pre><p>Cet attribut permet d&rsquo;afficher un produit sp&eacute;cifique sur la base de son SKU. &Eacute;vitez de l&rsquo;utiliser en m&ecirc;me temps que l&rsquo;attribut <strong>ID <\/strong>afin d&rsquo;&eacute;viter des r&eacute;sultats contradictoires.<\/p><p>Exemple : <strong>[product sku=&rdquo;SKU123&Prime;]<\/strong><\/p><pre class=\"wp-block-preformatted\">limit<\/pre><p>Utilisez cet attribut pour contr&ocirc;ler le nombre de produits qui apparaissent lorsque vous pr&eacute;sentez plusieurs produits &agrave; l&rsquo;aide d&rsquo;un seul shortcode.<\/p><p>Exemple : <strong>[products limit=&rdquo;4&Prime;]<\/strong><\/p><pre class=\"wp-block-preformatted\">columns<\/pre><p>Cet attribut d&eacute;finit le nombre de colonnes pour l&rsquo;affichage des produits, ce qui permet d&rsquo;&eacute;conomiser de l&rsquo;espace. La valeur par d&eacute;faut est de quatre colonnes, sauf indication contraire.<\/p><p>Exemple : <strong>[products columns=&rdquo;5&Prime;]<\/strong><\/p><pre class=\"wp-block-preformatted\">orderby<\/pre><p>Cet attribut vous permet de sp&eacute;cifier l&rsquo;ordre de tri des produits affich&eacute;s.<\/p><p>Voici les options disponibles :<\/p><ul class=\"wp-block-list\">\n<li><strong>title<\/strong> (par d&eacute;faut) &ndash; tri en fonction du titre du produit.<\/li>\n\n\n\n<li><strong>date<\/strong> &#8210; tri en fonction de la date de publication du produit.<\/li>\n\n\n\n<li><strong>popularity<\/strong> &#8210; permet de trier les produits en fonction du nombre d&rsquo;achats.<\/li>\n\n\n\n<li><strong>rating<\/strong> &#8210; permet de trier les produits en fonction de leur note moyenne.<\/li>\n\n\n\n<li><strong>rand<\/strong> &#8210; affiche les produits dans un ordre al&eacute;atoire.<\/li>\n\n\n\n<li><strong>id<\/strong> &#8210; permet de trier les produits en fonction de leur num&eacute;ro d&rsquo;identification.<\/li>\n<\/ul><p>Exemple : <strong>[products orderby=&rdquo;date&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">order<\/pre><p>Cet attribut d&eacute;finit si l&rsquo;ordre des produits est croissant <strong>(ASC)<\/strong> ou d&eacute;croissant <strong>(DESC)<\/strong>. Par d&eacute;faut, l&rsquo;ordre est croissant, sauf indication contraire.<\/p><p>Exemple : <strong>[products order=&rdquo;DESC&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">category<\/pre><p>Utilisez cet attribut pour afficher les produits de cat&eacute;gories sp&eacute;cifiques en fonction de leur intitul&eacute;. S&eacute;parez les &eacute;l&eacute;ments de cat&eacute;gorie multiples par des virgules.<\/p><p>Exemple : <strong>[products category=&rdquo;v&ecirc;tements, &eacute;t&eacute;<\/strong><strong style=\"font-size: revert;color: initial\">&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">tag<\/pre><p>Cet attribut permet d&rsquo;afficher les produits ayant des &eacute;tiquettes sp&eacute;cifiques. Comme pour l&rsquo;attribut <strong>category<\/strong>, utilisez des virgules pour s&eacute;parer plusieurs &eacute;tiquettes de produits.<\/p><p>Exemple : <strong>[products tag=&rdquo;nouveau&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">class<\/pre><p>Cet attribut ajoute une classe CSS personnalis&eacute;e pour modifier le style de la sortie. Avant de l&rsquo;utiliser, vous devez cr&eacute;er une <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/classe-css\"><strong>classe CSS<\/strong><\/a> personnalis&eacute;e dans la feuille de style de votre th&egrave;me (<strong>style.css<\/strong>).<\/p><p>Exemple : <strong>[products class=&rdquo;main-paragraph&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">on_sale<\/pre><p>Cet attribut vous permet d&rsquo;afficher les produits qui sont en vente. Lorsqu&rsquo;il est utilis&eacute;, WooCommerce filtre vos produits et n&rsquo;affiche que ceux dont le prix est sold&eacute;. D&eacute;finissez-le &agrave; <strong>true <\/strong>pour activer ce filtre ou &agrave; <strong>false <\/strong>pour afficher tous les produits.<\/p><p>&Eacute;vitez d&rsquo;utiliser on_sale avec les attributs<strong> best_selling<\/strong> et <strong>top_rated <\/strong>pour &eacute;viter des r&eacute;sultats contradictoires, car la combinaison de ces attributs peut cr&eacute;er une confusion sur les crit&egrave;res &agrave; privil&eacute;gier.<\/p><p>Exemple : <strong>[products on_sale=&rdquo;true&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">best_selling<\/pre><p>Utilisez cet attribut avec une valeur <strong>true <\/strong>pour pr&eacute;senter uniquement les produits les plus vendus. Ne l&rsquo;utilisez pas en m&ecirc;me temps que les attributs <strong>on_sale <\/strong>et<strong> top_rated <\/strong>pour &eacute;viter les conflits de priorit&eacute;.<\/p><p>Exemple : <strong>[products best_selling=&rdquo;true&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">top_rated<\/pre><p>Cet attribut pr&eacute;sente les produits les mieux not&eacute;s sur la base des &eacute;valuations des utilisateurs, avec comme options <strong>true <\/strong>et <strong>false<\/strong>. &Eacute;vitez de l&rsquo;utiliser en m&ecirc;me temps que les attributs <strong>on_sale<\/strong> et <strong>best_selling <\/strong>pour &eacute;viter les conflits de filtres.<\/p><p>Exemple : <strong>[products top_rated=&rdquo;true&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">paginate<\/pre><p>Attribuez la valeur true &agrave; cet attribut pour activer la pagination des produits r&eacute;cup&eacute;r&eacute;s. Combinez-le avec l&rsquo;attribut limit pour contr&ocirc;ler le nombre de produits affich&eacute;s par page.<\/p><p>Exemple : <strong>[products paginate=&rdquo;true&rdquo;]<\/strong><\/p><pre class=\"wp-block-preformatted\">visibility<\/pre><p>Cet attribut permet de filtrer les produits en fonction de leur statut de visibilit&eacute; :<\/p><ul class=\"wp-block-list\">\n<li><strong>visible<\/strong> (par d&eacute;faut) &ndash; produits visibles dans la boutique et dans les r&eacute;sultats de recherche.<\/li>\n\n\n\n<li><strong>catalog<\/strong> &#8210; produits visibles dans la boutique uniquement, pas dans les r&eacute;sultats de recherche.<\/li>\n\n\n\n<li><strong>search<\/strong> &#8210; produits visibles uniquement dans les r&eacute;sultats de recherche, pas dans la boutique.<\/li>\n\n\n\n<li><strong>hidden<\/strong> &#8210; produits cach&eacute;s &agrave; la fois dans la boutique et dans les r&eacute;sultats de recherche.<\/li>\n\n\n\n<li><strong>featured<\/strong> &#8210; produits marqu&eacute;s comme &eacute;tant en vedette.<\/li>\n<\/ul><p>Exemple : <strong>[products visibility=&rdquo;catalog&rdquo;]<\/strong><\/p><h3 class=\"wp-block-heading\" id=\"h-7-afficher-toutes-les-categories-de-produits-disponibles\"><strong>7. Afficher toutes les cat&eacute;gories de produits disponibles<\/strong><\/h3><pre class=\"wp-block-preformatted\">[product_categories]<\/pre><p>Ce shortcode permet aux utilisateurs de parcourir plus facilement les cat&eacute;gories de produits sur votre site WordPress. Il affiche toutes les cat&eacute;gories de produits par d&eacute;faut, mais vous pouvez personnaliser la sortie en utilisant les attributs suivants :<\/p><ul class=\"wp-block-list\">\n<li><strong>number<\/strong> &#8210; d&eacute;finit le nombre de cat&eacute;gories affich&eacute;es. Il fonctionne de la m&ecirc;me mani&egrave;re que l&rsquo;attribut <strong>limit <\/strong>dans le shortcode<strong> [products]<\/strong>.<\/li>\n\n\n\n<li><strong>columns<\/strong> &#8210; d&eacute;finit le nombre de colonnes pour afficher les cat&eacute;gories r&eacute;cup&eacute;r&eacute;es.<\/li>\n\n\n\n<li><strong>include<\/strong> &#8210; d&eacute;termine les cat&eacute;gories &agrave; afficher en fonction de leur identifiant.<\/li>\n\n\n\n<li><strong>orderby<\/strong> &#8210; sp&eacute;cifie l&rsquo;ordre de tri des cat&eacute;gories de produits affich&eacute;es. Voici les options disponibles :\n<ul class=\"wp-block-list\">\n<li><strong>name<\/strong> &#8210; permet de trier les cat&eacute;gories de produits en fonction de leur nom.<\/li>\n\n\n\n<li><strong>id<\/strong> &#8210; permet de trier les cat&eacute;gories en fonction de leur identifiant.<\/li>\n\n\n\n<li><strong>slug<\/strong> &#8210; tri en fonction du slug de la cat&eacute;gorie.<\/li>\n\n\n\n<li><strong>menu_order<\/strong> &#8210; tri en fonction de l&rsquo;ordre du menu assign&eacute; dans les param&egrave;tres de WooCommerce.<\/li>\n\n\n\n<li><strong>count<\/strong> &#8210; tri en fonction du nombre de produits dans chaque cat&eacute;gorie.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>order<\/strong> &#8210; d&eacute;finit si l&rsquo;ordre des cat&eacute;gories de produits est croissant (<strong>ASC<\/strong>) ou d&eacute;croissant (<strong>DESC<\/strong>).<\/li>\n\n\n\n<li><strong>hide_empty<\/strong> &#8210; cache les cat&eacute;gories qui n&rsquo;ont pas de produits.<\/li>\n\n\n\n<li><strong>parent<\/strong> &#8210; affiche les cat&eacute;gories de produits qui sont les enfants d&rsquo;une cat&eacute;gorie parent sp&eacute;cifique.<\/li>\n<\/ul><p>Exemple : <strong>[product_categories include=&rdquo;12,15,18&Prime; orderby=&rdquo;slug&rdquo; order=&rdquo;ASC&rdquo;]<\/strong><\/p><h3 class=\"wp-block-heading\" id=\"h-8-afficher-une-categorie-de-produits-specifique\"><strong>8. Afficher une cat&eacute;gorie de produits sp&eacute;cifique<\/strong><\/h3><pre class=\"wp-block-preformatted\">[product_category]&nbsp;<\/pre><p>Bien que son nom soit similaire &agrave; celui du shortcode <strong>[product_categories]<\/strong>, <strong>[product_category]<\/strong> se concentre sur l&rsquo;affichage des produits de la cat&eacute;gorie sp&eacute;cifi&eacute;e. Il est id&eacute;al pour pr&eacute;senter des produits pertinents sur les pages d&rsquo;atterrissage de leurs cat&eacute;gories respectives ou pour mettre en &eacute;vidence les articles &agrave; la mode d&rsquo;une cat&eacute;gorie particuli&egrave;re.<\/p><p>Pour que ce code court fonctionne, il faut que l&rsquo;attribut <strong>category <\/strong>contienne le nom de la cat&eacute;gorie de produits que vous avez choisie. Vous pouvez ensuite l&rsquo;associer aux attributs suivants pour personnaliser le r&eacute;sultat :<\/p><ul class=\"wp-block-list\">\n<li><strong>columns<\/strong> &#8210; d&eacute;finit le nombre de colonnes pour afficher les produits. La valeur par d&eacute;faut est 4.<\/li>\n\n\n\n<li><strong>orderby<\/strong> &#8210; d&eacute;termine la m&eacute;thode de tri. Les options sont les m&ecirc;mes que celles de l&rsquo;attribut <strong>orderby <\/strong>du shortcode <strong>[product_categories]<\/strong>.<\/li>\n\n\n\n<li><strong>order<\/strong> &#8210; sp&eacute;cifie l&rsquo;ordre de tri.<\/li>\n\n\n\n<li><strong>per_page<\/strong> &#8210;&nbsp; limite le nombre de produits affich&eacute;s par page.<\/li>\n\n\n\n<li><strong>paginate<\/strong> &#8210; active la pagination lorsqu&rsquo;elle est d&eacute;finie sur <strong>true<\/strong>.<\/li>\n<\/ul><p>Exemple : <strong>[product_category category=&rdquo;shirts&rdquo; orderby=&rdquo;price&rdquo;]<\/strong><\/p><h3 class=\"wp-block-heading\" id=\"h-9-produits-similaires\"><strong>9. Produits similaires<\/strong><\/h3><pre class=\"wp-block-preformatted\">[related_products]<\/pre><p>En ajoutant ce shortcode &agrave; une page produit, WooCommerce affiche automatiquement des produits similaires bas&eacute;s sur les cat&eacute;gories et les tags partag&eacute;s par le produit en cours de visualisation.<\/p><p>Comme vous ne pouvez pas choisir manuellement les produits associ&eacute;s, il est pr&eacute;f&eacute;rable d&rsquo;utiliser ce shortcode sur les pages de produits individuels pour la vente crois&eacute;e.<\/p><p>Associez ce shortcode &agrave; l&rsquo;attribut <strong>posts_per_page <\/strong>pour limiter le nombre de produits apparent&eacute;s qui seront affich&eacute;s. Vous pouvez &eacute;galement utiliser l&rsquo;attribut <strong>columns <\/strong>pour contr&ocirc;ler la mise en page de la sortie.<\/p><p>Exemple : <strong>[related_products posts_per_page=&rdquo;3&Prime; columns=&rdquo;3&Prime;]<\/strong><\/p><h3 class=\"wp-block-heading\" id=\"h-10-produits-recemment-ajoutes\"><strong>10. Produits r&eacute;cemment ajout&eacute;s<\/strong><\/h3><pre class=\"wp-block-preformatted\">[recent_products]<\/pre><p>Utilisez ce shortcode pour afficher les produits les plus r&eacute;cemment ajout&eacute;s &agrave; des endroits strat&eacute;giques, tels que votre page d&rsquo;accueil ou les pages de renvoi des cat&eacute;gories. Associez-le aux attributs <strong>limit<\/strong>, <strong>columns<\/strong>, et <strong>orderby <\/strong>pour personnaliser l&rsquo;affichage.<\/p><h3 class=\"wp-block-heading\" id=\"h-11-produits-en-vedette\"><strong>11. Produits en vedette<\/strong><\/h3><pre class=\"wp-block-preformatted\">[featured_products]<\/pre><p>Ce shortcode est id&eacute;al pour mettre en avant des produits ou des promotions sur votre site. Comme le shortcode <strong>[recent_products]<\/strong>, il accepte les attributs <strong>limit<\/strong>, <strong>columns <\/strong>et <strong>orderby <\/strong>pour personnaliser l&rsquo;affichage.<\/p><h3 class=\"wp-block-heading\" id=\"h-12-produits-les-plus-vendus\"><strong>12. Produits les plus vendus<\/strong><\/h3><pre class=\"wp-block-preformatted\">[best_selling_products]<\/pre><p>Mettez en avant vos produits les plus vendus avec ce shortcode en vue d&rsquo;&eacute;tablir une preuve sociale, en montrant aux clients que ces articles sont populaires aupr&egrave;s d&rsquo;autres acheteurs. Cette approche permet d&rsquo;influencer les d&eacute;cisions d&rsquo;achat des visiteurs, d&rsquo;&eacute;viter une rotation lente des stocks et d&rsquo;instaurer un climat de confiance avec votre march&eacute; cible.<\/p><p>Utilisez les attributs <strong>limit<\/strong>, <strong>columns<\/strong>, et <strong>orderby <\/strong>pour personnaliser l&rsquo;affichage de vos produits.<\/p><h3 class=\"wp-block-heading\" id=\"h-13-produits-les-mieux-notes\"><strong>13. Produits les mieux not&eacute;s<\/strong><\/h3><pre class=\"wp-block-preformatted\">[top_rated_products]<\/pre><p>Ce shortcode affiche une liste des produits les mieux not&eacute;s en fonction des avis des clients. Comme le shortcode <strong>[best_selling_products]<\/strong>, il est id&eacute;al pour influencer les d&eacute;cisions d&rsquo;achat et renforcer la confiance des clients.<\/p><p>Combinez ce shortcode avec les attributs <strong>limit<\/strong>, <strong>columns<\/strong>, et <strong>orderby <\/strong>pour personnaliser le r&eacute;sultat.<\/p><h3 class=\"wp-block-heading\" id=\"h-14-produits-en-promotion\"><strong>14. Produits en promotion<\/strong><\/h3><pre class=\"wp-block-preformatted\">[sale_products]<\/pre><p>Si vous souhaitez cr&eacute;er une page de vente ou une section d&eacute;di&eacute;e &agrave; la promotion de produits &agrave; prix r&eacute;duits, ce shortcode vous facilite la t&acirc;che. Ajoutez simplement les attributs <strong>limit<\/strong>, <strong>columns<\/strong>, et <strong>orderby <\/strong>pour personnaliser l&rsquo;affichage de la section.<\/p><h3 class=\"wp-block-heading\" id=\"h-15-bouton-et-url-d-ajout-au-panier\"><strong>15. Bouton et URL d&rsquo;ajout au panier<\/strong><\/h3><pre class=\"wp-block-preformatted\">[add_to_cart]<\/pre><p>Le shortcode <strong>[add_to_cart] <\/strong>ajoute un bouton d&rsquo;ajout au panier pour un produit sp&eacute;cifique sur la page ou l&rsquo;article de votre choix. De cette fa&ccedil;on, les clients peuvent facilement ajouter des articles &agrave; leur panier sans visiter les pages individuelles des produits, ce qui est utile pour promouvoir des produits sur des pages externes &agrave; WooCommerce.<\/p><p>Utilisez l&rsquo;attribut <strong>id <\/strong>ou <strong>sku <\/strong>pour lier un produit au bouton d&rsquo;ajout au panier. Vous pouvez ensuite personnaliser l&rsquo;apparence du bouton &agrave; l&rsquo;aide d&rsquo;attributs suppl&eacute;mentaires, tels que :<\/p><ul class=\"wp-block-list\">\n<li><strong>style<\/strong> &#8210; pour personnaliser le style du bouton &agrave; l&rsquo;aide d&rsquo;une feuille de style CSS en ligne, qui ne s&rsquo;applique qu&rsquo;&agrave; cet &eacute;l&eacute;ment particulier.<\/li>\n\n\n\n<li><strong>show-price<\/strong> &#8210; affiche le prix du produit &agrave; c&ocirc;t&eacute; du bouton d&rsquo;ajout au panier lorsqu&rsquo;il est d&eacute;fini sur <strong>true<\/strong>.<\/li>\n\n\n\n<li><strong>class<\/strong> &#8210; ajoute une classe CSS personnalis&eacute;e r&eacute;utilisable pour modifier l&rsquo;apparence du bouton.<\/li>\n\n\n\n<li><strong>quantity<\/strong> &#8210; sp&eacute;cifie la quantit&eacute; ajout&eacute;e au panier.<\/li>\n<\/ul><p>Le shortcode suivant est un exemple d&rsquo;utilisation de ces attributs pour afficher le prix du produit &agrave; c&ocirc;t&eacute; du bouton et centrer son emplacement :<\/p><p><strong>[add_to_cart id=&rdquo;49&Prime; show_price=&rdquo;true&rdquo; style=&rdquo;display: block; text-align: center;&rdquo;]<\/strong><\/p><p>Si vous pr&eacute;f&eacute;rez ne pas utiliser de bouton pour la fonction d&rsquo;ajout au panier, envisagez d&rsquo;utiliser <strong>[add_to_cart_url]<\/strong> pour cr&eacute;er un lien &agrave; la place. Ce code court g&eacute;n&egrave;re une URL directe qui ajoute automatiquement un produit sp&eacute;cifique au panier lorsqu&rsquo;elle est visit&eacute;e.<\/p><p>Il est pratique pour encourager les ventes dans les e-mails ou les zones de votre site internet WooCommerce o&ugrave; l&rsquo;emplacement des boutons peut &ecirc;tre limit&eacute;.<\/p><p>Puisque ce shortcode cr&eacute;e un lien, vous n&rsquo;avez qu&rsquo;&agrave; ajouter l&rsquo;attribut <strong>id <\/strong>ou <strong>sku <\/strong>pour le produit choisi.<\/p><p>Exemple : <strong>[add_to_cart_url id=&rdquo;123&Prime;]<\/strong><\/p><h3 class=\"wp-block-heading\" id=\"h-16-notifications-de-la-boutique-sur-des-pages-ne-relevant-pas-de-woocommerce\"><strong>16. Notifications de la boutique sur des pages ne relevant pas de WooCommerce<\/strong><\/h3><pre class=\"wp-block-preformatted\">[shop_messages]<\/pre><p>Ce shortcode vous permet d&rsquo;afficher des messages ou des notifications WooCommerce n&rsquo;importe o&ugrave; sur votre site lorsque les clients interagissent avec lui. Ces messages peuvent inclure des alertes telles que &laquo; Produit ajout&eacute; au panier &raquo;, &laquo; R&eacute;duction appliqu&eacute;e avec succ&egrave;s &raquo;, ou des messages d&rsquo;erreur si un probl&egrave;me survient lors de la validation de la commande.<\/p><p>Plac&eacute; strat&eacute;giquement, le shortcode<strong> [shop_messages]<\/strong> peut contribuer &agrave; r&eacute;duire la confusion &agrave; des moments critiques du parcours client et &agrave; am&eacute;liorer l&rsquo;exp&eacute;rience d&rsquo;achat dans son ensemble. Il est &eacute;galement utile sur les pages personnalis&eacute;es o&ugrave; les avis importants doivent &ecirc;tre visibles pour les clients.<\/p><p>Ce shortcode n&rsquo;a pas d&rsquo;attributs, il vous suffit donc de le placer &agrave; l&rsquo;endroit souhait&eacute;. Les messages sont personnalisables, mais il faut pour cela utiliser un <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/add-filter-wordpress\"><strong>filtre WordPress<\/strong><\/a> ou modifier les fichiers du th&egrave;me dans le r&eacute;pertoire <strong>notices.<\/strong><\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0d18a8\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"811\" height=\"384\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/message-shop-code-court-woocommerce.png\/public\" alt=\"Notification de magasin WooCommerce affich&eacute;e en utilisant le shortcode [shop_messages]\" class=\"wp-image-36765\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/message-shop-code-court-woocommerce.png\/w=811,fit=scale-down 811w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/message-shop-code-court-woocommerce.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/message-shop-code-court-woocommerce.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/message-shop-code-court-woocommerce.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 811px) 100vw, 811px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-17-champ-de-recherche-de-produits-en-direct-avec-filtres\"><strong>17. Champ de recherche de produits en direct avec filtres<\/strong><\/h3><pre class=\"wp-block-preformatted\">[woocommerce_product_search]<\/pre><p><a href=\"https:\/\/woocommerce.com\/products\/woocommerce-product-search\/\" target=\"_blank\" rel=\"noopener\"><strong>WooCommerce Product Search<\/strong><\/a>, une extension premium de WooCommerce, propose ce shortcode pour afficher la fonctionnalit&eacute; de recherche en direct de produits sur les pages et les articles. Lorsque les clients saisissent des mots-cl&eacute;s dans le champ de recherche, les r&eacute;sultats correspondants apparaissent en temps r&eacute;el, am&eacute;liorant ainsi l&rsquo;exp&eacute;rience de l&rsquo;utilisateur.<\/p><p>Par d&eacute;faut, le shortcode<strong> [woocommerce_product_search]<\/strong> affiche les titres des produits avec leur courte description, leur prix et le bouton d&rsquo;ajout au panier. Pour personnaliser l&rsquo;affichage, reportez-vous &agrave; la documentation de l&rsquo;extension pour conna&icirc;tre les attributs disponibles.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0d2fcb\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"426\" height=\"804\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-recherche-produit.png\/public\" alt=\"Champ de recherche de produits WooCommerce affich&eacute; en utilisant le shortcode [woocommerce_product_search]\" class=\"wp-image-36766\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-recherche-produit.png\/w=426,fit=scale-down 426w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-recherche-produit.png\/w=159,fit=scale-down 159w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/code-court-woocommerce-recherche-produit.png\/w=79,fit=scale-down 79w\" sizes=\"(max-width: 426px) 100vw, 426px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Vous pouvez &eacute;tendre la fonctionnalit&eacute; de recherche avec diff&eacute;rents filtres. Utilisez ces filtres avec le shortcode <strong>[woocommerce_product_filter_products] <\/strong>pour afficher les r&eacute;sultats de la recherche de mani&egrave;re dynamique :<\/p><ul class=\"wp-block-list\">\n<li><strong>[woocommerce_product_filter]<\/strong> &mdash; affiche un filtre de recherche de produits en direct dans lequel les visiteurs peuvent saisir des mots-cl&eacute;s pour affiner leurs r&eacute;sultats.<\/li>\n\n\n\n<li><strong>[woocommerce_product_filter_attribute]<\/strong> &mdash; affiche un filtre d&rsquo;attributs de produits, id&eacute;al pour les magasins vendant des produits de nature variable.<\/li>\n\n\n\n<li><strong>[woocommerce_product_filter_category]<\/strong> &mdash; affiche un filtre de cat&eacute;gorie de produit en temps r&eacute;el pour ne sortir que les r&eacute;sultats sp&eacute;cifi&eacute;s par cat&eacute;gorie.<\/li>\n\n\n\n<li><strong>[woocommerce_product_filter_price]<\/strong> &mdash; affiche un filtre de prix en temps r&eacute;el avec un champ de saisie et un curseur pour d&eacute;finir la fourchette de prix souhait&eacute;e.<\/li>\n\n\n\n<li><strong>[woocommerce_product_filter_tag]<\/strong> &mdash; ajoute un filtre en temps r&eacute;el sur les balises des produits qui permet aux visiteurs d&rsquo;affiner les r&eacute;sultats en fonction des balises choisies.<\/li>\n\n\n\n<li><strong>[woocommerce_product_filter_rating]<\/strong> &ndash; ajoute un filtre d&rsquo;&eacute;valuation des produits pour afficher les produits en fonction de leur &eacute;valuation moyenne par les clients.<\/li>\n\n\n\n<li><strong>[woocommerce_product_filter_sale]<\/strong> &ndash; affiche un filtre en temps r&eacute;el pour les produits en promotion.<\/li>\n\n\n\n<li><strong>[woocommerce_product_filter_stock]<\/strong> &ndash; affiche les produits en stock ou en rupture de stock.<\/li>\n\n\n\n<li><strong>[woocommerce_product_filter_reset]<\/strong> &ndash; ajoute un bouton pour effacer tous les filtres en cours.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-woocommerce\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41465\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/FR-Woocommerce-hosting-x-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-problemes-courants-avec-les-shortcodes-dans-woocommerce\"><strong>Probl&egrave;mes courants avec les shortcodes dans WooCommerce<\/strong><\/h2><p>Bien qu&rsquo;ils simplifient la personnalisation des sites web, les shortcodes de WooCommerce ne sont pas &agrave; l&rsquo;abri des erreurs. Nous allons explorer quelques-unes des fa&ccedil;ons les plus courantes de r&eacute;soudre les probl&egrave;mes li&eacute;s aux shortcodes de WooCommerce.<\/p><h3 class=\"wp-block-heading\" id=\"h-les-shortcodes-ne-s-affichent-pas-correctement\"><strong>Les shortcodes ne s&rsquo;affichent pas correctement<\/strong><\/h3><p>Voici ce que vous pouvez faire pour corriger un shortcode qui s&rsquo;affiche en texte brut sur la page au lieu de rendre le contenu WooCommerce pr&eacute;vu :<\/p><ul class=\"wp-block-list\">\n<li><strong>V&eacute;rifiez le formatage du code court. <\/strong>Ins&eacute;rez-le dans une page ou un article de blog en utilisant un bloc de shortcode dans l&rsquo;&eacute;diteur visuel de WordPress. Si vous utilisez un &eacute;diteur de texte, v&eacute;rifiez qu&rsquo;il n&rsquo;y a pas de fautes de frappe ou de balises HTML suppl&eacute;mentaires qui pourraient interf&eacute;rer avec le shortcode.<\/li>\n\n\n\n<li><strong>Utilisez des guillemets doubles droits (&laquo;&nbsp;). <\/strong>Les guillemets inclin&eacute;s (&nbsp;&raquo; &laquo;&nbsp;) ne sont pas standard dans le code et peuvent entra&icirc;ner une rupture du shortcode et un rendu incorrect.<\/li>\n\n\n\n<li><strong>Mettez &agrave; jour WooCommerce et WordPress. <\/strong>Les versions obsol&egrave;tes peuvent ne pas prendre en charge certains codes courts, ce qui les emp&ecirc;che de fonctionner correctement.<\/li>\n\n\n\n<li><strong>V&eacute;rifiez la compatibilit&eacute; du th&egrave;me. <\/strong>Si le passage &agrave; un th&egrave;me WordPress par d&eacute;faut r&eacute;sout le probl&egrave;me, il se peut que votre th&egrave;me actuel soit &agrave; l&rsquo;origine du probl&egrave;me. Contactez l&rsquo;&eacute;quipe d&rsquo;assistance du th&egrave;me pour obtenir des solutions ou changez de th&egrave;me pour &eacute;viter de nouvelles erreurs.<\/li>\n\n\n\n<li><strong>V&eacute;rifiez la compatibilit&eacute; des plugins. <\/strong>D&eacute;sactivez tous les plugins &agrave; l&rsquo;exception de WooCommerce et v&eacute;rifiez si le shortcode fonctionne. Si c&rsquo;est le cas, r&eacute;activez les plugins un par un pour identifier le probl&egrave;me. Envisagez de contacter l&rsquo;&eacute;quipe d&rsquo;assistance du plugin concern&eacute; pour signaler le probl&egrave;me et trouver une solution.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-les-shortcodes-n-ont-pas-un-rendu-correct\"><strong>Les shortcodes n&rsquo;ont pas un rendu correct<\/strong><\/h3><p>Ce probl&egrave;me survient souvent sur les pages ou les articles personnalis&eacute;s de WooCommerce. Essayez les m&eacute;thodes suivantes pour le r&eacute;soudre :<\/p><ul class=\"wp-block-list\">\n<li><strong>V&eacute;rifiez l&rsquo;emplacement du shortcode.<\/strong> Assurez-vous que la page o&ugrave; vous placez le shortcode n&rsquo;entre pas en conflit avec des pages WooCommerce existantes, telles que les pages Boutique ou Paiement. De plus, v&eacute;rifiez la <a href=\"https:\/\/woocommerce.com\/document\/woocommerce-shortcodes\/\" target=\"_blank\" rel=\"noopener\"><strong>documentation des shortcodes WooCommerce<\/strong><\/a> pour confirmer que le shortcode fonctionne dans la zone que vous avez choisie.<\/li>\n\n\n\n<li><strong>Actualisez les param&egrave;tres du permalien. <\/strong>Allez dans <strong>R&eacute;glages <\/strong>&rarr; <strong>Permaliens <\/strong>dans le tableau de bord de l&rsquo;administrateur et cliquez sur Enregistrer les modifications pour r&eacute;initialiser la structure des permaliens. Cela effacera toutes les URL mises en cache et r&eacute;soudra potentiellement le probl&egrave;me.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-les-produits-n-apparaissent-pas-dans-les-shortcodes\"><strong>Les produits n&rsquo;apparaissent pas dans les shortcodes<\/strong><\/h3><p>Si les produits WooCommerce ne s&rsquo;affichent pas correctement lors de l&rsquo;utilisation de shortcodes li&eacute;s aux produits, essayez ces solutions :<\/p><ul class=\"wp-block-list\">\n<li><strong>V&eacute;rifiez la visibilit&eacute; des produits.<\/strong> Assurez-vous que les produits que vous souhaitez afficher ont le statut <strong>Publi&eacute;<\/strong> et sont d&eacute;finis comme <strong>Publiques<\/strong>. Vous pouvez le v&eacute;rifier dans la section <strong>Publier <\/strong>de l&rsquo;&eacute;diteur WooCommerce.<\/li>\n\n\n\n<li><strong>V&eacute;rifiez les cat&eacute;gories et les balises des produits. <\/strong>Attribuez les cat&eacute;gories et les balises appropri&eacute;es aux produits, en particulier si vous utilisez ces attributs comme filtres dans le shortcode.<\/li>\n\n\n\n<li><strong>Utilisez les bons attributs. <\/strong>V&eacute;rifiez &agrave; nouveau les attributs utilis&eacute;s dans le code court pour vous assurer qu&rsquo;ils correspondent aux produits que vous souhaitez afficher.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-alternatives-aux-shortcodes-pour-woocommerce\"><strong>Alternatives aux shortcodes pour WooCommerce<\/strong><\/h2><p>Bien que les shortcodes soient un outil pratique pour personnaliser votre site WooCommerce, il existe des alternatives plus simples et plus visuelles que vous pouvez essayer. Voici quelques-unes des alternatives les plus couramment utilis&eacute;es.<\/p><h3 class=\"wp-block-heading\" id=\"h-blocs-wordpress\"><strong>Blocs WordPress<\/strong><\/h3><p>Depuis que l&rsquo;&eacute;diteur de blocs Gutenberg a &eacute;t&eacute; int&eacute;gr&eacute; &agrave; WordPress, de nombreux plugins, dont WooCommerce, proposent d&eacute;sormais leurs fonctionnalit&eacute;s sous forme de blocs. Les blocs sont faciles &agrave; ajouter et permettent des pr&eacute;visualisations en temps r&eacute;el, ce qui en fait une solution adapt&eacute;e aux d&eacute;butants avec un risque d&rsquo;erreur plus faible que les shortcodes.<\/p><p>Pour utiliser les blocs, cliquez sur l&rsquo;<strong>outil d&rsquo;insertion de blocs (+)<\/strong> et parcourez les options disponibles. Glissez-d&eacute;posez les blocs dont vous avez besoin dans l&rsquo;&eacute;diteur et personnalisez chacun d&rsquo;entre eux &agrave; l&rsquo;aide des param&egrave;tres de la barre lat&eacute;rale droite.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0d5496\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"455\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/blocs-woocommerce-wp.png\/public\" alt=\"Blocs WooCommerce dans l'&eacute;diteur visuel de WordPress\" class=\"wp-image-36767\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/blocs-woocommerce-wp.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/blocs-woocommerce-wp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/blocs-woocommerce-wp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/blocs-woocommerce-wp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-plugins-de-construction-de-pages-wordpress\"><strong>Plugins de construction de pages WordPress<\/strong><\/h3><p>De nombreux plugins de construction de pages populaires s&rsquo;int&egrave;grent &agrave; WooCommerce, permettant une personnalisation avanc&eacute;e des pages personnalis&eacute;es &agrave; l&rsquo;aide d&rsquo;une interface simple de type &laquo; glisser-d&eacute;poser &raquo;.<\/p><p>Ils fournissent &eacute;galement diff&eacute;rents &eacute;l&eacute;ments pour ajouter du contenu dynamique sans codage, &eacute;largissant ainsi vos options de personnalisation:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/beaver-builder-lite-version\/\" target=\"_blank\" rel=\"noopener\"><strong>Beaver Builder<\/strong><\/a> (version premium &agrave; partir de&nbsp; <strong>85 &euro;\/an<\/strong>)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.elegantthemes.com\/theme-builder\/\" target=\"_blank\" rel=\"noopener\"><strong>Divi<\/strong><\/a> (&agrave; partir de&nbsp; <strong>66 &euro;\/an <\/strong>ou&nbsp; <strong>190 &euro;\/paiement unique<\/strong>)<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/visualcomposer\/\" target=\"_blank\" rel=\"noopener\"><strong>Visual Composer<\/strong><\/a> (version premium &agrave; partir de&nbsp; <strong>46 &euro;\/an<\/strong>)<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coming-soon\/\" target=\"_blank\" rel=\"noopener\"><strong>SeedProd<\/strong><\/a> (version premium &agrave; partir de&nbsp; <strong>37,73 &euro;\/an<\/strong>)<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-l-editeur-de-site-wordpress\"><strong>L&rsquo;&eacute;diteur de site WordPress<\/strong><\/h3><p>L&rsquo;&eacute;diteur de site int&eacute;gr&eacute; est une excellente alternative aux plugins de construction de pages, accessible via <strong>Apparence <\/strong>&rarr; <strong>&Eacute;diteur <\/strong>dans le tableau de bord de WordPress. Il utilise une approche d&rsquo;&eacute;dition bas&eacute;e sur des blocs, vous permettant de cr&eacute;er des pages avec des mod&egrave;les existants ou une collection de blocs et de mod&egrave;les, &eacute;liminant ainsi le besoin de codage.<\/p><p>Cette solution est id&eacute;ale pour maintenir les performances d&rsquo;une boutique WooCommerce, car elle ne n&eacute;cessite pas de plugins suppl&eacute;mentaires.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f275f0d6cc2\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"420\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/editeur-de-site-wordpress.png\/public\" alt=\"Editeur de site WordPress\" class=\"wp-image-36768\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/editeur-de-site-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/editeur-de-site-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/editeur-de-site-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/12\/editeur-de-site-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2><p>Les shortcodes WooCommerce sont un outil puissant pour personnaliser votre boutique en ligne. Ils sont particuli&egrave;rement utiles pour les propri&eacute;taires d&rsquo;entreprises qui souhaitent b&eacute;n&eacute;ficier de fonctionnalit&eacute;s avanc&eacute;es sans avoir besoin de coder.<\/p><p>Lorsqu&rsquo;ils sont utilis&eacute;s correctement avec les bons attributs, ils peuvent &eacute;tendre de mani&egrave;re significative les fonctionnalit&eacute;s de votre site e-commerce.<\/p><p>Nous esp&eacute;rons que cet article vous a aid&eacute; &agrave; comprendre comment utiliser efficacement les shortcodes de WooCommerce et &agrave; r&eacute;soudre les probl&egrave;mes li&eacute;s &agrave; leur utilisation. Si vous avez des questions, consultez notre section FAQ ou laissez un commentaire ci-dessous.<\/p><h2 class=\"wp-block-heading\" id=\"h-shortcode-woocommerce-faq\"><strong>Shortcode WooCommerce<\/strong> &ndash; <strong>FAQ<\/strong><\/h2><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1734013897675\"><h3 class=\"schema-faq-question\"><strong>Comment cr&eacute;er un shortcode dans WooCommerce ?<\/strong><\/h3> <p class=\"schema-faq-answer\">Vous pouvez <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/shortcode-wordpress\"><strong>cr&eacute;er un shortcode dans WordPress<\/strong><\/a> en d&eacute;clarant la fonctionnalit&eacute; d&eacute;sir&eacute;e dans le fichier <strong>functions.php <\/strong>du th&egrave;me et en l&rsquo;enregistrant en tant que shortcode. Cependant, si cela concerne le contenu et les fonctionnalit&eacute;s existantes de WooCommerce, vous pouvez simplement ajouter les shortcodes int&eacute;gr&eacute;s &agrave; la page ou &agrave; l&rsquo;article de votre choix en utilisant le bloc de code court de WordPress.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1734013906732\"><h3 class=\"schema-faq-question\"><strong>Comment modifier des shortcodes dans WooCommerce ?<\/strong><\/h3> <p class=\"schema-faq-answer\">Vous ne pouvez pas &eacute;diter directement les shortcodes de WooCommerce, mais vous pouvez personnaliser leur sortie en ajoutant des param&egrave;tres. Par exemple, <strong>[products orderby=&rdquo;popularity&rdquo;]<\/strong> affiche les produits en fonction de leur nombre d&rsquo;achats. Envisagez d&rsquo;utiliser un code personnalis&eacute; ou un plugin de shortcodes pour personnaliser les fonctionnalit&eacute;s des shortcodes existants.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1734013917635\"><h3 class=\"schema-faq-question\"><strong>Les shortcodes affectent-ils le r&eacute;f&eacute;rencement ?<\/strong><\/h3> <p class=\"schema-faq-answer\">Les codes courts n&rsquo;ont pas d&rsquo;incidence directe sur le r&eacute;f&eacute;rencement, mais le contenu qu&rsquo;ils g&eacute;n&egrave;rent en a une. Par exemple, si un code court affiche les produits les plus vendus, les moteurs de recherche indexeront ce contenu comme ils le feraient s&rsquo;il &eacute;tait ajout&eacute; manuellement.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si vous poss&eacute;dez un site WooCommerce, le fait de savoir comment utiliser les shortcodes, ou codes courts, peut vous aider &agrave; tirer le meilleur parti du plugin. Il s&rsquo;agit de petits morceaux de code que vous pouvez placer dans vos pages ou articles WordPress pour ajouter des fonctionnalit&eacute;s sp&eacute;cifiques de WooCommerce sans avoir &agrave; coder. [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/shortcodes-woocommerce\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":355,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Shortcodes WooCommerce : Liste compl\u00e8te et guide pratique","rank_math_description":"Simplifiez la gestion de votre boutique avec les shortcodes WooCommerce. D\u00e9couvrez les plus utilis\u00e9s dans cet article.","rank_math_focus_keyword":"shortcode woocommerce","footnotes":""},"categories":[4777,5646],"tags":[],"class_list":["post-36739","post","type-post","status-publish","format-standard","hentry","category-wordpress","category-ecommerce"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/woocommerce-shortcodes","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/shortcodes-woocommerce","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/shortcodes-woocommerce","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/woocommerce-shortcode","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/woocommerce-shortcodes","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/woocommerce-shortcodes","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/woocommerce-shortcodes","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/shortcodes-woocommerce","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/shortcodes-woocommerce","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/shortcodes-woocommerce","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/woocommerce-shortcodes","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/woocommerce-shortcodes","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/woocommerce-shortcodes","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/woocommerce-shortcodes","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/36739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=36739"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/36739\/revisions"}],"predecessor-version":[{"id":36845,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/36739\/revisions\/36845"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=36739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=36739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=36739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}