Widgets WooCommerce Elementor : créez des sites Web de commerce créatif avec PowerPack

Publié: 2023-04-26

L'équipe PowerPack vous propose les nouveaux widgets créatifs Elementor WooCommerce . Si vous avez déjà essayé de créer des sites Web WooCommerce élégants, vous savez que la lutte est réelle. Il n'est pas facile de personnaliser la mise en page et les pages de ces sites Web.

Mais avec ces fantastiques widgets Elementor pour WooCommerce, vous pouvez ajouter des éléments plus interactifs et personnalisables à votre site de commerce électronique construit avec WooCommerce. Comme tous nos widgets Elementor existants , ces widgets offrent d'excellentes options de personnalisation et des fonctionnalités pour votre boutique WooCommerce construite avec Elementor .

À l'aide de ces widgets, vous pouvez créer le site Web de commerce électronique de vos rêves. La fonctionnalité et les fonctionnalités avancées des widgets Woo vous aident à transformer vos conceptions imaginatives en sites en direct. Que vous souhaitiez styliser la page du produit ou ajouter des personnalisations à la page du panier, vous pouvez tout faire en quelques clics. Aucune compétence en codage n'est requise !

Widgets Elementor WooCommerce

La création de sites Web WooCommerce avec Elementor peut parfois être limitante. Bien qu'Elementor Pro offre des fonctionnalités et des options étendues, certains domaines restent intacts. Vous devez donc rechercher des addons Elementor pour étendre encore plus Elementor.

Les widgets WooCommerce Elementor peuvent vous faire économiser beaucoup de temps et d'efforts. Ces widgets sont utilisés pour améliorer la conception et les fonctionnalités d'une boutique en ligne construite à l'aide de WooCommerce. Ils permettent aux utilisateurs d'ajouter facilement des éléments tels que des listes de produits, des catégories de produits, des paniers d'achat et des formulaires de paiement à leur site Web de commerce électronique.


Découvrons tous les Widgets WooCommerce :

1. Widget de produits Elementor WooCommerce

Désormais, avec le widget Woo Product Grid, vous pouvez créer un affichage de produit impressionnant sur votre page de produits. Avec le pouvoir de personnalisation donné, vous pouvez présenter vos produits à vos visiteurs avec des dizaines de designs.

Consultez la page d'accueil des produits PowerPack WooCommerce pour avoir une idée de l'apparence de votre page produit avec la grille des produits Woo.

Woo Product Grid Widget vous offre la possibilité de choisir entre la disposition du carrousel et de la grille, ce qui facilite le basculement entre les dispositions en cas de besoin. Vous pouvez afficher vos produits dans des mises en page personnalisées ainsi que des fonctionnalités utiles telles que l'ajout au panier, la vue rapide et l'étiquette de vente.

Outre ces fonctionnalités impressionnantes, vous pouvez également afficher des badges de produits personnalisés. Avoir des badges de produit aide à attirer l'attention des clients et augmente immédiatement les ventes.

Fonctionnalités du widget Product Grid :

  • Disposition du carrousel et de la grille
  • Options de peau personnalisées
  • Lignes et colonnes personnalisées
  • Options de mise en page illimitées
  • Des options de typographie avancées sont disponibles
  • Effets de survol
  • Fonction de vue rapide
  • Système d'affichage des notes

Consultez la page de destination du widget Woo Product Grid.


2. Widget de catégorie Elementor WooCommmerce

Voulez-vous avoir cette page séparée qui aidera vos clients à choisir la catégorie de produits plutôt que de les afficher avec tous les produits de votre boutique ? Pourquoi faire tout ce travail supplémentaire alors que vous pouvez faire la même chose avec l'aide du widget Woo Category ?

Avec le widget PowerPack Woo Category, vous pouvez afficher vos catégories de produits dans des mises en page élégantes : Grille, Carrousel et Tuiles. Vous pouvez choisir l'une des mises en page de catégories et créer de superbes affichages de produits sur votre site Web.

