dirigez un magasin woocommerce, voulez toujours faire le meilleur choix pour vos produits afin que puissiez accumuler le plus de ventes possible. Mais quand il samp;rsquoagit damp;rsquoune seule page de produits woocommerce, limitez essentiellement à la conception préfabriquée qui accompagne le sujet. Mais que faire si voulez personnaliser la conception pour un seul produit, une catégorie de produits ou tous les produits? Les blocs woobuilder permettent de personnaliser une seule page de produits woocommerce en utilisant le nouvel éditeur de blocs WordPress Drag and drop (également connu sous le nom de Gutenberg).
Dans notre revue woobuilder Blocks, je vais partager plus damp; sur ses fonctionnalités et montrer comment cet outil fonctionne dans un véritable magasin woocommerce. Woobuilder Blocks Review: liste de fonctionnalités les prémisses de base de woobuilder Blocks sont très simples: il permet de concevoir vos pages de produits personnels en utilisant le nouvel éditeur de blocs WordPress (Gutenberg) en activant éventuellement l’éditeur de blocs pour chaque produit et en donnant accès à une gamme de blocs de détails de produit Woocommerce. Vous pouvez lamp;rsquoutiliser pour concevoir les pages de produits suivantes:
Environ: Cet article continue sous le o que voulez! Le fait est que pouvez créer votre propre projet. Bien que cette fonctionnalité soit facile à comprendre, elle a un sens puissant parce quamp;rsquoelle permet de personnaliser tout ou partie de vos produits woocommerce. Pour contrôler lamp;emplacement de lamp;rsquoaffichage damp;rsquoun projet, pouvez appliquer automatiquement le modèle que créez à certaines classifications de produits. Par exemple: tous les produits de la classe X tous les produits portant la marque y e obtiennent également de nouveaux blocs utiles, comme un compte à rebours des ventes pour diriger une urgence.
En outre, tous les blocs normaux peuvent être utilisés, et tous
Blocs ajoutés avec des plug ins tiers. Cela donne une grande flexibilité pour ajouter de nouveaux contenus. Par exemple, pouvez ajouter une vidéothèque ou des références de clients satisfaits. Vous pouvez également trouver des options de style simples dans la barre latérale, comme les blocs de Gutenberg réguliers. Bien que ces fonctionnalités namp;rsquoaient pas encore été publiées au moment de la rédaction de ce commentaire, les développeurs ont publié des feuilles de route pour les produits futurs.
Il fonctionne maintenant: Vous pouvez insérer et personnaliser des blocs de mise en page avancés à long terme de modèles par défaut pour plus damp;rsquooptions de mise en page de la Bibliothèque de produits, et prévoyez ajouter des tests de partage pour chaque produit woocommerce. Il samp;rsquoagit damp;rsquoune fonctionnalité très intéressante qui permet de tester les différentes mises en page de chaque produit pour trouver le meilleur design pour la conversion. Prêt à regarder? Allons sur les lieux et je vais te dire comment ça marche Lamp;rsquoarticle se poursuit comme suit: Pratiquez le bloc woobuilder: comment utiliser le bloc woobuilder, devez également installer le plug in CAXTON gratuit du même Développeur (pootlepress). CAXTON est une collection de blocs Gutenberg qui aident à créer des mises en page plus complexes, car les blocs woobuilder permettent damp;rsquoutiliser des blocs plug in tiers, ce qui donne plus de flexibilité pour vos projets de produits woocommerce.
Une fois que avez installé et activé le bloc woobuilder et CAXTON, êtes prêt à commencer la construction. Il y a deux façons de concevoir des pages de produits distinctes: Vous pouvez créer des modèles qui samp;rsquoappliquent automatiquement à un produit en fonction de sa classification de produit. Vous pouvez concevoir des conceptions entièrement uniques pour des produits individuels, et quelle que soit la méthode que utilisez, commencerez de la même façon, en ouvrant Le produit même.
Allez et cliquez sur le bouton activer le bloc woobuilder: Activer les blocs woobuilder avec les blocs woobuilder ouvre la même interface familière que l’éditeur de blocs WordPress utilisé pour créer des messages ou des pages. En fait, camp;rsquoest lamp;rsquoun des avantages de cette approche: namp;rsquoavez pas besoin damp;rsquoapprendre de nouvelles interfaces:
Pour concevoir votre produit, pourrez utiliser tous les blocs WordPress normaux ainsi qu’un nouvel ensemble de blocs woobuilder et de blocs CAXTON: En général, pouvez obtenir des blocs dédiés pour vos produits woocommerce Lamp;rsquoarticle se poursuit comme suit: Bouton titre ajouter à lamp;rsquoimage du panier examen des prix onglet produits connexes brève description méta information (p. ex., catégorie de produits) Évaluation des compteurs de ventes: méthode précise pour ajouter un compte damp;rsquourgence à la fin damp;rsquoune vente en plus, recevrez un bloc CAXTON qui aidera dans la mise en page. Kadence Blocks est un autre bon choix, car le plug in offre de très bonnes options de mise en page.
Par exemple, pouvez utiliser CAXTON pour créer une disposition simple à deux colonnes: Vous pouvez ensuite ajouter un bloc woobuilder à la disposition des deux colonnes pour ajouter des détails sur le produit. Une bonne chose est que woobuilder ajoutera dynamiquement des détails réels du produit, ce qui aidera à créer une expérience plus intuitive. Camp;rsquoest à dire, si ajoutez un bloc de prix, verrez le prix réel du produit que éditez, pas le contenu général. Voici un exemple simple où la colonne de gauche contient des images et des méta informations, et la colonne de droite contient le titre, le prix et le bouton Ajouter au panier:
le voyez à lamp;rsquoavant, pouvez voir sa disposition, ainsi que le style du thème: En parlant de style, parlons de comment améliorer la mise en page Concevoir vos propres blocs de construction à partir de modèles woobuilder
Dans votre conception, obtiendrez les contrôles de couleur et de typographie pour chaque bloc dans la barre latérale: Différents blocs auront damp;rsquoautres options. Par exemple, le bloc ajouter au panier permet damp;rsquoajouter des structures aux boutons et aux entrées. De plus, namp;rsquooubliez pas que pouvez également utiliser tous les autres blocs. Par exemple, pour ajouter de lamp;rsquoespace entre différents éléments, pouvez utiliser des blocs damp;rsquoespacement natifs.
Une fois cela fait, aurez plus de place pour respirer sur la page produit: Encore une fois, une bonne chose que les blocs woobuilder permettent de faire est damp;rsquointégrer des blocs tiers dans un grand nombre de plug ins disponibles. Par exemple, supposons que ajoutiez un pop up vidéo Lightbox à la page produit pour afficher votre produit. Vous pouvez ajouter des blocs à lamp;rsquoarrière plan (jamp;rsquoutilise Stackable pour accéder à ces blocs vidéo). Puis regardez: une vidéo pop up Lightbox qui samp;rsquoadapte parfaitement à votre page produit:
Ou pouvez obtenir plus de blocs de woobuilder. Par exemple, vendre des blocs de comptoir est un excellent moyen damp;rsquoajouter un sentiment damp;rsquourgence à votre magasin lorsque le produit est en vente: Comment enregistrer un dessin en tant que modèle si voulez utiliser un dessin pour un seul produit, il suffit de mettre à jour le produit. Cependant, si souhaitez réutiliser une mise en page sur plusieurs produits, pouvez choisir de lamp;rsquoenregistrer comme modèle: Ce faisant, pourrez voir une liste de tous les modèles en allant à produits → tous les modèles. Lorsque modifiez un modèle, pouvez choisir les catégories de produits et les étiquettes auxquelles il samp;rsquoapplique: Par exemple, si je lamp;rsquoapplique à une catégorie damp;rsquoaccessoires, tous les produits de cette catégorie adoptent automatiquement ce modèle. ne voulez pas appliquer le modèle à tous les produits avec une taxonomie spécifique
Ia, pouvez également appliquer rapidement des modèles lors de lamp;rsquoédition de produits individuels. Woobuilder Blocks propose quatre progiciels. Tous les paquets sont complets, la seule différence est le nombre de sites où pouvez les utiliser: 1 site – 49 sites – 75 sites – 25 sites – 99 sites illimités – 199 blocs woobuilder Considérations finales les blocs woobuilder sont un excellent moyen damp;rsquointégrer le nouvel éditeur de blocs woodpress dans woocommerce. Vous namp;rsquoavez pas besoin damp;rsquoun plug in de création de page comme element ou Beaver Builder pour avoir un contrôle total sur la conception de la page produit. Ce qui est vraiment puissant, camp;rsquoest de combiner les blocs woobuilder avec tous les nouveaux blocs innovants que les développeurs tiers créent. Cette combinaison offre une grande flexibilité sans avoir à apprendre de nouvelles interfaces. En général, si préférez les prémisses de base construire des pages pour chaque produit woocommerce en utilisant lamp;rsquoéditeur de bloc Gutenberg devriez certainement jeter un coup damp;rsquooeil. Tout samp;rsquoest bien passé au cours de mes tests et la Feuille de route du produit semble très intéressante à lamp;rsquoavenir (principalement en ce qui concerne les capacités de test fractionnées). Pour commencer, cliquez sur: obtenir le bloc woobuilder
Woobuilder Block Review: créer une page de produits woocommerce avec Gutenberg
