WooCommerce fournit des shortcodes pour insérer facilement un certain nombre d’éléments sur les pages de commerce électronique.

Voyons ce qu’ils sont et ce qu’ils vous permettent d’afficher sur votre site. Les shortcodes présentés doivent être insérés au sein d’une page ou d’un article, en utilisant l’éditeur visuel.

Cart

Le panier de la boutique est affiché.

Checkout

La page de paiement s’affiche, avec le formulaire d’information sur la facturation et l’expédition, le récapitulatif de la commande comprenant les coûts des produits, les tarifs et les frais d’expédition, la liste des modes de paiement acceptés et le bouton pour terminer la commande.

Mon compte

C’est la page de gestion du compte de l’utilisateur, où les commandes sont affichées, les fichiers et les factures sont téléchargés, les données de compte, de facturation et d’expédition sont gérées, et l’utilisateur se déconnecte.

Suivi de commande

Les clients accèdent à un formulaire de suivi de commande, où ils peuvent entrer les détails de leur commande et voir le statut de leur commande (par exemple, si elle a été expédiée ou si elle est toujours en cours).

Les derniers produits

Les derniers produits ajoutés à la boutique sont affichés sur la page.

Nous pouvons personnaliser davantage le shortcode au moyen de certains attributs :

• per_page : on indique le nombre d’éléments (produits) à afficher par page ;
• columns : on indique le nombre de colonnes ;
• orderby : détermine les critères de tri des produits affichés (les paramètres utilisables sont disponibles en cliquant ici);
• ordre : choisit d’afficher les produits par ordre croissant ou décroissant.

Par exemple:

Cela montrera 6 produits par page, divisés en trois colonnes (nous avons donc 3 produits sur deux lignes) et triés par titre dans l’ordre croissant.

Produits mis en évidence

Les produits que nous avons mis en évidence sont affichés.

Des attributs associés peuvent également être utilisés ici pour déterminer le nombre de produits à afficher par page, le nombre de colonnes et le type de tri.

E.g.:

Ceci montre 3 produits par page, divisés en trois colonnes, et triés par ordre croissant de titre.

Produit unique

Un seul aperçu du produit est affiché sur la page (comme nous le verrions dans les archives des produits). Avec id, nous indiquons le numéro d’identification du produit à afficher. Nous pouvons afficher l’ID d’un produit dans la liste des produits en cliquant sur le titre du produit.

Au lieu de l’ID, nous pouvons afficher le code du produit (attribué par l’administrateur de la boutique dans l’onglet des données du produit).

Le code d’exemple (« DD345 ») est évidemment remplacé par le code réel du produit.

Plus de produits

Ce shortcode permet d’afficher une liste de plusieurs produits sur la page. On utilise les ids pour indiquer les ID des produits que l’on souhaite afficher, avec une virgule entre eux.

Les attributs vus précédemment peuvent être utilisés pour déterminer le nombre de colonnes et pour ordonner les produits.

Par exemple :

Au lieu des ID, on peut insérer les produits en indiquant leurs codes. L’attribut skus doit être utilisé dans ce cas.

Page produit

Ce shortcode affiche la page du produit : l’image, le prix, la description courte, la description complète et les onglets d’avis, ainsi que tout produit connexe.

Il est également possible de substituer le code à l’ID, en utilisant l’attribut sku.

Produits dans une catégorie

Ce shortcode permet d’afficher sur la page les produits d’une catégorie spécifique, indiquée par l’attribut category. La valeur saisie doit être le slug de la catégorie que nous souhaitons afficher (dans l’exemple c’est « dvd »).

Vous pouvez définir le nombre de produits à afficher, le nombre de colonnes et le tri, en utilisant les paramètres déjà vus.

Exemples:

Catégories de produits

Ce shortcode affiche la liste des catégories de produits sur la page.

Si nous voulons afficher seulement quelques catégories, nous pouvons indiquer leurs ID. Pour connaître l’identifiant d’une catégorie, nous devons afficher le permalien administratif de la catégorie.

En plus des paramètres déjà mentionnés, per_page, columns, orderby, order, il est possible d’utiliser deux autres paramètres spécifiques à ce shortcode :

• hide_empty : permet de masquer les catégories sans produits ;
• parent : permet d’afficher uniquement les catégories parents et non les catégories ou sous-catégories enfants (la valeur à utiliser est 0).

Exs.

Dans ce cas, nous ne montrons que les catégories principales et pas les sous-catégories de produits.

Produits en vente

Ce shortcode vous permet de montrer les produits les plus vendus sur la boutique.

Produits les plus populaires

Ce shortcode montre la liste des produits qui ont été votés par les utilisateurs.

Produits avec certains attributs

Ce shortcode montre les produits qui ont la valeur indiquée dans le shortcode pour un certain attribut. Avec attribut nous indiquons l’attribut pour lequel nous filtrons l’affichage des produits et avec filtre nous indiquons la valeur de l’attribut : Dans l’exemple, sont affichés les produits qui ont l’attribut « mémoire » (par exemple la mémoire d’un smartphone) avec une valeur de « 48GB ».

Ajouter au panier

Le bouton pour l’achat (ajout au panier) d’un certain produit est inséré, indiqué par l’ID.

Alternativement, il est possible d’indiquer le produit par code au lieu de l’ID.

.