WooCommerce Codes abrégés

WooCommerce est une solution populaire pour tous les magasins. Cet article couvrira tout ce qui concerne les shortcodes WooCommerce. Nous verrons tout ce qu’il faut savoir sur les shortcodes. Nous passerons du basique à l'avancé. Depuis les shortcodes WooCommerce jusqu’aux utilisations les plus avancées, nous aborderons tout ce que vous devez savoir à ce sujet.

Après avoir lu cet article, vous pouvez facilement ajouter n'importe quel shortcode et créer la page de votre choix.

Qu’est-ce que les shortcodes WooCommerce ?

Les shortcodes peuvent sembler un peu techniques. Cependant, il n’y a pas de quoi s’inquiéter. Ce n’est pas du tout technique et vous pouvez l’utiliser en toute simplicité.

Les codes courts vous permettent d'accéder à des fonctionnalités sur une page WordPress et de publier sans avoir à écrire le code. Les shortcodes utilisés pour WooCommerce sont appelés shortcodes WooCommerce.

Par exemple, si vous souhaitez afficher le panier dans une publication ou une page particulière, vous pouvez utiliser le shortcode pour l'afficher. Vous n'avez pas besoin d'écrire le code complet du panier pour l'afficher.

Nous verrons quels sont les shortcodes et comment vous pouvez les utiliser efficacement et judicieusement.

Pour utiliser ce shortcode, il vous suffit de copier le shortcode et de le coller sur la publication, la page ou à un endroit où le shortcode est placé.

Code court de la page

Pour commencer, nous prendrons d’abord un shortcode de page. Ce sont les shortcodes utilisés pour une page. Par exemple, si vous parlez du panier WooCommerce, il existe une page de panier différente. Ainsi, pour l’afficher, vous devrez utiliser le shortcode.

Voyons quelques-uns des shortcodes.

[woocommerce_cart] – Il s’agit du shortcode que vous pouvez utiliser pour afficher le panier.

[woocommerce_checkout] – Si vous souhaitez afficher la page de paiement, vous devrez utiliser cette caisse.

[woocommerce_order_tracking] – Le suivi de commande est le lieu où l’utilisateur peut retrouver l’avancement de sa commande. Que leur commande soit en cours ou en cours de livraison, toutes ces choses peuvent être connues grâce au suivi de commande.

[woocommerce_my_account] – Si vous souhaitez afficher les informations du compte utilisateur, vous pouvez utiliser ce shortcode particulier.

Voici quelques-uns des codes courts que vous pouvez utiliser en ce qui concerne les codes courts des pages WooCommerce. Vous pouvez utiliser n’importe lequel des shortcodes sur n’importe quelle page.

De plus, si vous souhaitez afficher deux éléments sur une seule page, vous pouvez également le faire. Par exemple, si vous souhaitez afficher le panier et le paiement sur une seule page, vous pouvez coller ces deux shortcodes sur une seule page. Dans de tels cas, le panier et le paiement se trouveront sur la même page. Bien entendu, cela n’est pas du tout recommandé.

Cependant, si vous le souhaitez, vous pouvez afficher la page de suivi de commande sur la page Mon compte, vous pouvez sûrement combiner les deux.

Codes courts des produits WooCommerce

Le suivant est le shortcode du produit. WooCommerce vous permet d'utiliser des shortcodes de produits sur différentes pages. Vous pouvez afficher tous les produits à l’aide du shortcode ou vous pouvez afficher un ensemble spécifique de produits.

De plus, il vous permet également de définir les paramètres puis d'afficher les produits. Pour afficher les produits, vous pouvez utiliser [products] petit code.

Vous pouvez effectuer de nombreux ajustements ici. WooCommerce vous permet d'ajouter beaucoup de choses dans ce shortcode. Vous pouvez définir la limite, vous pouvez définir la catégorie, etc. Vous pouvez sûrement consulter les documents WooCommerce pour une liste complète des attributs et des variantes que vous pouvez utiliser.

Cependant, nous verrons sûrement les shortcodes les plus populaires et leur utilisation.

Parlons d’abord des filtres courants. Heureusement, vous n'avez pas besoin de définir de paramètres pour les produits récents ou les plus vendus, WooCommerce vous permet de les ajouter directement.

Voici les shortcodes que vous pouvez utiliser.

• [featured_products]
• [sale_products]
• [best_selling_products]
• [recent_products]
• [top_rated_products]

Bien sûr, aucune information supplémentaire n’est nécessaire sur le shortcode, n’est-ce pas ?

En ce qui concerne les produits phares, vous pouvez définir n'importe quel produit comme produit phare à partir de la page d'édition du produit. Il y aura une option pour définir le produit comme produit vedette. Vous pouvez l'utiliser et votre travail sera terminé.

