Shortcodes WordPress WooCommerce : tout ce que vous devez savoir et liste utile

Les shortcodes 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 pour offrir à vos visiteurs une expérience optimale. L'objectif final est toujours de simplifier la vie de vos visiteurs.

Tous les propriétaires de sites web craignent que leur offre paraisse obsolète du point de vue de la mise en page. Pour une boutique en ligne, c'est encore plus inquiétant, car cela peut entraîner une baisse des ventes. Cependant, outre un design soigné, l'ajout de raccourcis est un autre moyen de dynamiser une boutique WooCommerce.

Que sont les codes courts WooCommerce ?

Ce sont de petits extraits 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 au sein de la boutique (telles que le panier ou votre section de suivi de commande)
• Produits spécifiques que vous souhaitez commercialiser

Ajout de codes courts WooCommerce

Bien que le terme puisse paraître technique, l'avantage des shortcodes WooCommerce est qu'ils sont faciles à ajouter. Vous n'avez même pas besoin de savoir coder. Grâce à Gutenberg, il suffit d'insérer (c'est-à-dire de copier-coller) le shortcode dans un bloc « Shortcode » ou un générateur de pages.

Vous pouvez insérer différents codes courts dans une seule page et en avoir plusieurs à proximité les uns des autres.

Les plugins essentiels

Bien que WooCommerce propose son propre ensemble de codes courts, quelques plugins vous permettent d'accéder à encore plus de codes courts. Rendez-vous sur le tableau de bord d'administration de WooCommerce pour découvrir Plugin > Ajouter un nouveau à droite. Vous pouvez ajouter les plugins ci-dessous.

• Aperçu rapide de WooCommerce Pro. Installez-le sur votre site WordPress et vous obtiendrez automatiquement de nouveaux boutons d'aperçu rapide sur votre interface. Ceux-ci permettront aux visiteurs d'accéder à des informations comme les attributs et les variantes, et d'ajouter des produits au panier sans quitter leur page actuelle.
• Tableau des produits WooCommerce Ce plugin vous permet d'utiliser le shortcode [product_table], qui vous permet d'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.
• Codes courts WooCommerce de WooThemes Une fois installé et activé, ce plugin ajoute un bouton déroulant TinyMCE à votre éditeur de texte, avec un accès facile à tous les codes courts intégrés. C'est un gain de temps considérable, car vous n'aurez plus à copier-coller les codes courts à chaque utilisation.

Ci-dessous, vous trouverez certains des codes courts les plus utiles, divisés en trois catégories principales : pages, affichage des produits et actions.

1. Codes courts vers les pages

Facilitez la vie de vos clients en leur donnant accès aux pages essentielles sans avoir à quitter celle sur laquelle ils naviguent actuellement.

• Mon compte Ajoutez le compte WooCommerce n'importe où sur le site via le shortcode.
• Panier Affichez le panier d'achat personnalisé de votre client sur les pages, les articles, les widgets et les barres latérales WordPress avec le shortcode.
• Vérifier Insérez la page de paiement où vous le souhaitez (par exemple sous un tableau de produits) à l'aide du shortcode.
• Suivi des commandes La fonctionnalité de suivi des commandes n'est pas incluse dans 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 emplacement.

Voici les exemples de codes courts :

2. Affichage du produit

Présentez vos produits selon différents critères avec les codes courts WooCommerce suivants :

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

3. Actions

Permettez aux clients d'effectuer facilement des actions sans quitter leurs pages actuelles :

• Ajouter au panier Insérez un bouton pour un article spécifique où vous le souhaitez. N'oubliez pas d'ajouter le code correspondant au produit, par exemple
• Recherche de produit 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 de publications avec le shortcode.

Dépannage

Il peut arriver que vous ayez correctement collé des shortcodes WooCommerce dans l'éditeur de texte, mais que le rendu soit incorrect sur le front-end. Dans ce cas, ouvrez l'éditeur de texte HTML et vérifiez que vous n'avez pas accidentellement intégré des balises <pre>.

En conclusion

Chez Bright Vessel, nous sommes spécialisés dans la conception WordPress, notamment WooCommerce, depuis près de 20 ans. Nous sommes la solution idéale pour créer une solution e-commerce performante 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.