WooCommerce : Comment démarrer avec les blocs WooCommerce – PARTIE 2

WooCommerce est l'une des principales plates-formes de commerce électronique marquant son territoire dans l'industrie du commerce électronique, un site Web à la fois - avec plus de 5 millions de téléchargements. Elle propose une solution complète de boutique en ligne pour les petites et moyennes entreprises et les professionnels du web.

Et maintenant, l'équipe de développement travaille à rendre WooCommerce entièrement compatible avec Gutenberg. Et la première phase consiste à créer des blocs WooCommerce personnalisés pouvant être utilisés dans le nouvel éditeur WordPress.

Ces blocs sont gratuits et vous permettent de personnaliser et de modifier l'apparence complète de votre boutique WooCommerce - sans taper une seule ligne de code. Avec un simple outil de glisser-déposer, vous pouvez placer les produits de votre magasin n'importe où sur le site Web dans le format souhaité.

Dans la partie 1 de cet article, nous avons vu dix blocs WooCommerce et leur signification. Dans cet article, nous parlerons de dix autres blocs que vous pouvez utiliser pour une boutique en ligne interactive. Mais d'abord, apprenons à ajouter et à modifier ces blocs sur votre boutique.

Comment ajouter et modifier des blocs WooCommerce ?

Pour ajouter des blocs WooCommerce, assurez-vous d'abord de télécharger une copie du plugin WooCommerce Blocks.

Une fois que vous l'avez installé, il devient facile d'utiliser les blocs WooCommerce personnalisés dans n'importe quelle page/publication. Cliquez sur l'icône "ajouter un bloc" [+], sélectionnez le bloc WooCommerce que vous souhaitez ajouter, puis faites simplement glisser et déposez à un emplacement approprié sur votre page.

Conseil de pro : pour ajouter rapidement des blocs à votre boutique, utilisez le raccourci clavier "/" - qui affichera une liste des blocs WooCommerce disponibles.

Dans le même temps, l'édition de blocs est également facile. Cliquez sur le bloc que vous souhaitez modifier et choisissez une option de personnalisation appropriée, comme ajuster le nombre de lignes ou de colonnes, dans le panneau de droite de la personnalisation des blocs. Les modifications que vous apportez mettront à jour le bloc.

Maintenant que vous savez comment ajouter et modifier des blocs, passons au prochain ensemble de dix blocs WooCommerce que vous pouvez ajouter à votre boutique de commerce électronique et faciliter la recherche de produits.

Une liste des blocs WooCommerce essentiels [Partie 2]

11. Produits en solde

En utilisant le bloc de produits en vente - vous pouvez saisir et afficher tous les produits en vente dans votre magasin dans une grille présentable et standard.

Vous pouvez modifier le nombre de lignes et de colonnes de la grille et choisir de masquer ou d'afficher le titre du produit, la note, le prix et un bouton d'ajout au panier. Vous pouvez également ajouter un filtre pour permettre à vos clients de filtrer les produits en vente par différentes catégories.

12. Recherche de produit

Le bloc de recherche de produits WooCommerce est l'un des blocs les plus utiles et uniques qui ajoute un champ de recherche sur votre boutique pour permettre à vos clients de saisir des mots clés spécifiques et de rechercher les produits.

Ce bloc est livré avec une seule option de personnalisation pour afficher ou masquer le libellé du champ de recherche.

Conseil de pro : il est recommandé de placer le bloc de recherche de produits dans la barre latérale ou l'en-tête de votre boutique en ligne et non directement sur la page. En effet, si votre client recherche un produit, la page de résultats du produit n'affichera pas le champ de recherche si vous le placez dans la page, ce qui entraîne une mauvaise expérience client.

13. Liste des catégories de produits

Ce bloc affiche une liste de toutes les catégories de produits. Vous pouvez choisir d'afficher les catégories via une liste déroulante ou dans une liste. Des exemples de catégories peuvent être des sweats à capuche, des tee-shirts, des chaussures ou des accessoires.

Vous avez le choix de masquer ou d'afficher les images de catégorie, la hiérarchie des catégories (ou sous-catégories), le nombre de produits et les catégories vides (catégories sans produits attribués - ce qui n'est guère possible).

L'affichage d'une liste de toutes vos catégories de produits peut permettre à vos clients de naviguer et de visualiser facilement les différents produits et catégories de produits que vous vendez sur votre boutique WooCommerce.

14. Produits par attribut

Le bloc Produits par attribut vous permet de filtrer les produits par attributs, tels que la couleur ou la taille, et de les afficher dans une grille. Ce bloc permet aux clients de sélectionner facilement les attributs de produit spécifiques de leur choix.

Ses options de personnalisation sont similaires aux autres blocs WooCommerce où vous pouvez masquer ou afficher la note du produit, le titre, le prix, le bouton Ajouter au panier et ajuster le nombre de lignes et de colonnes de la grille.

15. Produits par étiquette