En outre, vous pouvez facilement personnaliser les boutons de catégorie de produits WooCommerce de votre site Web avec l'éditeur Elementor.

catégorie woocommerce

Fonctionnalités du widget Woo Category :

  • Plusieurs styles de mise en page - Grille, Carrousel, Tuiles
  • Dispositions préconçues personnalisables
  • Activer/désactiver le titre de la catégorie, la description et le nombre de produits
  • Options complètes de personnalisation du design
  • Les catégories personnalisées comptent
  • Option de colonnes personnalisées
  • Option Position du contenu
  • Filtrage avancé
  • Possibilité de commande personnalisée

Consultez la page de destination du widget Woo Category.


3. Elementor WooCommerce Mon widget de compte

Le tout premier widget Mon compte pour Elementor et WooCommerce.

À l'aide de ce widget PowerPack Woo, vous pouvez facilement styliser la page Mon compte de vos sites de commerce électronique construits avec WooCommerce.

À l'époque, il était tout à fait impossible de personnaliser cette partie du site Web Woo sans code personnalisé et CSS. Mais maintenant, vous pouvez styliser et modifier la page Mon compte comme vous le souhaitez.

De la modification de l'onglet du front-end au style de différents aspects de la page. vous pouvez tout faire en quelques clics.

Personnaliser la page Mon compte WooCommerce à l'aide d'Elementor

Fonctionnalités du Widget Mon compte WooCommerce :

  • Options d'aperçu pour les onglets
  • Option de style pour le tableau, les onglets et le bouton
  • Disposition verticale et horizontale des onglets
  • Obtenez le contrôle de la position et de l'alignement
  • Options de personnalisation avancées

4. Widget de paiement Elementor WooCommerce

Woo Checkout est ce que vous recherchiez si vous aviez des difficultés à personnaliser la page de paiement de votre site Web.

Avec ce widget PowerPack, vous pouvez personnaliser et personnaliser votre page de paiement WooCommerce comme vous le souhaitez avec des options de personnalisation et d'édition avancées.

Fonctionnalités du widget Woo Checkout :

  • Mise en page à une colonne et à deux colonnes
  • Paramètres de style avancés
  • Paramètres de typographie personnalisés
  • Options de personnalisation du design
  • Options de style pour la section Coupon Bar.

Affichez la page de destination du widget WooCommerce Checkout.


5. Widget de panier Elementor WooCommerce

Saviez-vous qu'en moyenne, plus de 50 % des paniers ne sont pas traités et ne passent jamais la caisse ? Et une autre déception est que beaucoup de temps, la raison de l'abandon du panier est simplement des pages de panier compliquées et ennuyeuses.

Pour résoudre ce problème, nous avons mis au point le widget Woo Cart pour Elementor, qui vous permet de créer de beaux paniers sur votre site Web afin que vos utilisateurs puissent avoir une expérience de paiement agréable.

Caractéristiques du widget Woo Cart :

  • Conception personnalisée simple et élégante
  • Personnalisation des images et puissance d'édition
  • Personnalisation avancée de la mise en page globale
  • Personnalisation des boutons
  • Activer/désactiver le champ des coupons
  • Activer/désactiver les ventes croisées

Découvrez la démo du widget WooCommerce Cart.


6. Widget Elementor WooCommerce Ajouter au panier

Les gens et les propriétaires de sites Web ne prêtent pas beaucoup d'attention à l'importance du bouton "Ajouter au panier" . La conception de votre bouton en dit long sur la probabilité que votre visiteur ou l'acheteur clique dessus. Jusqu'à présent, il n'y avait pas beaucoup de personnalisation disponible pour ce bouton.

Mais maintenant, avec le widget WooCommerce Ajouter au panier pour Elementor, vous pouvez concevoir le bouton et le placer où vous voulez sur le site Web.

bouton ajouter au panier woocommerce

Fonctionnalités du widget Ajouter au panier :

  • Option de sélection de produits personnalisés
  • Activer/désactiver la quantité
  • Option de redirection automatique
  • Option de texte personnalisé pour le bouton
  • Personnalisation des boutons - alignement, taille, rembourrage, icône.
  • Personnalisation des boutons - design, couleur, typographie, options de survol.

