Shortcodes WordPress WooCommerce : Tout ce qu'il faut savoir et liste utile

Les shortcodes de WooCommerce sont l'une des fonctionnalités les plus polyvalentes de la plateforme. Ils nous permettent de créer une expérience plus dynamique pour les utilisateurs finaux. Ils peuvent vous aider à ajouter des raccourcis à votre boutique afin que vos visiteurs puissent avoir l'expérience la plus transparente possible. Et c'est toujours l'objectif final : rendre les choses plus faciles pour vos visiteurs.

Tous les propriétaires de sites web craignent que leur offre ne soit périmée du point de vue de la mise en page. Lorsque vous gérez une boutique en ligne, c'est encore plus inquiétant, car cela peut directement entraîner une baisse des ventes. Cependant, en plus d'un design soigné, l'ajout de raccourcis est une autre façon de pimenter les choses dans une boutique WooCommerce.

Que sont les Shortcodes WooCommerce ?

Il s'agit de petits bouts de code que vous pouvez placer n'importe où sur une page et qui offrent des raccourcis visuellement attrayants. Ils peuvent aider vos utilisateurs à accéder plus facilement à :

• Appels à l'action
• Pages du magasin (telles que le panier d'achat ou la section de suivi des commandes)
• Produits spécifiques que vous souhaitez commercialiser

Ajouter des shortcodes WooCommerce

Bien que le terme semble technique, la meilleure partie des shortcodes de WooCommerce est qu'ils sont faciles à ajouter. Vous n'avez même pas besoin de savoir comment coder. Grâce à Gutenberg, le processus consiste simplement à insérer (à savoir, copier+coller) le shortcode dans un bloc "Shortcode" ou un constructeur de page.

Vous pouvez insérer différents shortcodes dans une même page et en avoir plusieurs à proximité les uns des autres.

Les plugins essentiels

Bien que WooCommerce soit livré avec son propre ensemble, il existe quelques plugins qui vous aideront à accéder à encore plus de shortcodes. Rendez-vous sur le tableau de bord d'administration de WooCommerce, et vous trouverez Plugin > Add New sur le côté droit. Vous pouvez y ajouter les plugins ci-dessous.

• WooCommerce Quick View Pro. Installez-le sur votre site WordPress et vous obtiendrez automatiquement de nouveaux boutons d'affichage rapide sur votre page d'accueil. Ceux-ci permettront aux visiteurs d'accéder à des détails tels que les attributs et les variations, et d'ajouter des produits au panier sans quitter la page en cours.
• WooCommerce Product Table. Ce plugin vous permet d'utiliser le shortcode [product_table], qui peut vous aider à utiliser des mises en page autres que la grille par défaut de WooCommerce. C'est un excellent choix si vous souhaitez afficher plus de produits par page.
• WooThemes' WooCommerce Shortcodes. Après l'avoir installé et activé, ce plugin ajoute un bouton déroulant TinyMCE à votre éditeur de texte avec un accès facile à tous les shortcodes intégrés. C'est un gain de temps considérable, car vous n'aurez pas à copier et coller les shortcodes à chaque fois que vous les utiliserez.

Vous trouverez ci-dessous quelques-uns des shortcodes les plus utiles, répartis en trois catégories principales : pages, affichage des produits et actions.

1. Raccourcis vers les pages

Facilitez la vie de vos clients en leur donnant accès aux pages essentielles sans qu'ils aient à quitter la page sur laquelle ils naviguent.

• Mon compte. Ajoutez le WooCommerce My Account n'importe où sur le site grâce au shortcode.
• Panier. Affichez le panier d'achat personnalisé de vos clients sur les pages WordPress, les articles, les widgets et les barres latérales avec le shortcode.
• Paiement. Insérez la page de paiement à l'endroit de votre choix (par exemple sous un tableau de produits) à l'aide du shortcode.
• Suivi des commandes. La fonction de suivi des commandes n'est pas fournie avec WooCommerce, mais vous pouvez l'ajouter vous-même en créant une nouvelle page et en ajoutant le raccourci dans l'éditeur de texte. Vous pouvez également l'ajouter à n'importe quel autre endroit.

Voici les exemples de shortcodes :

2. Présentation du produit

Présentez les produits selon différents critères avec les shortcodes WooCommerce suivants :

Catégories. Listez les catégories de produits (et non les articles) n'importe où sur votre site.

3. Actions

Faites en sorte que les clients puissent facilement entreprendre des actions sans quitter les pages où ils se trouvent :

• Ajouter au panier. Insérez un bouton pour un article spécifique à l'endroit de votre choix. N'oubliez pas d'ajouter le code correct pour le produit, par exemple
• Recherche de produits. Ajoutez une recherche en direct avec des fonctions de filtrage en direct où vous le souhaitez sur votre site, qu'il s'agisse de pages ou d'articles, grâce au shortcode.

Dépannage

On occasion, you'll find that you've pasted WooCommerce shortcodes correctly into the text editor, but it doesn't look right on the front-end. When this happens, head to the HTML text editor and make sure you didn't accidentally embed with <pre> tags.

En conclusion

Chez Bright Vessel, nous nous sommes spécialisés dans la conception de sites WordPress, en nous concentrant sur WooCommerce depuis près de 20 ans. Nous sommes la meilleure option lorsqu'il s'agit de créer une excellente solution de commerce électronique pour votre marque. Contactez-nous pour discuter de la manière dont nous pouvons vous aider à créer la boutique WooCommerce parfaite, adaptée aux besoins spécifiques de votre entreprise.