Shortcodes WooCommerce pour individualiser les pages

Dernière mise à jour - 24 septembre 2020

WooCommerce propose une liste élaborée de codes abrégés pour vous aider à insérer du contenu dans vos pages et publications. Même si WooCommerce est livré avec un ensemble judicieux d'options d'affichage, vous souhaiterez peut-être personnaliser encore plus l'affichage. Les codes abrégés vous permettent d'afficher facilement des produits ou un ensemble de produits en fonction de vos besoins. Ils peuvent être très pratiques lorsque vous essayez de créer des pages de destination pour des produits particuliers faisant partie de campagnes marketing. Ou, lorsque vous souhaitez créer une identité unique pour votre magasin. Un peu de connaissances en programmation sera vraiment utile lorsque vous essayez de gérer des codes abrégés. Cependant, il existe également plusieurs plugins qui utilisent des codes abrégés pour fournir différentes fonctionnalités. Cet article devrait vous donner une idée des divers shortcodes WooCommerce que vous pouvez utiliser dans votre boutique. Nous aborderons également l'utilisation de quelques plugins qui vous aideront à ajouter des fonctionnalités supplémentaires à l'aide de shortcodes.

Shortcodes WooCommerce pour les pages

Les codes courts pour les pages sont généralement ajoutés automatiquement lorsque vous utilisez l'assistant de configuration de WooCommerce. Si vous voulez en savoir plus, notre autre article sur les pages WooCommerce peut également vous aider. Néanmoins, pour avoir une perspective, nous passerons en revue les codes abrégés WooCommerce pour les pages ici.

Chariot

Vous pouvez utiliser ce shortcode pour spécifier une page de panier pour votre boutique. Le shortcode de la page du panier permet d'afficher le contenu du panier. Il agit également comme une interface permettant aux clients d'appliquer des codes de réduction et d'autres éléments interactifs nécessaires sur la page. Il n'y a pas d'autres arguments que vous pouvez combiner avec ce shortcode.

Vérifier

Ce shortcode vous aide à afficher le contenu de la page de paiement WooCommerce. Lisez notre article sur l'optimisation de la page de paiement si vous souhaitez en savoir plus.

Mon compte

Ce shortcode permet d'afficher les informations de compte pour chaque client. Cela inclut les commandes passées et le profil de l'utilisateur. Par défaut, il affichera 15 commandes, que vous pouvez définir sur toutes les commandes en utilisant -1. L'argument de l'utilisateur actuel est automatiquement défini.

Formulaire de suivi de commande

Celui-ci aide les utilisateurs à trouver le statut de leurs commandes en saisissant les informations pertinentes liées à cette commande.

Shortcodes WooCommerce pour les produits

Dans les dernières versions de WooCommerce, le shortcode des produits a subi des changements majeurs et il remplace diverses autres chaînes précédemment utilisées. Au lieu de cela, dans la dernière version de WooCommerce, vous pouvez utiliser une combinaison d'attributs avec

. La documentation WooCommerce classe les codes abrégés des attributs de produit disponibles en trois sections. Affichage, contenu et spécial.

Afficher les attributs du produit

Voici une liste des attributs disponibles pour l'affichage :

limit – aide à spécifier le nombre de produits à afficher. Si vous voulez tout afficher, vous pouvez utiliser -1. par exemple:

affichera 5 produits.

colonnes – spécifiez le nombre de colonnes à afficher. La valeur par défaut est 4.

orderby - ce shortcode permet de trier les produits selon une option que vous spécifiez. Vous pouvez même spécifier plusieurs options avec un espace entre elles. Les options disponibles pour trier sont la date, l'identifiant, la popularité, le menu_order, le rand, la note, le titre, etc. Le titre est l'option par défaut pour le tri. la popularité sera décidée en fonction du nombre d'achats. rand est une commande de produit aléatoire ; cela pourrait ne pas fonctionner si vous utilisez la mise en cache sur votre site.

par exemple:

skus - celui-ci affiche une liste de SKU séparés par des virgules.

catégorie – liste de catégories séparées par des virgules.

ordre - cela donne une indication si l'ordre des produits est croissant ou décroissant. Par défaut, l'ordre sera croissant.