Ce bloc offre une option de filtrage plus fine et granulaire pour vos clients.

À l'aide du bloc Produits par balise, vous pouvez répertorier vos produits en fonction de certaines balises. Par exemple, si le produit est un chapeau, les étiquettes peuvent être un bob, un polo, un chapeau de cow-boy ou un canotier. Ses options de personnalisation sont similaires à celles du bloc Produits par attribut.

16. Avis par produit

Les avis par produit sont un bloc simple qui ne comporte pas beaucoup d'options de personnalisation.

Ce bloc vous permet d'afficher tous les avis d'un produit spécifique que vous choisissez dans la liste. Par exemple, si vous choisissez le chapeau du produit, ce bloc affiche tous les avis reçus sur le chapeau du produit dans votre magasin.

Le bloc Avis par produit joue un rôle majeur dans le renforcement de la confiance des clients dans votre produit et votre marque spécifiques.

17. Avis par catégorie

Le bloc Avis par catégorie est presque similaire au bloc "Tous les avis" que nous avons abordé dans la partie 1 de l'article. La seule différence est que vous pouvez filtrer et afficher les avis en fonction de catégories de produits spécifiques dans ce bloc.

Vous pouvez choisir de masquer ou d'afficher le nom du produit, l'image du produit, la note du produit, le nom de l'avis, les données de l'avis, le contenu de l'avis et la photo de l'auteur. Vous pouvez également choisir d'ajouter le bouton Ajouter au panier.

Encore une fois, le bloc Avis par catégorie permet à vos clients de prendre des décisions d'achat plus éclairées en parcourant les avis des autres acheteurs.

18. Produits les mieux notés

Le bloc Produits les mieux notés affiche une grille de tous vos produits avec leur classement par étoiles. Si certains de vos produits ont des étoiles alors que d'autres n'en ont pas, la grille sera triée par les produits les mieux notés ou les mieux notés et le reste des produits par l'ordre de tri par défaut.

Ses options de personnalisation sont similaires à d'autres blocs qui affichent les produits dans une grille, comme le bloc Produits en vente. Cependant, il est également livré avec une option de filtre supplémentaire par catégorie - permettant aux clients de filtrer les produits les mieux notés avec les catégories de leur choix.

19. Produits triés sur le volet

Le bloc Produits sélectionnés à la main vous permet de sélectionner manuellement des produits spécifiques de votre choix et de les afficher dans une grille de produits WooCommerce standard.

Vous pouvez sélectionner autant de produits de votre choix pour générer un maximum de trafic vers eux et augmenter les ventes.

De plus, vous pouvez personnaliser la mise en page de vos produits triés sur le volet, masquer/afficher le titre du produit, le nom du produit, la note du produit, le bouton Ajouter au panier, définir les options de filtre et de commande, et même définir le nombre total de colonnes de produits.

20. Filtrer les produits par stock

À l'aide du bloc Filtrer les produits par stock - vous pouvez afficher les produits de votre magasin en fonction de l'état des stocks. Par exemple, vous pouvez choisir le statut entre en rupture de stock, en stock ou en rupture de stock.

Vous pouvez choisir le niveau de titre (H2, H3 ou H4), afficher ou masquer le nombre de produits et ajouter un bouton de filtre facultatif, comme « Aller ». Outre celles-ci, aucune autre option de personnalisation n'est disponible sur ce bloc.

Ce bloc est un moyen simple de permettre à vos clients de voir quels produits sont en stock, en rupture de stock et en rupture de stock, afin qu'ils puissent connaître la disponibilité des produits qu'ils recherchent.

Conclusion

Les blocs WooCommerce sont d'excellents moyens de créer une boutique de commerce électronique stellaire et de promouvoir des produits sur n'importe quelle page de magasin ou un article de blog.

Tout en affichant les catégories et les produits en vedette et en affichant les produits les plus vendus et les plus récents, vous pouvez maximiser les conversions et les ventes de produits spécifiques. Dans le même temps, l'affichage des avis des clients, la fourniture d'options de filtrage des produits et un champ de recherche de produits améliorent considérablement l'expérience d'achat des clients.

L'ajout de ces blocs à votre boutique de commerce électronique permet à vos clients de trouver exactement les produits et les catégories de produits qu'ils recherchent, ce qui les aide à acheter plus rapidement.

De plus, ajouter et modifier ces blocs est une évidence, et vous pouvez facilement le faire avec des options et des paramètres de personnalisation simples.

Ainsi, assurez-vous de tirer le meilleur parti des blocs WooCommerce mentionnés dans cet article pour personnaliser vos pages WooCommerce, créer une expérience riche pour vos clients, promouvoir vos produits de la meilleure façon possible et augmenter les ventes de votre entreprise.

Si vous avez manqué la partie 1 de cet article, lisez-la ici pour connaître la gamme complète des blocs WooCommerce que vous pouvez utiliser sur votre boutique en ligne.