Gestion des codes courts

Les codes courts (shortcodes) de WooCommerce sont des outils extrêmement puissants. Ils permettent d’insérer des fonctionnalités et des listes de produits dynamiques n’importe où sur votre site WordPress (pages, articles, widgets) sans avoir à écrire une seule ligne de code.

Voici une liste détaillée des principaux codes courts de WooCommerce, classés par catégorie, avec leurs explications et les attributs que vous pouvez utiliser pour les personnaliser.

Comment utiliser un code court ?

Il suffit de copier-coller le code entre crochets [ ] dans l’éditeur de votre page ou article. Si vous utilisez l’éditeur de blocs (Gutenberg), ajoutez un bloc « Code court » et collez-le à l’intérieur.

1. Codes courts des pages essentielles

Ces codes courts sont fondamentaux pour le fonctionnement de votre boutique. Ils sont normalement créés et assignés à des pages automatiquement lors de l’installation de WooCommerce.

Code court	Explication
`[woocommerce_cart]`	Affiche le contenu complet de la page du panier, permettant aux clients de voir leurs articles, d’appliquer des coupons et de passer à la caisse.
`[woocommerce_checkout]`	Affiche le processus de paiement sur la page de validation de commande, où les clients entrent leurs informations de facturation, de livraison et de paiement.
`[woocommerce_my_account]`	Affiche l’espace « Mon Compte » où les clients connectés peuvent consulter leurs commandes, gérer leurs adresses et modifier les détails de leur compte.
`[woocommerce_order_tracking]`	Affiche un formulaire permettant aux clients de suivre l’état de leur commande en saisissant leur numéro de commande et leur e-mail.

2. Codes courts d’affichage des produits

Ces codes courts sont les plus polyvalents et les plus utilisés pour créer des sélections de produits personnalisées sur vos pages.

Code court principal : `[products]`

C’est le code court le plus puissant pour afficher des produits. Il peut être personnalisé avec de nombreux attributs.

Exemples d’utilisation :

Afficher 8 produits récents sur 4 colonnes : [products limit="8" columns="4" orderby="date" order="DESC"]
Afficher les 3 produits les plus vendus : [products limit="3" orderby="popularity" on_sale="false"]
Afficher les produits en promotion de la catégorie « accessoires » : [products category="accessoires" on_sale="true"]

Attributs courants pour `[products]` :

limit : Le nombre total de produits à afficher. (Défaut : -1, pour tous).
columns : Le nombre de colonnes pour la grille de produits. (Défaut : 4).
orderby : Définit le critère de tri. Options :
- date : Par date de publication.
- popularity : Par nombre de ventes.
- rating : Par note moyenne.
- price : Par prix (utilisez avec order).
- title : Par ordre alphabétique.
- rand : Pour un affichage aléatoire.
order : Le sens du tri. Options : ASC (ascendant) ou DESC (descendant).
ids : Affiche des produits spécifiques en listant leurs identifiants, séparés par une virgule (ex: ids="15, 25, 32").
skus : Affiche des produits en listant leurs codes SKU, séparés par une virgule.
category : Affiche les produits d’une ou plusieurs catégories spécifiques (utilisez le « slug » de la catégorie).
on_sale : Pour afficher uniquement les produits en promotion. (Mettre à true).
best_selling: Pour afficher les produits les plus vendus. (Mettre à true).
top_rated: Pour afficher les produits les mieux notés. (Mettre à true).
visibility : Détermine la visibilité des produits. Options :
- visible : Produits visibles sur la boutique et dans les recherches (défaut).
- catalog : Produits visibles uniquement sur la boutique.
- search : Produits visibles uniquement dans les résultats de recherche.
- featured : Affiche uniquement les produits « mis en avant ».

Autres codes courts pour les produits :

Code court	Explication
`[featured_products]`	Affiche les produits que vous avez marqués comme « mis en avant ». Équivaut à `[products visibility="featured"]`.
`[sale_products]`	Affiche tous les produits actuellement en promotion.
`[best_selling_products]`	Affiche les produits les plus vendus.
`[recent_products]`	Affiche les produits ajoutés le plus récemment à votre boutique.
`[top_rated_products]`	Affiche les produits les mieux notés par vos clients.
`[product_attribute]`	Affiche les produits ayant un attribut spécifique (ex: une couleur ou une taille).

3. Codes courts pour les catégories de produits

Ces codes courts permettent d’afficher vos catégories de produits au lieu des produits eux-mêmes.

Code court	Explication	Attributs utiles
`[product_category]`	Affiche les produits d’une catégorie spécifique. (Ex: `[product_category category="chaussures"]`).	`per_page`, `columns`, `orderby`, `category`
`[product_categories]`	Affiche toutes vos catégories de produits sous forme de grille.	`number` (nombre de catégories à afficher), `ids`, `parent` (pour n’afficher que les sous-catégories d’une catégorie parente).

4. Codes courts d’action et divers

Code court	Explication	Attributs
`[add_to_cart]`	Affiche le prix et le bouton « Ajouter au panier » pour un produit unique.	`id` (obligatoire), `sku`
`[add_to_cart_url]`	Ne génère que l’URL pour ajouter un produit au panier (utile pour créer des boutons personnalisés).	`id` (obligatoire), `sku`
`[product_page]`	Affiche la page complète d’un seul produit.	`id` (obligatoire), `sku`
`[shop_messages]`	Affiche les messages de WooCommerce (ex: « Produit ajouté au panier ») sur des pages qui ne sont pas des pages WooCommerce.	Aucun

Leçon Précédent

Retour à la/au Leçon

Chapitre Suivant