class - il ajoute une classe wrapper HTML, pour vous aider à modifier la sortie avec un CSS personnalisé.

Maintenant, il y a trois attributs que vous ne pouvez pas utiliser ensemble. Ceux-ci sont en vente, les plus vendus et les mieux notés. Vous devez les utiliser séparément pour afficher les produits soldés, les plus vendus et les mieux notés dans votre magasin.

Attributs du produit de contenu

– vous aide à récupérer des produits spécifiques en fonction de l'attribut.

termes – fournit une liste de termes séparés par des virgules à utiliser avec chaque attribut. Vous pouvez également spécifier Terms_operator pour déterminer comment les produits sont exclus ou inclus. Cela inclut 'AND', 'IN' et 'NOT IN'. 'IN' est la valeur par défaut de term_operator.

visibilité - Vous pouvez également définir la visibilité des produits en fonction des options spécifiées. Les options disponibles sont 'visible', 'catalogue', 'recherche', 'caché' et 'en vedette'. Visible signifie que les produits sont visibles dans la boutique et dans les résultats de recherche. Catalogue signifie que les produits sont visibles sur la page de la boutique, mais pas dans les résultats de recherche. L'option de recherche est à l'opposé - les produits seront visibles sur la recherche, mais pas sur la page de la boutique. L'option masquée rendrait le produit non visible dans la recherche ou sur la page de la boutique. Seule une personne disposant de l'url du produit pourra y accéder.

catégorie - vous aide à récupérer des produits spécifiques en fonction d'une catégorie. Il existe également un cat_operator disponible qui détermine comment les catégories seront affichées en combinaison. Semblable à ce que nous avons vu en termes, ce sont 'AND', 'IN' et 'NOT IN'.

ids - affichera les produits en fonction d'une liste d'ID de produit séparés par des virgules.

skus – affichera les produits en fonction d'une liste de SKU séparés par des virgules.

Attributs spéciaux du produit

best_selling – affichera les produits les plus vendus dans votre magasin. Vous devez le définir sur "true", par exemple :

on_sale – affichera les produits de votre magasin qui sont en solde. Comme dans le cas ci-dessus, vous devez le définir sur "true".

Notez également que vous ne pouvez pas utiliser les attributs de produit spéciaux en combinaison avec les attributs de contenu. Les attributs spéciaux doivent être utilisés séparément.

Codes abrégés de la page produit

Si vous souhaitez afficher une seule page de produit, vous pouvez le faire en fonction de l'ID ou du SKU. Le shortcode pour cela serait

ou .

Produits connexes

Ce shortcode permet de répertorier les produits associés sur une page produit. Vous pouvez utiliser différents arguments comme 'limit', 'columns' et 'orderby' en conjonction avec ceci. par exemple: .

Ajouter au chariot

Cela permet d'afficher le prix et le bouton Ajouter au panier pour un produit spécifique. Vous pouvez spécifier le produit par ID. par exemple: .

Ajouter au panier URL

Cela permet de faire écho à l'URL sur le bouton d'ajout au panier d'un seul produit. Vous pouvez préciser le produit par ID> ex : .

Afficher les notifications sur les pages non WooCommerce

Parfois, vous devez afficher des notifications sur certaines pages autres que les pages WooCommerce par défaut. [messages de la boutique] vous aideront à y parvenir. Par exemple, lorsque vous utilisez d'autres shortcodes comme add_to_cart, cela peut être très pratique.

Les shortcodes WooCommerce peuvent être très utiles lorsque vous essayez d'individualiser l'affichage des produits sur votre boutique. Si vous souhaitez lire plus d'exemples et de scénarios réels, cette documentation WooCommerce peut vous aider beaucoup.

Plugins de codes courts WooCommerce

La communauté WooCommerce a quelques plugins qui utilisent des codes abrégés pour différentes fonctionnalités. Jetons un coup d'œil à certains d'entre eux.

Shortcodes pour Visual Composer

Ce plugin fournit un moyen simple et efficace d'ajouter des shortcodes sur Visual Composer. Cela vous aidera à personnaliser l'avant de votre magasin de manière plus organisée comme vous le souhaitez. Cependant, vous devrez peut-être noter que le plugin ne permet que d'ajouter des codes abrégés au compositeur visuel. Les éléments de votre frontal dépendront principalement du thème que vous utilisez. Si vous recherchez des thèmes WooCommerce géniaux, consultez notre article.