Attributs du produit

Désormais, si vous souhaitez afficher uniquement des produits spécifiques, vous pouvez utiliser des attributs. Différents attributs sont disponibles. Tout comme la section ci-dessus, nous verrons certains des attributs populaires dont la plupart des gens auront besoin. Dans la plupart des cas, vous n’utiliserez que ceux-ci.

limite: La limite est utilisée pour définir la limite du produit.

colonnes: Lorsque vous affichez le produit, vous n'aurez parfois besoin que de 1 ou 2 colonnes, vous pouvez le paramétrer avec cet attribut.

orderby: Si vous souhaitez afficher en premier les produits les plus vendus, vous pouvez le faire. De plus, vous pouvez également commander par nom, SKU, etc. Divers attributs sont autorisés ici. Vous pouvez utiliser la date, l'identifiant, la popularité, la date, etc.

category: Il permet de définir les catégories du produit. Vous pouvez ajouter plus de catégories à l'aide de virgules.

Voyons maintenant l'exemple d'un tel shortcode. Cela vous donnera une idée de la façon dont vous pouvez l’utiliser à diverses occasions.

Si vous souhaitez afficher 4 produits sur 2 colonnes et afficher uniquement les produits les plus vendus, vous pouvez utiliser le shortcode suivant.

[products limit="4" columns="2" best_selling="true"]

Si vous souhaitez afficher les produits les plus récents avec la même structure de colonnes que celle indiquée ci-dessus, vous pouvez utiliser le shortcode suivant

[products limit="4" columns="2" orderby="id" order="DESC" visibility="visible"]

Voyons également comment vous pouvez afficher la catégorie de produits.

[products limit="8" columns="4" category="books, ebooks" cat_operator="AND"]

Voici le shortcode pour afficher les produits avec des attributs spécifiques.

[product_attribute attribute='color' filter='blue']

Vous pouvez vérifier plus d’informations sur le shortcode sur le page de documentation. Voyons maintenant un moyen simple d'ajouter le shortcode et d'afficher le produit de la bonne manière.

Les plugins de shortcode

Désormais, les shortcodes ci-dessus étaient faciles à coller. Mais que se passe-t-il si vous souhaitez afficher un ensemble particulier de produits ? Disons que si vous souhaitez diviser toutes les catégories de produits et que vous souhaitez uniquement voir un nombre X de produits sur une seule page. Que ferez-vous dans un tel cas ? Vous devrez vous souvenir du shortcode.

Nous sommes ici soit pour gérer le blog, soit pour gérer l'entreprise, personne n'a assez de temps pour se souvenir du shortcode. C'est pourquoi nous utiliserons un plugin pour afficher tous les produits. Le plugin vous aidera à créer facilement le shortcode.

Il existe de nombreuses options ici lorsque vous choisissez un plugin. Voici une liste restreinte des meilleurs plugins de shortcodes WooCommerce. Vous pouvez utiliser n’importe lequel d’entre eux. Nous vous suggérons d’en essayer quelques-uns, puis de choisir le meilleur. Cela peut varier en fonction de vos besoins.

• Codes courts WooCommerce (le meilleur)
• Kit de codes courts Woo
• Shortcodes WooCommerce pour le compositeur visuel
• Shortcode WooProduct
• Shortcode du coupon WooComemrce
• WooComemrce Shortcode de mes téléchargements

Si vous ne voulez pas perdre votre temps à choisir un plugin, vous pouvez utiliser n'importe lequel des 2 premiers. Le premier (shortcodes WooCommerce) est le meilleur. Vous pouvez trouver gratuitement la plupart d’entre eux dans le répertoire des plugins WordPress. De plus, si vous souhaitez utiliser plus de fonctionnalités, vous pouvez sûrement opter pour la version premium.

Nous allons maintenant voir comment utiliser ces plugins et afficher tous les shortcodes en toute simplicité.

Comment utiliser les plugins Shortcode ?

Désormais, tous les plugins fonctionnent différemment. Il ne sera donc pas possible de couvrir le tutoriel de tous les plugins de shortcodes. Cependant, nous verrons un aperçu des plugins. Par la suite, vous pourrez utiliser la plupart de ces plugins en toute simplicité.

Commençons par l’un des plugins les plus appréciés. Nous verrons dans un premier temps les informations sur les shortcodes WooCommerce.

Le plugin de shortcodes WooCommerce est l’un des plugins les plus simples et les plus pratiques. Tout ce que vous avez à faire est d'installer et d'activer le plugin. Par la suite, il vous suffit de vous rendre sur la page. Lorsque vous accédez à l’option de création de page, vous verrez le plugin dans la barre ci-dessus.

