Dans cet article, vous apprendrez comment créer une page de boutique WooCommerce avec Elementor.
Une page boutique, telle que définie par WooCommerce, est un « espace réservé à une archive de type publication pour les produits ». La présentation de vos produits sur cette page revêt une importance capitale pour le succès de votre entreprise, et son impact sur les clients potentiels est indéniable.
Comment créer une page boutique WooCommerce avec Elementor
Pour activer la page d'édition de la boutique, vous devez suivre ces étapes : tout d'abord, accédez au menu du tableau de bord WordPress et sélectionnez ShopPress Dans Woo Templates, activez le composant Boutique. Vous verrez alors le bouton « Configurer », sur lequel vous pourrez accéder aux paramètres du modèle Boutique. Ces paramètres vous permettront de personnaliser votre page Boutique selon vos préférences.
Création de modèles pour la page de la boutique
Dans cette section, vous pouvez créer de nombreux modèles à attribuer à votre produit, de manière générale ou spécifique. Pour créer un nouveau modèle pour votre page boutique, cliquez sur le bouton « Ajouter ». Une fois cette étape terminée, vous pouvez accéder à la page d'édition de votre boutique Elementor en cliquant sur l'icône d'édition. Vous pourrez ainsi personnaliser la page grâce à une large gamme de widgets que nous avons spécialement conçus à cet effet.
Widgets de modèles de boutique
Passons maintenant en revue les outils disponibles pour personnaliser la page Boutique. Vous pouvez facilement créer votre page Boutique en quelques clics.
Produits
Grâce au widget « Produits de la boutique », vous pouvez afficher vos produits sur cette page.
ModèleVous pouvez sélectionner le modèle que vous avez créé à l'aide de Fonctionnalité de création de boucles dans la section Modèle. Sinon, les produits seront affichés selon le style WooCommerce par défaut.
Défilement infini et chargement plusVous pouvez choisir d'afficher les produits avec un défilement infini ou un bouton « Charger plus ».
Icône de bouton ou texteCette fonctionnalité permet de personnaliser le style du bouton « Charger plus », notamment l’icône, le texte ou le texte de l’icône.
Filtres des produits
Cet élément se compose de deux widgets : Affichage et Filtres.
ÉcranL'option « Afficher sous forme de tiroir » permet d'afficher le filtre sous forme de menu déroulant après avoir cliqué sur l'icône correspondante. Vous pouvez également personnaliser le style du bouton « Ouvrir le tiroir », son libellé, son icône, sa position et son titre. Ces options vous permettent d'adapter le tiroir à vos préférences et de le configurer selon vos besoins.
Filtres : Ce widget offre une solution de filtrage élégante pour votre page boutique. Pour l’utiliser, il vous suffit de glisser-déposer le widget « Filtres produits » dans la section souhaitée de votre page, puis d’ajouter l’option de filtrage comme illustré dans la capture d’écran ci-dessous. Cette méthode est à la fois simple et efficace pour améliorer les fonctionnalités de votre page.
Style de la page boutique
En effet, en accédant à l'onglet Style de chaque widget, vous bénéficierez du super-pouvoir de l' outil Styler pour personnaliser la page de votre boutique en fonction du schéma de votre thème.