Codes abrégés des coupons

Le plugin aide à fournir des informations sur les coupons aux clients afin qu'il y ait plus de chances de conversion. Il aide également à afficher le contenu en fonction de la disponibilité des coupons valides. Vous pouvez inciter les clients à finaliser la commande en fournissant des coupons spécifiques en fonction du contenu de leur panier. De même, vous pouvez les motiver à augmenter la valeur de la commande afin qu'ils puissent appliquer un coupon spécifique. Le plugin fournit un ensemble de shortcodes conditionnels, que vous pouvez utiliser pour définir les options que vous souhaitez. Vous pouvez autoriser l'affichage d'un contenu spécifique selon que le client applique ou non le coupon. De même, vous pouvez également afficher de manière sélective le contenu en fonction de la validité du coupon.

Ce sont les codes courts disponibles - [coupon_is_applied], [coupon_is_not_applied], [coupon_is_valid], [coupon_is_not_valid]. Vous pouvez également fournir des informations sur les coupons en utilisant quelques autres shortcodes tels que [coupon_code], [coupon_description] et [coupon_discount]. De plus, vous pourrez afficher tous les coupons ou un ensemble de coupons en utilisant [coupon_enumerate].

Si vous vous demandez comment une stratégie de coupon efficace peut aider les efforts de marketing de votre magasin, veuillez lire notre article sur la gestion des coupons WooCommerce.

Mes téléchargements Shortcode

Si vous vendez des produits téléchargeables sur votre boutique, ce plugin peut être très pratique. Il aide à afficher les téléchargements disponibles pour les utilisateurs connectés, en dehors de la page Mon compte. Le shortcode [woocommerce_my_downloads] affiche la date de la commande et le nom du fichier dans une liste non ordonnée.

Si vous recherchez des conseils spécifiques sur la façon de vendre des téléchargements numériques, un autre article peut vous aider.

Code abrégé des avis SIP

Ce plugin permet d'afficher les critiques de produits n'importe où sur votre boutique WooCommerce. Le plugin hautement personnalisable permet également d'insérer le schéma du produit. C'est un excellent outil pour vos efforts de marketing. Par exemple, si vous avez une landing page personnalisée, vous pourrez insérer des avis produits sur la page à l'aide d'un shortcode. Ou, si vous souhaitez intégrer votre section d'avis sur une page de blog, vous pouvez le faire avec ce plugin. Le plugin supprime l'effort manuel nécessaire pour afficher les avis sur les produits ailleurs sur le site.

Le plugin de code court SIP Reviews offre une intégration transparente avec la plupart des thèmes WooCommerce populaires. Ceci est réalisé par la fonction unique de personnalisation des couleurs du plugin. De plus, il vous permet d'obtenir le schéma du produit dans n'importe quelle page. Par défaut, WooCommerce a un schéma de produit sur la page du produit. Si vous voulez qu'il soit là sur n'importe quelle autre page en fonction de vos besoins, vous pouvez l'avoir. Vous pouvez acheter une licence régulière du plugin pour 16 $. Vous bénéficierez de six mois d'assistance avec l'achat. Cependant, si vous souhaitez opter pour un support prolongé de 12 mois supplémentaires, vous pouvez payer 4,50 $ pour l'obtenir.

Conclusion

WooCommerce offre d'excellentes options pour configurer et personnaliser une boutique en ligne. Cependant, la beauté de WooCommerce réside dans la façon dont il intègre des modifications et une personnalisation supplémentaires. Les codes abrégés WooCommerce sont l'une de ces fonctionnalités qui offrent une flexibilité impressionnante pour personnaliser votre boutique. Dans les dernières versions, WooCommerce a vraiment simplifié l'utilisation des shortcodes. Cet article a couvert les shortcodes disponibles pour les dernières versions de WooCommerce. Sur une note différente, nous avons également couvert certains des plugins qui utilisent des codes abrégés pour étendre les fonctionnalités du magasin. Faites-nous savoir si vous souhaitez ajouter un aperçu à cet article.