ProductX WooCommerce Builder pour les boutiques en ligne

La popularité du plugin WooCommerce pour la création de boutiques en ligne ne cesse d'augmenter. L'écosystème WooCommerce est très populaire et est actuellement le premier choix pour créer des magasins de commerce électronique. De nos jours, la plupart des propriétaires de petites entreprises créent leur boutique en ligne dans WooCommerce. De ce fait, il est difficile de faire un site qui se démarque des autres magasins.

Non seulement cela, WooCommerce manque de nombreuses fonctionnalités essentielles requises pour une boutique en ligne idole. Si vous souhaitez surmonter cette situation, vous pouvez essayer d'utiliser un plugin de création WooCommerce. Il permet de créer différents types de modèles de page essentiels avec toutes les fonctionnalités requises et de les modifier avec ceux par défaut. Donc, dans ce blog, je vais discuter de l'un des constructeurs WooCommerce les plus prometteurs qui offre toutes les fonctionnalités essentielles sans quitter l'écosystème Gutenberg.

Présentation de ProductX : Gutenberg WooCommerce Builder

ProductX est une solution tout-en-un basée sur Gutenberg pour étendre les fonctionnalités du plugin WooCommerce afin de créer des boutiques en ligne idoles. Il propose plusieurs blocs de produits, des fonctionnalités essentielles et divers modules complémentaires.

WooCommerce Builder est l'un des puissants modules complémentaires de ProductX. Il permet de créer dynamiquement des modèles pour plusieurs pages et de remplacer les modèles WooCommerce existants.

L'attraction principale du module complémentaire Builder de ProductX est qu'il fonctionne comme un éditeur Gutenberg. Et à cause de cela, il a des capacités de construction dynamique complètes sans aucune redondance.

Que pouvons-nous faire avec le ProductX WooCommerce Builder

Comme j'ai déjà discuté du module complémentaire Gutenberg WooCommerce Builder de ProductX, il est temps de discuter de ce que nous pouvons en faire. Si vous connaissez l'un des plugins de construction populaires, il vous sera plus facile de comprendre.

Comme tout autre constructeur, il permet de créer et de personnaliser des modèles pour la plupart des pages essentielles des magasins WooCommerce. Qui comprend:

• Boutique
• Archives des produits
• catégories de produits
• Page du panier
• Pages de produits uniques et bien plus encore

Après avoir créé des modèles pour les pages susmentionnées, les modèles par défaut de vos pages existantes seront remplacés par de nouveaux.

Comment utiliser le constructeur WooCommerce de ProductX

Évidemment, avoir seulement une solution n'en fait pas le meilleur choix. Une solution évidente doit également avoir une bonne expérience utilisateur. La plupart des utilisateurs de WordPress veulent que chaque solution soit simple et facile à utiliser. Voyons donc comment fonctionne le WooCommerce Builder de ProductX.

Comme je l'ai dit plus tôt dans cet article de blog, le WooCommerce Builder est un module complémentaire de ProductX. Donc, pour l'utiliser, nous devons l'activer après avoir correctement installé et activé le plugin ProductX. Voici comment:

• Depuis votre tableau de bord WordPress, accédez à la section ProductX
• Maintenant, cliquez sur la section Add-ons de ProductX
• Activer le constructeur à partir de tous les modules complémentaires disponibles

Après avoir activé le module complémentaire Builder, vous pouvez créer un nombre illimité de modèles et les remplacer par les modèles WordPress par défaut.

Voyons comment nous pouvons créer un modèle pour vous permettre de comprendre plus facilement son fonctionnement. Vous devez donc suivre les étapes ci-dessous pour créer un modèle :

• Aller à la section Constructeur
• Cliquez sur le bouton "Ajouter un nouveau"
• Ajouter un nom de modèle
• Choisissez le type de modèle
• Sélectionnez les conditions si nécessaire
• Cliquez sur le bouton "Créer un modèle"

Dans l'option de sélection de type, vous devez choisir la page pour laquelle vous devez créer le modèle. Et puis sélectionnez la condition en fonction de vos besoins.

