Concevez vos catégories de produits WooCommerce avec Elementor

Elementor est un constructeur de pages WordPress exceptionnel pour améliorer les fonctionnalités du constructeur WordPress par défaut en ajoutant de nouvelles fonctionnalités.

Si vous vous en souvenez, les premières versions de WordPress n'étaient pas particulièrement conviviales. En plus d'avoir des fonctionnalités limitées, cela vous obligeait à vous appuyer sur des thèmes WordPress prédéfinis pour créer un design de base pour votre site Web. Cependant, pour de nombreux utilisateurs, les fonctionnalités de base des thèmes WordPress étaient insuffisantes, nécessitant l'installation de plugin ou l'édition manuelle du code du thème.

• Combinaison WooCommerce et Elementor
• Création d'une page de catégorie dans Elementor
• Paramètres de mise en page

Elementor est un constructeur basé sur des blocs similaire à WordPress, mais il est beaucoup plus avancé que le constructeur WordPress en ce sens qu'il est plus intuitif, réactif et riche en fonctionnalités. Plus important encore, vous pouvez créer un site Web fantastique sans jamais avoir à écrire une ligne de code !!

Combinaison WooCommerce et Elementor

WP-WooCommerce et Elementor sont deux des plugin WordPress les plus utilisés actuellement disponibles. La flexibilité et le grand nombre de fonctionnalités offertes par chacun d'entre eux sont tout simplement inestimables. Si vous exploitez une boutique de commerce électronique, WooCommerce est le meilleur plugin pour presque tous les besoins que vous pourriez avoir. C'est le plugin le plus complet disponible pour pratiquement tous les besoins.

De plus, Elementor est l'un des constructeurs de sites Web par glisser-déposer les plus efficaces disponibles sur le marché. Il vous donne la possibilité de concevoir, personnaliser et fournir rapidement presque n'importe quelle page de votre site Web. De plus, des fonctionnalités sont disponibles, telles que la création de méga menus et l'accès à un large éventail de modules complémentaires et de modèles très pratiques. Avec l'aide de WooCommerce et d'Elementor, vous pouvez concevoir et créer des pages Boutique et Entreprise de qualité professionnelle avec le moins de dépenses et d'efforts possible. Avec l'aide d'Elementor, vous pouvez complètement personnaliser les mises en page de votre boutique, les grilles de produits et les carrousels, ainsi que choisir parmi une variété de superbes mises en page. Il est également possible de configurer et de personnaliser vos pages de paiement et de panier, ainsi que de les intégrer à une variété d'options et de fonctionnalités de paiement pour offrir à vos clients une plus grande commodité.

De plus, vous pouvez créer des pages et des conceptions personnalisées pour les produits numériques, inclure des options de page personnalisées pour l'expédition et les paiements et des pages de publication et de pré-achat, entre autres. Tout cela contribue à l'apparence du site Web de votre entreprise à la fois professionnel et convivial. Outre les boutons d'appel à l'action conviviaux, les curseurs prêts pour la parallaxe et une foule d'autres fonctionnalités, vous pouvez intégrer la fonctionnalité WooCommerce à votre site Web. Le nombre d'opportunités disponibles est pratiquement illimité. Maintenant, si vous êtes suffisamment convaincu, laissez-nous vous guider tout au long du processus de mise en œuvre de votre plan. Vous pouvez faire diverses choses pour rendre votre page de boutique plus accueillante, et l'objectif est que ces étapes vous aident à créer une page de boutique plus accueillante pour votre boutique WooCommerce.

Création d'une page de catégorie WooCommerce dans Elementor

Si vous connaissez WooCommerce, vous savez que les catégories de produits sont essentielles pour organiser vos produits pour un affichage et un accès appropriés par les clients - plus ils peuvent trouver rapidement ce qu'ils recherchent, mieux c'est. Mais que sont exactement les catégories de produits ?

Les clients passent beaucoup de temps à parcourir vos produits sur la page de votre boutique, ils doivent donc vivre une expérience positive. Il n'y a rien de plus frustrant que de devoir parcourir des dizaines de pages pour voir les produits sur le site Web de votre boutique.

Par conséquent, la catégorisation est essentielle pour offrir à vos clients une meilleure expérience d'achat. Les clients trouveront plus facile de trier et de filtrer leurs préférences s'il existe une section bien agencée et organisée pour tous les types d'articles tels que les vêtements ou les chaussures. L'ajout d'éléments de génération de leads tels que des boutons d'appel à l'action, des sections de produits en vedette, des fenêtres contextuelles de vente ou d'offres et d'autres composants similaires à cette section peut la rendre plus attrayante pour les visiteurs.

Si vous avez une boutique WooCommerce et que vous souhaitez lui donner un coup de jeune, ce tutoriel est exactement ce dont vous avez besoin pour commencer.

De nombreux thèmes WooCommerce incluent une mise en page par défaut pour les catégories de produits, qui peut ou non être la mieux adaptée aux besoins de votre entreprise. Bien que ces valeurs par défaut puissent comprendre des fonctionnalités utiles, elles ne peuvent pas souvent être personnalisées.

Nous allons passer aux choses sérieuses.
Après avoir configuré votre produit, vous devez effectuer les opérations suivantes avant de le publier afin qu'il apparaisse dans une catégorie :

