Que sont les blocs WooCommerce ? Comment les utiliser efficacement en 2023
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 le Blocs onglet, faites défiler jusqu’à l’onglet WooCommerce section:
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.
- Les Tous les produits bloc
- Les Produits les mieux notés bloc
- Les Filtrer les produits par prix bloc
- Les Recherche de produit bloc
- Les Tous les avis bloc
- Les Produit en vedette bloc
1. Le Tous les produits bloc
Les Tous les produits block est l’un des éléments les plus essentiels pour 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 le Tous les produits fonctionnalité adaptée à 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 détails du produit ou alors Évaluation du produit. 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 Ajouter au chariot bouton. 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 Produits les mieux notés bloc
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.
Les Produits les mieux notés block 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 Produits les mieux notés bloquer à 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 Produits les mieux notés bloc, vous avez plusieurs options. 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 Produits les plus vendus bloquer à la place. Celui-ci affiche les articles les plus populaires sur votre site en fonction du nombre de ventes réalisées.
Une autre caractéristique similaire est la Produits les plus récents bloc. Comme son nom l’indique, cela vous permet de promouvoir vos ajouts les plus récents.
3. Le Filtrer les produits par prix bloc
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.
Les 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 Tous les produits bloc que nous avons présenté plus tôt. 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 :
Les Filtrer les produits par prix bloc 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 Échelle des prixsélectionnez le Modifiable option:
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 Filtrer les produits par attribut bloquer avec le Tous les produits bloc:
Une autre fonctionnalité pratique est la Filtres actifs bloc. Lorsque vous l’ajouterez à votre page, les utilisateurs pourront voir une liste de leurs filtres actuels.
4. Le Recherche de produit bloc
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 Recherche de produit bloc:
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 :
Les Recherche de produit block 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 Tous les avis bloc
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 Tous les avis block 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 les Tous les avis bloc 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 Produit en vedette bloc
Si vous souhaitez susciter l’intérêt pour un article en particulier, le Produit en vedette bloquer 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 Produit en vedette blocs 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 renvoie à 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 voudrez peut-être aussi consulter le Catégorie en vedette bloc. 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
WooCommerce facilite la création de votre propre boutique en ligne. Parmi ses nombreuses autres fonctionnalités, cette plateforme fournit plusieurs blocs qui vous aident à ajouter plus de fonctionnalités à votre boutique. De plus, vous pouvez personnaliser ces blocs en fonction de vos besoins.
Dans cet article, nous avons examiné certains des blocs WooCommerce les plus essentiels. Par exemple, le Tous les produits block vous permet d’afficher l’intégralité de votre catalogue de produits dans une grille professionnelle. Pendant ce temps, des fonctionnalités telles que Produits les mieux notés et Tous les avis peut vous aider à augmenter vos ventes.