Créer et personnaliser une page de boutique personnalisée à l'aide de WooCommerce Builder

Voyons maintenant comment vous pouvez créer un modèle de page de boutique personnalisé à partir de zéro. Tout d'abord, sélectionnez Boutique comme type lors de la création d'un modèle. Pas besoin de sélectionner des conditions car WooCommerce Shop n'a qu'un seul modèle.

Après avoir sélectionné le type, cliquez sur le bouton "Créer un modèle" et votre modèle sera prêt. Cependant, le modèle est vide et vous devez le personnaliser à partir de zéro.

Lors de la personnalisation du modèle de page de boutique, c'est à vous de décider quoi et comment vous voulez l'afficher. Ne vous inquiétez pas; ProductX a toutes les options pour créer une page de boutique parfaite. Comme vous le savez, la page de boutique parfaite doit avoir des produits avec des boutiques de filtrage pour permettre aux acheteurs de trouver facilement les articles qu'ils souhaitent.

Voyons maintenant comment vous pouvez ajouter des produits et des options de filtrage à la page de la boutique. Par exemple, j'afficherai les produits sur le côté droit et les options de filtrage sur la gauche. Cependant, vous pouvez aussi faire l'inverse.

Pour afficher correctement les produits et les options de filtrage côte à côte, vous devez utiliser le bloc de colonnes Gutenberg. J'ajoute donc une colonne avec un rapport 70/30.

Ensuite, nous pouvons ajouter le bloc de filtre de produit sur le côté gauche et tous les blocs de produit disponibles sur le côté droit. Par exemple, j'ajoute le bloc Product Grid 1.

Maintenant, nous devons connecter le bloc produit avec les blocs de filtrage. Pour cela, cliquez sur l'option de sélection de grille et sélectionnez la grille de produits que vous avez ajoutée à la page de la boutique.

Ne vous inquiétez pas si vous n'aimez pas la vue par défaut de la grille de produits et des blocs de filtrage, car ProductX dispose d'une option de personnalisation complète pour tous les blocs.

Enfin, vous pouvez également choisir parmi deux types de paginations, charger plus et numérique si vous souhaitez paginer votre page de boutique.

Après la personnalisation, vous pouvez publier le modèle de page de boutique et vérifier son apparence pour les acheteurs.

Créer et personnaliser un modèle de page de catégorie à l'aide de WooCommerce Builder

Maintenant que vous savez que vous avez appris à créer un modèle de page de boutique personnalisé. Il est temps d'apprendre à faire de même avec le modèle de page de catégorie. Il vous sera donc plus facile de comprendre correctement le fonctionnement du constructeur de ProductX.

Donc, sélectionnez archive comme type de modèle, puis sélectionnez la condition de "toutes les catégories de produits" car vous souhaitez créer un modèle pour toutes les catégories. Cependant, une option de sélection de catégorie de produit spécifique est également disponible si vous souhaitez créer des modèles distincts pour des catégories spécifiques.

Maintenant, cliquez et commencez à modifier le modèle. Ensuite, vous pouvez commencer à le personnaliser comme le modèle de page de boutique.

Tout d'abord, vous devez ajouter le cartouche de l'archive qui affichera le nom du titre de la catégorie. Après avoir ajouté le bloc, vous modifiez la taille, la couleur et la typographie.

Après cela, vous pouvez ajouter les blocs de produits souhaités au modèle. Ensuite, les produits seront affichés dynamiquement selon leurs catégories respectives.

Lorsque vous êtes satisfait du modèle, publiez-le et voyez à quoi ressemblent les catégories de produits après la mise en œuvre du modèle.

Conclusion

C'est tout à propos du constructeur Gutenberg WooCommerce de ProductX. Cependant, les capacités du constructeur ne s'arrêtent pas là. Vous pouvez également créer et personnaliser des modèles de page de produit unique WooCommerce. Maintenant que vous avez un aperçu du constructeur Gutenberg le plus prometteur pour WooCommerce, vous pouvez facilement commencer à repenser votre boutique WooCommerce.