Que sont les blocs WooCommerce ? Comment les utiliser efficacement en 2022

De nombreux composants constituent une boutique de commerce électronique réussie, des catalogues de produits et des avis des clients aux fonctions de recherche et de filtrage conviviales. Alors que les blocs WooCommerce vous permettent d'ajouter toutes ces fonctionnalités (et plus), assembler ces éléments peut sembler intimidant.

Heureusement, les blocs WooCommerce sont conçus pour aider les utilisateurs de WordPress à créer facilement des boutiques en ligne. De plus, ils vous permettent de promouvoir vos produits plus efficacement et de générer plus de ventes, le tout sans utiliser les codes abrégés WooCommerce comme vous en auriez besoin par le passé.

Dans cet article, nous examinerons de plus près les blocs WooCommerce et comment y accéder dans WordPress. Nous examinerons ensuite six blocs que vous pouvez ajouter à votre boutique pour augmenter votre taux de conversion. Commençons!

Que sont les blocs WooCommerce ? Une brève introduction

WooCommerce est l'un des outils de commerce électronique les plus populaires pour WordPress. Cette plate-forme gratuite et open source vous permet de créer une boutique en ligne sans investir beaucoup de temps ou d'argent.

De plus, WooCommerce est livré avec une large gamme de blocs auxquels vous pouvez accéder dans l'éditeur de blocs WordPress natif (AKA Gutenberg). Avec ces blocs, vous pouvez répertorier certains ou tous vos produits, afficher des filtres de produits, ajouter un champ de recherche de produits, etc.

De plus, ces blocs remplacent de nombreux shortcodes WooCommerce que vous deviez utiliser dans le passé, ce qui vous offre une expérience plus simple et plus visuelle lorsque vous travaillez dans l'éditeur.

Vous pouvez utiliser ces blocs WooCommerce de la même manière que n'importe quel autre bloc.

Ouvrez la page ou la publication sur laquelle vous souhaitez travailler, cliquez sur le signe plus (+) et recherchez le bloc souhaité :

Vous pouvez également afficher une liste complète des blocs WooCommerce disponibles en cliquant sur le bouton plus (+) dans le coin supérieur gauche de votre écran. Sous l'onglet Blocs , faites défiler jusqu'à la section WooCommerce :

Notez que pour accéder aux blocs WooCommerce, vous devez d'abord installer et activer WooCommerce sur votre site. De plus, si vous utilisez toujours l'éditeur classique, vous devrez passer à l'éditeur de blocs à la place.

Les meilleurs blocs WooCommerce (et comment les utiliser)

Une fois que vous avez installé WooCommerce et téléchargé vos produits, vous pouvez commencer à ajouter de nouvelles fonctionnalités et fonctions à votre boutique. Explorons six blocs WooCommerce utiles et comment les utiliser efficacement sur votre site WordPress.

1. Le bloc Tous les produits
2. Le bloc Produits les mieux notés
3. Le bloc Filtrer les produits par prix
4. Le bloc Recherche de produits
5. Le bloc Tous les avis
6. Le bloc Produit en vedette

1. Le bloc Tous les produits

Le bloc Tous les produits est l'un des éléments les plus essentiels de tout magasin. Il vous permet d'afficher tous vos produits dans une grille soignée :

Par défaut, le bloc affiche le nom, le prix et le nombre d'étoiles pour chaque produit, ainsi qu'un bouton d'appel à l'action (CTA). Il est également livré avec des options de pagination et de tri, ce qui permet aux utilisateurs de parcourir plus facilement votre catalogue de produits.

Comme avec la plupart des blocs WooCommerce, vous pouvez personnaliser la fonctionnalité Tous les produits en fonction de vos besoins. Si vous cliquez sur le bloc, vous obtiendrez une sélection de paramètres dans le panneau de droite :

Là, vous pouvez modifier la disposition de votre grille. Par exemple, vous pouvez modifier le nombre de lignes et de colonnes par page. Vous avez également la possibilité de masquer le menu de tri ou de choisir une autre option par défaut pour commander des produits.

De plus, vous pouvez modifier les éléments de la grille. Pour cela, sélectionnez le bloc et cliquez sur l'icône crayon dans la barre d'outils :