Consultez la page de destination du widget WooCommerce Ajouter au panier.


7. WooCommerce Off Canvas Cart

Améliorez le processus de paiement de votre site Web et améliorez l'expérience utilisateur avec le widget créatif Woo Off Canvas Cart. Ce widget vous permet d'ajouter des panneaux coulissants élégants pour afficher le contenu du panier sur votre site. Vous pouvez afficher les menus déroulants de n'importe quel côté de la page, que ce soit à gauche, à droite, en haut ou en bas.

Bien que ce widget soit livré avec des options de fonctionnalités avancées, ce qui vous donne la possibilité de créer un impressionnant panier hors toile sans ajouter de code personnalisé, en gardant à l'esprit l'approche du développeur, nous vous avons également fourni une option pour déclencher un panneau hors toile avec Options de déclencheur de classe et d'ID personnalisées.

Si vous n'êtes pas familier avec Class & ID, vous pouvez afficher un bouton ou une icône pour ouvrir le chariot du panneau hors toile.

En outre, vous pouvez ajouter des animations sympas pour créer des panneaux créatifs hors toile sur votre site.

Caractéristiques du chariot Woo Off Canvas :

  • Options de déclenchement avancées : bouton, classe d'élément et ID d'élément
  • Option d'affichage créatif pour le bouton
  • Affichage et positionnement du contenu
  • Animations de transition attrayantes
  • Titre et message du panier personnalisé
  • Options de fermeture du panier : Cliquez sur la superposition, Échap pour fermer, etc.
  • Personnalisations des boutons
  • Options de style illimitées

Consultez la page de destination de WooCommerce Off Canvas Widget.


8. Widget Mini panier Elementor WooCommerce

Le panier joue l'un des rôles les plus importants dans une boutique de commerce électronique. Avoir un panier fonctionnel aide à améliorer l'expérience utilisateur et réduit le taux d'abandon du panier. Désormais, avec le widget Woo Mini Cart, vous pouvez afficher une icône de panier sur l'en-tête ou le menu de votre site Web

Ce widget est doté de fonctionnalités avancées qui vous permettent de personnaliser chaque élément et d'ajouter un mini panier sur n'importe quelle page de votre site Web WooCommerce.

Vous pouvez le configurer pour afficher le contenu du panier au survol ou au clic, vous pouvez ajouter des titres et des messages de panier personnalisés et bien plus encore…

Caractéristiques du Widget Woo Mini Cart :

  • Options de personnalisation étendues
  • Ajouter un titre et un message au panier personnalisé
  • Fonction avancée de déclenchement de chariot
  • Option de style de bouton
  • Personnalisation du compteur d'articles
Comment ajouter un mini panier WooCommerce sur votre site Web avec Elementor

Affichez la page de destination du widget WooCommerce Mini Cart.


Obtenez des widgets WooCommerce pour Elementor !

Vous pouvez désormais commencer à utiliser facilement les widgets WooCommerce Elementor Widgets sur votre site Web avec les addons PowerPack Elementor.

La meilleure partie est que vous obtenez tous ces widgets avec les widgets PowerPack existants sans aucun coût supplémentaire, vous n'avez donc rien à payer de plus pour accéder à ces widgets géniaux !

Si vous avez PowerPack, vous pouvez télécharger la dernière version depuis la zone de compte et commencer à utiliser ces widgets immédiatement !

Si vous n'avez pas de PowerPack, vous pouvez l'obtenir maintenant !

Faites-nous savoir ce que vous pensez des nouveaux widgets en commentant ci-dessous !

Lisez plus de tutoriels WooCommerce :

  1. Comment créer une boutique WooCommerce personnalisée avec Elementor ?
  2. Comment personnaliser la page de paiement WooCommerce avec Elementor ?
  3. Comment créer un carrousel de produits WooCommerce avec Elementor ?
  4. Comment personnaliser la page Mon compte WooCommerce à l'aide d'Elementor ?