Si vous utilisez TinyMCE, vous verrez l'option dans la barre d'outils supérieure. De la même manière, si vous utilisez l'éditeur Guttenberg, vous verrez l'option shortcode dans l'édition du bloc. À l’intérieur, vous verrez diverses options visuelles.

Par exemple, si vous souhaitez créer un shortcode d’une catégorie spécifique, vous pouvez le faire facilement. Vous devrez saisir l'identifiant et la catégorie dans la zone de champ, puis le plugin générera automatiquement le shortcode pour vous. Vous n’avez donc pas besoin de vous souvenir de quoi que ce soit. C’est le moyen le plus simple de faire les choses en toute simplicité.

Le prochain plugin le kit Woo Shortcodes. Cela augmentera les fonctionnalités de WooCommerce. Par conséquent, si vous souhaitez augmenter les fonctionnalités du site Web WooComemrce, vous devrez installer de tels plugins.

Même si vous vous souvenez de tous les shortcodes, nous vous recommandons fortement d’utiliser un plugin. Comme si vous faisiez une erreur dans le shortcode, il n’affichera aucun produit. Il est toujours préférable d’utiliser un plugin à la place.

Utiliser des codes courts n'importe où

Passons maintenant au dernier sujet qui consiste à créer les pages à l'aide des shortcodes WooCommerce. Nous verrons également comment utiliser le shortcode n’importe où. Vous pouvez utiliser les codes courts à de nombreux endroits, notamment dans les publications, les pages, les types de publications personnalisés, etc.

Tout ce que vous avez à faire est de coller le shortcode sur la page/la publication et vous avez terminé. Si vous utilisez un plugin, vous pouvez simplement cliquer sur les options du plugin depuis l'éditeur et votre shortcode sera généré. Vous pouvez couper/coller le shortcode n’importe où sur la page pour le déplacer. Lorsque vous appuyez sur le bouton Aperçu, les produits réels s'affichent plutôt que le shortcode.

En termes plus simples, le shortcode est utilisé pour afficher le code n’importe où.

Avons-nous simplement mentionné « n’importe où » ? Mais, si vous tapez le shortcode dans la section des widgets, il n’affichera rien mais affichera simplement le shortcode uniquement. Vous ne pouvez donc pas utiliser directement un shortcode dans le widget. Cependant, il existe une méthode pour utiliser le shortcode n’importe où sur votre site WordPress. Voyons-en plus et comment vous pouvez l'utiliser.

Shortcode n'importe où ou partout

Il existe un plugin gratuit appelé «Shortcodes n’importe où ou partout». Cela vous permettra d’ajouter les shortcodes où vous le souhaitez. C'est un plugin gratuit et vous pouvez accéder au répertoire du plugin WordPress lui-même.

Avec l'aide d'un shortcode n'importe où, vous pouvez utiliser le shortcode dans le widget, le titre de l'article, des extraits, etc. Vous ne pouvez pas ajouter le shortcode dans le titre sans utiliser ce plugin.

Ce plugin ne sera pas requis par tout le monde. Si vous souhaitez afficher les produits dans le widget, vous pouvez l'ajouter directement à partir des widgets WooCommerce uniquement. Cependant, si vous souhaitez afficher les produits via un shortcode, vous aurez besoin de ce plugin. Ce n’est donc pas l’un des plugins indispensables. Si vous avez besoin d’ajouter le shortcode à un endroit où il n’est pas pris en charge, vous pouvez sûrement utiliser ce plugin.

En dehors de cela, si vous utilisez un générateur pour créer des pages et que le shortcode n'est pas pris en charge, vous pouvez utiliser ce plugin. En outre, il y aura le plugin shortcode spécifique au constructeur qui est principalement utilisé pour le constructeur particulier, vous pouvez également l'utiliser.

Mot de la fin

Pour conclure, il s’agissait des shortcodes WooCommerce et de la façon dont vous pouvez les utiliser. Si vous souhaitez plus de fonctionnalités dans le shortcode, vous devrez sûrement faire appel aux plugins. Cela facilitera votre travail. Si vous ne souhaitez pas utiliser de plugins, vous pouvez consulter la documentation de WooCommerce et voir quelles sont les choses que vous pouvez faire avec les shortcodes. Le plugin n’est recommandé qu’aux personnes qui souhaitent utiliser souvent les shortcodes. Si vous ne souhaitez l'utiliser qu'une fois de temps en temps, nous vous recommandons de l'utiliser manuellement plutôt qu'un plugin. Un plugin prendra plus de charge. Donc, si vous ne souhaitez pas l'utiliser souvent, vous pouvez consulter la documentation et ajouter le shortcode manuellement.