Vous définirez les conditions qui détermineront où votre modèle de produit apparaîtra lors de cette étape. Lorsque vous utilisez un modèle, il s'appliquera automatiquement à toutes les pages de produits de votre site. Vous pouvez également affiner votre recherche à une catégorie de produits spécifique.

Cliquez sur Publier et votre produit unique est maintenant disponible à l'achat !

Nous n'avons pas encore fini.
Ce que nous venons de faire n'est pas suffisant pour faire vivre des catégories sur notre site ; pour que les catégories soient actives sur toutes ou certaines pages de notre site Web, nous devons encore configurer certaines choses. Pour terminer la tâche, créez une page de catalogue de produits qui affectera tous les produits ou une page de catalogue qui affectera une catégorie spécifique de produits.
Pour ce faire, revenez d'abord à Elementor > Mes modèles et créez un modèle d'archive de produit. Choisissez ensuite un modèle existant ou créez-en un nouveau. Personnalisez l'apparence du widget Archiver les produits et du widget Archiver le titre en les ajoutant à votre page.

Utilisez la fonctionnalité de style de copie entre les pages pour le personnaliser afin qu'il corresponde au design que vous avez déjà créé pour votre modèle de produit unique, puis enregistrez vos modifications.
Revenez à la page du produit et sélectionnez Copier dans le menu déroulant. Cliquez avec le bouton droit sur Coller le style lorsque vous êtes de retour dans le produit d'archive. Choisissez Derniers produits dans le menu déroulant Requête > Sources dans les paramètres Archiver les produits.
Sélectionnez ensuite les bagues dans le menu déroulant Catégorie de produit. Seule la catégorie de sonnerie sera affichée de cette manière. Si vous avez une longue liste de produits pour une catégorie particulière, vous devez activer la pagination.
Vous pouvez personnaliser la distance entre les colonnes et les lignes en sélectionnant l'onglet style. Modifiez les couleurs, les polices et d'autres aspects de la conception.

Pré-publication, sélectionnez les conditions qui déterminent où l'archive apparaîtra, comme vous l'avez fait pour le modèle de produit unique, puis publiez.

Une fois que vous aurez cliqué sur « publier », votre page d'archive sera en ligne.

Elementor pro vous donne la possibilité de concevoir des catégories de produits épurées avec sa panoplie d'options ;

Vous pouvez effectuer les opérations suivantes avec les options disponibles sur Elementor Pro :

Paramètres de mise en page pour les catégories de produits WooCommerce

• Colonnes : définissez le nombre exact de colonnes à afficher, de 1 à 12
• Nombre de catégories : sélectionnez le nombre de catégories à afficher

Paramètres de requête

• Source : Sélectionnez la source à partir de laquelle afficher les catégories, en choisissant parmi Tous, Sélection manuelle, Par parent ou Sous-catégories actuelles. Si la sélection manuelle est choisie, sélectionnez manuellement les catégories à afficher. Si « Par parent » est choisi, sélectionnez Uniquement niveau supérieur ou sélectionnez une catégorie individuelle dans la liste déroulante.
• Masquer vide : définissez sur Oui pour les catégories ne contenant aucun produit
• Trier par : définissez l'ordre dans lequel les catégories seront affichées. Les options incluent Nom, Slug, Description ou Nombre
• Ordre : sélectionnez pour afficher les catégories dans l'ordre ASC ou DESC (croissant ou décroissant)

Paramètres de style

• Écart entre les colonnes : définissez l'écart exact entre les colonnes
• Écart entre les lignes : définissez l'écart exact entre les lignes
• Alignement : alignez les données des produits à gauche, à droite ou au centre

Paramètres d'image

• Type de bordure : sélectionnez le type de bordure, en choisissant parmi aucune, solide, double, pointillée, en pointillé ou rainurée
• Rayon de la bordure : définissez le rayon pour contrôler l'arrondi des coins de la bordure
• Espacement : Ajustez la quantité d'espace entre les images et leurs données

Paramètres de titre

• Couleur : choisissez la couleur du titre
• Typographie : définissez les options de typographie pour le texte du titre

Paramètres de comptage

• Couleur : choisissez la couleur pour le compte
• Typographie: Définir les options de typographie pour le compte

Conclusion

Le constructeur WooCommerce dans Elementor vous offre la flexibilité de conception dont vous avez besoin pour créer et affiner visuellement vos pages de produits. Le temps qu'il faut pour passer d'une idée à une vie , et pleinement La boutique en ligne fonctionnelle WooCommerce est considérablement réduite en raison de ce gain de temps. Dans l'ensemble, la personnalisation de votre page de boutique WooCommerce avec Elementor a le potentiel d'avoir un impact significatif sur les performances globales de votre site Web. Vous pouvez soit aider, soit entraver les ventes en organisant et en affichant vos produits de la meilleure façon possible pour que les clients puissent les voir et les acheter. La configuration et la personnalisation de votre page de boutique WooCommerce dans Elementor seront démontrées à travers les étapes de ce guide. Cependant, gardez à l'esprit qu'il ne s'agit que de la pointe de l'iceberg en termes d'ampleur du problème. Une introduction à l'utilisation d'Elementor pour créer la page de magasin idéale pour votre magasin est illustrée dans cette démonstration de base. Utilisez-le comme point de départ et jouez avec pour tirer le meilleur parti de ce fantastique constructeur de pages