WooCommerce dispose de milliers de thèmes pour améliorer et personnaliser votre boutique en ligne. Mais de nombreux thèmes WooCommerce ne proposent malheureusement pas d’option de personnalisation du panier. La plupart du temps, il faut passer par un plugin tiers pour le faire. Aujourd’hui, je vous montre comment ajouter un panier personnalisé dans votre boutique en ligne à l’aide du plugin prémium WooCart Pro pour WooCommerce.

 

WooCart Pro c’est quoi ?

WooCart Pro est un plugin puissant qui vous permet d’ajouter un panier déroulant à votre boutique, ce qui permet à vos clients de voir plus facilement ce qu’ils ont déjà ajouté dans leur panier. Avec ce plugin, les clients peuvent mettre à jour ou supprimer des produits du panier de manière beaucoup plus simple et sans avoir à recharger le panier.

 

Principales caractéristiques de WooCart Pro :

  • Ajouter un panier contenant les produits achetés
  • Panier à emplacement fixe (grâce à un Widget)
  • Activer le panier flottant (panier à défilement collant)
  • Possibilité de modifier la quantité de produits sur le panier
  • Supprimer les produits depuis le panier
  • Popup Lightbox sur l’action « ajouter au panier »
  • Possibilité d’insérer un panier dans les menus
  • Personnaliser le panier avec de nombreuses options :
    • Liste déroulante des produits au clic ou au survol
    • Possibilité d’afficher le prix total et le montant dans n’importe quelle combinaison
    • Personnaliser le texte et les icônes dans le panier
    • 11 icônes par défaut et la possibilité d’ajouter votre propre icône personnalisée.
    • Personnaliser la couleur du panier.
    • La quantité de produits ajoutés au panier en badge
  • Ajouter un sélecteur de quantité sur la liste des produits du panier
  • Afficher le panier en utilisant un Shortcode

 

Ajouter un panier déroulant avec WooCart Pro

Nous allons commencer par l’installation du plugin.

INSTALLATION

  • Téléchargez le fichier zip de l’extension sur l’ordinateur,
  • Allez dans « Extensions > Ajouter » depuis le back-office WordPress,
  • Cliquez sur le bouton « Téléverser une extension »,
  • Choisissez le fichier Zip de l’extension et cliquez sur le bouton « Installer Maintenant ».
  • Activez le plugin.

instal 2

Configuration du panier déroulant de WooCart Pro

Une fois que vous avez installer le plugin, rendez-vous dans votre barre d’administration WordPress, puis cliquez sur le tout nouveau menu « WooCart Pro ».

acces woocart

En cliquant dessus, vous allez directement rediriger sur la page de configuration et de personnalisation du panier du plugin.

Dans le menu « General », vous trouverez les options d’affichage du panier. Vous pouvez le cacher s’il est vide ou sur les appareils mobiles. Vous pouvez également choisir de l’afficher ou non sur toutes les pages.

option general woocart

Personnalisez ensuite l’icône du panier dans la section « ICON ». Choisissez parmi les icônes proposées, ou importez votre propre icône. Après, personnalisez les couleurs selon vos besoins.

icon woocart

Concernant le mode d’affichage et la personnalisation de la liste déroulante du panier, c’est dans la section « DROPDOWN LIST » que vous pouvez le faire.

dropdownn list woocart

Ce qui est aussi bien avec WooCart Pro, c’est que vous pouvez personnaliser l’affichage du nombre de produit dans le panier. Choisissez simplement parmi les options disponibles dans la section « PRODUCT QUANTITY ». Par la même occasion, activez l’option « Quantity Spinner » si vous voulez que vos puissent modifier la quantité des produits depuis la liste de produit déroulante.

product qty woocart

La dernière chose que vous pouvez personnaliser c’est l’affichage du sous-total dans le panier. Cochez simplement sur la case « Cart Total Price » depuis la section « TOTAL PRICE » si vous voulez l’activer. Vous pouvez aussi ajouter un texte avant et après le prix.

total price woocart

Voici à quoi ressemble le panier déroulant sur notre site éducation WB2 :

doropdown woocart test

Après un ajout au panier, le plugin affiche un popup résumant le contenu du panier comme ci-dessous :

fancy popup woocart

Widget et Shortcode WooCart Pro :

WooCart Pro met à notre disposition un Widget Panier personnalisable. Ajoutez le Widget et choisissez le mode d’affichage qui vous convient et c’est tout.

add widget woocartwidget woocart

Concernant le Shortcode, insérez simplement le Shortcode [WooCommerceWooCartPro] dans n’importe quel contenu de votre boutique pour afficher le panier déroulant de WooCart Pro.

shortcode woocart

home


CONCLUSION

WooCart Pro est un bon plugin pour pousser plus loin la personnalisation d’une boutique WooCommerce. Les options de personnalisations sont très complètes et le plugin est totalement responsive. Le seul hic que j’ai constaté avec ce plugin c’est qu’il n’est pas traduit et la mise à jour tarde un peu. Je vous conseille d’utiliser Loco Translate pour mieux profiter à fond de ce plugin. J’espère que ce plugin apportera plus de confort pour vos clients.