Dans l'aperçu, vous pouvez modifier des éléments individuels tels que l'image, le nom du produit et le bouton CTA :

Vous pouvez réorganiser ces éléments en utilisant les flèches vers le haut et vers le bas dans leurs barres d'outils individuelles. Vous pouvez également supprimer des éléments ou ajouter d'autres blocs de produits, tels que Product Summary ou Product Rating . De plus, ces modifications seront appliquées à tous les produits de votre grille, vous n'avez donc pas à les modifier individuellement.

Nous vous recommandons de limiter au minimum les détails des produits afin d'éviter de submerger les acheteurs avec trop d'informations. Dans le même ordre d'idées, vous souhaiterez peut-être n'afficher que quelques éléments par page.

Il est également préférable d'inclure un bouton Ajouter au panier . De cette façon, les utilisateurs intéressés par un produit particulier peuvent facilement l'ajouter à leurs commandes sans avoir à quitter la page.

2. Le bloc Produits les mieux notés

Recevoir des avis positifs de la part des acheteurs peut être très gratifiant. Mieux encore, vous pouvez tirer parti de ces notes pour augmenter vos ventes.

Le bloc Produits les mieux notés vous permet de présenter les produits avec le plus grand nombre d'avis positifs :

Les notes jouent un rôle essentiel dans le succès de votre magasin. Ils servent de preuve aux nouveaux visiteurs que vos produits sont de haute qualité, ce qui peut vous aider à générer plus de conversions.

Par conséquent, nous vous recommandons d'utiliser le bloc Produits les mieux notés à un endroit bien en vue sur votre site Web. Par exemple, vous pouvez l'ajouter à votre page d'accueil ou à la barre latérale de vos pages de produits.

Lorsqu'il s'agit de personnaliser le bloc Produits les mieux notés , plusieurs options s'offrent à vous. Par exemple, vous pouvez ajuster le nombre de produits que vous souhaitez afficher :

Vous pouvez également masquer des détails particuliers sur les produits, tels que leurs prix. De plus, vous pouvez choisir de n'afficher que les articles les mieux notés dans une catégorie particulière, comme les vêtements.

Si vous n'avez pas encore beaucoup d'avis à présenter, vous pouvez utiliser le bloc Produits les plus vendus à la place. Celui-ci affiche les articles les plus populaires sur votre site en fonction du nombre de ventes réalisées.

Une autre fonctionnalité similaire est le bloc Produits les plus récents . Comme son nom l'indique, cela vous permet de promouvoir vos ajouts les plus récents.

3. Le bloc Filtrer les produits par prix

La fonctionnalité de filtrage permet aux utilisateurs de trouver plus facilement ce qu'ils recherchent. Cela peut être particulièrement utile lorsqu'un acheteur a un budget défini.

Le bloc Filtrer les produits par prix permet aux utilisateurs de définir un prix minimum et maximum à l'aide d'un simple curseur :

Ce bloc fonctionne en conjonction avec le bloc Tous les produits que nous avons présenté précédemment. Une fois qu'un utilisateur a défini une fourchette de prix spécifique, WooCommerce mettra automatiquement à jour la liste des produits pour n'afficher que les articles qui entrent dans ce budget :

Le bloc Filtrer les produits par prix est simple à utiliser. Cependant, vous pouvez rendre les choses encore plus faciles pour vos utilisateurs en leur permettant de saisir des montants spécifiques. Pour ce faire, sélectionnez le bloc et accédez au panneau des paramètres. Sous Fourchette de prix , sélectionnez l'option Modifiable :

Outre le filtrage des produits par prix, vous pouvez également permettre aux acheteurs de rechercher des articles en fonction des attributs du produit, tels que la taille et la couleur. Pour ce faire, vous pouvez utiliser le bloc Filtrer les produits par attribut avec le bloc Tous les produits :

Une autre fonctionnalité pratique est le bloc Filtres actifs . Lorsque vous l'ajouterez à votre page, les utilisateurs pourront voir une liste de leurs filtres actuels.

4. Le bloc Recherche de produits

