Si vous exploitez une boutique WooCommerce, vous souhaitez toujours mettre en avant vos produits afin de pouvoir accumuler autant de ventes que possible.

Mais en ce qui concerne la page de produit unique WooCommerce, vous êtes à peu près limité à la conception prédéfinie fournie avec votre thème.

Mais que se passe-t-il si vous souhaitez personnaliser ce design, pour un seul produit, une catégorie de produits ou pour tout vos produits?

Blocs WooBuilder vous donne la possibilité de personnaliser votre page de produit unique WooCommerce à l’aide du nouvel éditeur de blocs WordPress par glisser-déposer (Alias ​​Gutenberg).

Dans notre revue WooBuilder Blocks, je partagerai plus sur ses fonctionnalités et vous montrerai comment cet outil fonctionne sur une véritable boutique WooCommerce.

Examen des blocs WooBuilder : la liste des fonctionnalités

Le principe de base de WooBuilder Blocks est assez simple – il vous permet d’utiliser le nouvel éditeur de blocs WordPress (Gutenberg) pour concevoir vos pages de produit uniques en éventuellement activant l’éditeur de blocs pour des produits uniques et vous donnant accès à un ensemble de blocs de détails de produits WooCommerce.

Vous pouvez l’utiliser pour concevoir des pages de produits comme celle-ci :

Ou comme ceci :

Ou aimez ce que vous voulez! C’est tout l’intérêt – vous pouvez créer vos propres conceptions.

Mais bien que cette fonctionnalité soit simple à saisir, les implications sont assez puissantes car elle vous donne la possibilité de personnaliser entièrement tout ou quelques de vos produits WooCommerce.

Pour contrôler où vos conceptions apparaissent, vous pouvez appliquer automatiquement les modèles que vous créez à certaines taxonomies de produits. Par exemple:

• Tous les produits en Catégorie X
• Tous les produits avec Balise Y

Et vous obtenez également de nouveaux blocs utiles, comme un compte à rebours des ventes pour stimuler l’urgence.

Au-delà de cela, vous pouvez également utiliser tous les blocs réguliers, ainsi que tous les blocs que vous avez ajoutés avec des plugins tiers. Cela vous donne une tonne de flexibilité pour ajouter de nouveaux contenus. Par exemple, vous pouvez apporter une galerie vidéo ou des témoignages de clients satisfaits.

Et vous obtiendrez également des options de style simples dans la barre latérale, tout comme les blocs Gutenberg réguliers.

Feuille de route des blocs WooBuilder

Bien que ces fonctionnalités n’aient pas été publiées au moment où j’écris cette critique, le développeur a déjà publié la feuille de route du produit pour ce qui est en route.

Dans l’immédiat, il travaille sur :

• Modèles préconçus que vous pouvez insérer et personnaliser
• Plus d’options de mise en page de la galerie de produits
• Un bloc de mise en page de produit avancé

Et à plus long terme, il prévoit d’ajouter des tests fractionnés pour les produits uniques WooCommerce. Il s’agit d’une fonctionnalité vraiment intéressante qui vous permettrait de tester différentes mises en page de produits uniques pour trouver les conceptions qui se convertissent le mieux.

Prêt à le vérifier? Allons-y et je vais vous montrer comment cela fonctionne…

Travaux pratiques avec les blocs WooBuilder : comment tout fonctionne

Pour utiliser WooBuilder Blocks, vous devrez également installer le plugin gratuit Caxton du même développeur (PootlePress). Caxton est une collection de blocs Gutenberg qui vous aident à créer des mises en page plus complexes et, comme WooBuilder Blocks vous permet d’utiliser des blocs de plugins tiers, cela vous donne plus de flexibilité pour vos conceptions de produits WooCommerce.

Une fois que vous avez à la fois WooBuilder Blocks et Caxton installés et activés, vous êtes prêt à commencer à construire.

Il existe deux façons de concevoir vos pages de produits uniques :

1. Vous pouvez créer des modèles que vous appliquez automatiquement aux produits en fonction de leurs taxonomies
2. Vous pouvez concevoir des conceptions complètement uniques pour des produits individuels

Quelle que soit l’approche que vous choisissez, vous commencerez de la même manière, c’est-à-dire en ouvrant un produit sur votre site et en cliquant sur le bouton Activer Blocs WooBuilder bouton:

Utiliser les blocs WooBuilder

L’activation des blocs WooBuilder ouvrira la même interface d’éditeur de blocs WordPress familière que celle que vous utilisez pour créer des publications ou des pages. En fait, c’est l’un des avantages de cette approche – vous n’avez pas besoin d’apprendre une nouvelle interface :

Pour concevoir votre produit, vous pourrez utiliser tous les Blocs WordPressainsi qu’un nouvel ensemble de Woobuilder blocks et les blocks du plugin Caxton :

Au total, vous obtenez des blocs dédiés pour votre produit WooCommerce…

1. Titre
2. Bouton Ajouter au panier
3. Images
4. Prix
5. Commentaires
6. Produits connexes
7. Onglets
8. Brève description
9. Méta-information (par exemple catégorie de produit)
10. Évaluation
11. Comptoir de vente – un moyen pratique d’ajouter de l’urgence en comptant jusqu’à la fin de la vente

De plus, vous obtiendrez également les blocs Caxton, qui vous aideront dans votre mise en page. Kadence Blocks serait une autre bonne option ici, car ce plugin vous offre de très belles options de mise en page.

Par exemple, vous pouvez créer une mise en page simple à deux colonnes avec Caxton :

Ensuite, vous pouvez ajouter vos blocs WooBuilder dans cette disposition à deux colonnes pour ajouter les détails de votre produit.

Une bonne chose est que WooBuilder ajoutera dynamiquement les détails réels du produit, ce qui aide à créer une expérience plus visuelle. C’est-à-dire que si vous ajoutez le Prix bloc, il affichera le prix réel du produit que vous modifiez, plutôt que le contenu générique.

Voici un…