Un moyen efficace d'améliorer l'expérience utilisateur (UX) de votre site consiste à ajouter une fonctionnalité de recherche. Cela permettra aux utilisateurs de rechercher rapidement les articles spécifiques qu'ils ont en tête, plutôt que d'avoir à parcourir votre catalogue jusqu'à ce qu'ils trouvent ce qu'ils recherchent.

Heureusement, WooCommerce propose un bloc Product Search :

Vous pouvez placer la barre de recherche où vous voulez sur votre site. Cependant, nous vous recommandons de le placer juste au-dessus de vos grilles de produits, où les utilisateurs peuvent facilement le voir :

Le bloc de recherche de produits n'offre pas beaucoup d'options de personnalisation. Cependant, vous avez la possibilité de masquer l'étiquette du champ de recherche, de sorte que seule la barre de recherche soit visible.

5. Le bloc Tous les avis

Comme nous l'avons mentionné précédemment, l'affichage d'avis peut encourager les nouveaux visiteurs à essayer vos produits. En fait, une étude récente a montré que presque tous les acheteurs consultent les avis des clients avant de faire un achat [1] .

Comme son nom l'indique, le bloc Tous les avis vous permet de présenter tous les commentaires de vos clients en un seul endroit :

Vous bénéficiez également d'un certain contrôle sur la mise en page et le contenu de vos avis. Par exemple, vous pouvez masquer certaines informations, telles que les noms des réviseurs et les données de révision.

Vous pouvez également remplacer les photos des critiques par des images de produits et sélectionner le nombre de critiques que vous souhaitez afficher à la fois. Pendant ce temps, les utilisateurs pourront trier les avis par date de publication, note la plus élevée et note la plus basse.

Il existe plusieurs façons d'afficher vos avis. Par exemple, vous pouvez les placer sur votre page d'accueil pour augmenter leur visibilité ou les ajouter à nouveau sur votre page À propos.

Vous pouvez également combiner le bloc Tous les avis avec deux autres fonctionnalités connexes : Avis par produit et Avis par catégorie . Ces blocs vous permettent d'afficher les évaluations et les avis des clients pour des articles et des catégories particuliers.

6. Le bloc Produit en vedette

Si vous souhaitez susciter l'intérêt pour un article en particulier, le bloc Produit en vedette peut être très efficace. Vous pouvez mettre en évidence n'importe quel produit que vous voulez, sur n'importe quelle page ou publier sur votre site.

De plus, vous pouvez créer plusieurs blocs de produits en vedette pour différents articles. Lorsque vous ajoutez ce bloc à votre page, il vous sera demandé de sélectionner un produit :

Vous pouvez ensuite personnaliser la mise en page de votre produit vedette :

Par exemple, vous pouvez masquer la description et le prix du produit et choisir une couleur de superposition différente. Il existe également un sélecteur de point focal, qui vous permet de déplacer la position de l'objet principal dans votre image.

De plus, vous pouvez modifier le bouton CTA dans le bloc. Tout ce que vous avez à faire est de cliquer dessus et vous obtiendrez une sélection d'options. Par exemple, vous pouvez mettre à jour le lien et personnaliser la couleur et la typographie du bouton :

Quelles que soient vos préférences, il est important de s'assurer que les éléments essentiels tels que le nom du produit et le CTA sont clairement visibles. Vous voudrez également vous assurer que le bouton pointe vers la bonne page.

Pour une visibilité accrue, nous vous recommandons de présenter les produits vedettes sur votre page d'accueil ou une page de boutique dédiée. Cependant, vous pouvez également utiliser ce bloc dans des articles de blog pour attirer l'attention sur des produits particuliers.

Vous pouvez également consulter le bloc Catégorie en vedette . Cette fonctionnalité peut être très utile si vous essayez d'augmenter les ventes dans des catégories de produits particulières.

Commencez dès aujourd'hui avec les blocs WooCommerce

Dans cet article, nous avons examiné certains des blocs WooCommerce les plus essentiels. Par exemple, le bloc Tous les produits vous permet d'afficher l'intégralité de votre catalogue de produits dans une grille professionnelle. Pendant ce temps, des fonctionnalités telles que les produits les mieux notés et tous les avis peuvent vous aider à augmenter vos ventes.

Vous avez des questions sur l'utilisation des blocs WooCommerce ? Faites-nous savoir dans la section commentaires ci-dessous!