Comment ajouter un panier flottant sur votre boutique WooCommerce

NRZ.Digital
0 0

popup de panier flottant

Le panier est une entité à partir de laquelle la conversion en magasin commence. Il contient les produits que les acheteurs souhaitent sincèrement acheter. Par conséquent, en tant que vendeur, vous devez également être suffisamment prudent pour que votre panier d’achat soit visible et facilement accessible.

Dans les cas où les clients achètent plusieurs produits, l’accessibilité du panier devient un problème sérieux. Les clients doivent quitter la page d’achat ou la page du produit plusieurs fois pour vérifier le produit ajouté jusqu’à présent et le prix total dans la page du panier, puis revenir pour faire leurs achats. Cela interrompt le flux d’achat et crée de la frustration.

Voici une solution – Popup de panier flottant WooCommerce.

Il s’agit d’un outil ou d’un plugin puissant qui peut rendre votre panier facilement accessible directement sur n’importe quelle page souhaitée de votre boutique WooCommerce, sans vraiment faire passer vos acheteurs à la page du panier. Nous verrons en détail de quoi il s’agit et comment configurer un panier flottant WooCommerce dans votre magasin. Mais, une chose intéressante, c’est qu’avec les chariots flottants, beaucoup de clics inutiles et de sauts de page sont réduits.

Dans cet article, je vais vous guider étape par étape pour ajouter un panier flottant WooCommerce à votre boutique et réduire le problème des acheteurs dont nous avons discuté ci-dessus.

Aller à la section

  1. Qu’est-ce qu’un chariot flottant ?
  2. Comment ajouter un chariot flottant dans votre boutique WooCommerce ?
  3. Avantages de l’ajout d’un chariot flottant

Qu’est-ce qu’un chariot flottant ?

La fenêtre contextuelle du panier flottant est un panneau rapide qui apparaît lorsqu’un acheteur clique sur l’icône du panier. C’est ce qu’on appelle un panier flottant, car l’icône reste au même endroit avec le défilement de la page, et lorsqu’on clique dessus, elle montre les différents détails du panier.

De plus, la fenêtre contextuelle vous permet de supprimer les articles ajoutés au panier, de modifier la quantité, de vérifier le prix total et les frais d’expédition, etc. Voici la fenêtre contextuelle du panier flottant WooCommerce en action :

fonctionnement du chariot flottant

Cette simple fenêtre contextuelle peut améliorer l’expérience client, augmenter le taux de conversion, éviter les possibilités d’abandon de panier et d’autres avantages dont nous discuterons dans la section des avantages ci-dessous.

Obtenez le plug-in contextuel du panier flottant WooCommerce

Activez et configurez ce plugin sur votre boutique WooCommerce et convertissez davantage et mieux vos acheteurs.

Apprenons maintenant le processus étape par étape pour ajouter un panier flottant sur votre boutique WooCommerce.

Comment ajouter un panier flottant dans votre boutique WooCommerce ?

L’ajout d’un panier flottant sur les pages souhaitées de votre boutique WooCommerce est simple. Après avoir obtenu le plugin, cela ne prendra pas plus de 5 minutes pour configurer complètement le plugin et voir le chariot flottant en action. Les étapes sont les suivantes:

Étape 1. Achetez le plugin de CodeCanyon

Vous pouvez obtenir le plugin « WooCommerce Floating Cart Popup » à partir du CodeCanyon boutique. Tout ce que vous avez à faire est de visiter la page du produit, de cliquer sur le bouton « Acheter maintenant » et de suivre le processus de paiement sécurisé.

Si vous êtes nouveau sur CodeCanyon, inscrivez-vous et créez un compte pour obtenir tous produits passionnants sur CodeCanyon.

plugin de panier flottant

Après une vérification réussie, le fichier .zip du plugin sera envoyé à l’adresse e-mail vérifiée, avec l’ensemble des autres détails pour la vérification de la licence.

Maintenant, vous avez le plugin. Il est temps de l’installer et de l’activer.

Étape 2. Installer et activer le plugin sur WordPress

Voici les étapes :

  • Télécharger et installer le plugin

    Depuis le panneau d’administration WordPress, cliquez sur Plugin → Ajouter un nouveau

    ajouter un nouveau

    Après avoir cliqué sur « Ajouter un nouveau« , vous obtiendrez une option de « Télécharger le plugin« . Téléchargez le fichier .zip du plugin que vous avez reçu après l’avoir acheté auprès de CodeCanyon. Et, cliquez sur le « Installer maintenant » bouton.

    télécharger un nouveau plugin

    Au fur et à mesure que vous installez et activez le plugin. Un nouveau menu pour les chariots flottants sera ajouté dans la barre de menu verticale sous le « MakeWebBetter » comme indiqué ci-dessous.

    menu makewebbetter dans wp

  • Valider la licence

    Validez le plugin en saisissant le code d’achat dans le « Activation de la licence » que vous avez reçu après l’achat du plugin. Consultez le processus de vérification de licence pour en savoir plus.

    vérifier la licence

    Une fois que vous avez validé le plugin, vous pouvez continuer à utiliser le plugin sans aucune interruption. De plus, après la validation réussie, le « Activation de la licence” disparaîtra automatiquement.

    Après l’installation et l’activation, il est temps de configurer le plugin et de voir les fonctionnalités contextuelles du panier flottant dans votre boutique WooCommerce.

    Ces réglages sont effectués sous deux menus de réglage :

    1. Réglage général
    2. Chariot flottant

Étape 3. Réglage général

Clique sur le « Réglage général” pour voir toutes les options de réglage. Il contient quatre options de réglage, qui sont :

  • Activer le plugin

    Réglez le bouton Toggle sur ON pour activer le plugin de panier flottant. Il ajoute immédiatement un panier flottant à votre magasin, mais le tout avec le paramètre par défaut.

    activer

  • Télécharger l’image du panier

    Ajoutez une image de panier de votre choix dans ce cadre. Cependant, il existe une icône par défaut, mais c’est quelque chose qui peut ne pas représenter votre marque. Le mieux est donc de télécharger votre propre icône. Il peut même s’agir d’un Gif, car cela rend l’icône du panier plus attrayante (un exemple peut être vu dans la documentation du produit).

    changer l'icône du panier

  • Voler au panier Effet

    Il s’agit d’un effet étonnant qui rend la fonctionnalité globale du chariot flottant visuellement attrayante pour les acheteurs. Il affiche comment le produit entre dans le panier lorsque les visiteurs cliquent sur le « Ajouter au panier » bouton.

    voler au panier effet

    Les propriétaires de magasins peuvent obtenir plusieurs effets pour leur magasin.

    1. Faites glisser (illustré ci-dessus)
    2. Dézoomer
    3. Le sens des aiguilles d’une montre
    4. Rotation dans le sens inverse des aiguilles d’une montre
    5. Retournement vertical
    6. Retournement horizontal

    Choisissez simplement celui que vous aimez dans le menu déroulant. Et, c’est mis en action.

    options de vol au panier

  • Modèles de panier

    La fenêtre contextuelle qui contient les détails de l’article ajouté du panier peut être définie sur un design différent en sélectionnant un modèle différent à partir de cette option.

    Il y a trois modèles différents disponibles qui sont :

    modèles de panier flottant

Étape 4. Réglage du chariot flottant

Enfin, ce paramètre vous permet de modifier l’apparence et la position de votre panneau contextuel. Le modèle que vous choisissez dans le paramètre Général aura un aspect tel que le titre, la couleur d’arrière-plan, la couleur du texte, etc. Toutes ces mises en forme peuvent être modifiées en fonction de votre marque et de votre choix.

Outre ces aspects de conception, vous pouvez définir la position du chariot, sélectionner la page du chariot flottant, définir le décalage horizontal et vertical, etc. Apprenons à les définir tous.

  • Paramètre de conteneur de chariot

    Ici, vous pouvez définir l’apparence de votre conteneur de chariot. Fondamentalement, un conteneur de panier est un badge sur le panier qui affiche le nombre total d’articles présents dans votre panier. Ainsi, les acheteurs connaissent le nombre d’articles ajoutés même sans cliquer dessus.

    insigne de conteneur de panier de réglage

    Lorsque vous les définissez dans le backend, vos acheteurs verront ceux dans le frontend comme :

    insigne de chariot flottant

  • Réglage de l’affichage du panier

    Le panier flottant affichera les détails contextuels au clic ou au survol. Vous pouvez choisir parmi cette option de réglage.

    affichage de chariot flottant

  • Réglage de la position du chariot flottant

    Différents propriétaires de magasins aiment placer le panier flottant à différents endroits, et par conséquent, le plugin contextuel du panier flottant WooCommerce vous offre la possibilité de choisir cette position.

    Vous pouvez déplacer votre panier soit sur :

    1. En haut à droite de la page
    2. En haut à gauche de la page
    3. En bas à droite de la page
    4. En bas à gauche de la page

    position du chariot flottant

  • Décalage X et Y du chariot

    Le décalage X vous permet de déplacer le chariot flottant vers la gauche et la droite en pixels pour trouver la position la plus appropriée. Alors que le décalage Y vous permet de déplacer le chariot flottant de haut en bas en pixels. Dans l’ensemble, il s’agit de trouver l’endroit idéal pour le chariot flottant afin qu’aucun autre aspect du magasin ne soit perturbé.

  • Sélectionnez les pages pour le chariot flottant

    Il n’est pas pratique d’afficher un panier flottant sur toutes les pages de votre boutique WooCommerce. Pourquoi quelqu’un voudrait-il voir un panier flottant sur la page de confidentialité, la page de politique de remboursement ou même la page de paiement ?

    Ainsi, le plugin vous permet de sélectionner ces pages dans ce paramètre. Vous pouvez choisir des pages de produits, des pages d’achat, des pages d’offres et d’autres pages appropriées où le panier flottant est adapté à l’utilisation.

    sélectionner la page pour le panier flottant

  • Réglage du texte de l’en-tête et de la caisse et de la couleur de fond

    L’administrateur peut définir le texte, la couleur d’arrière-plan et la couleur du texte de l’en-tête et du bouton de paiement pour le rendre uniforme avec l’autre aspect de la conception de leur magasin.

    réglage de la couleur du chariot flottant

    Voici le frontend :

    boutons de panier flottant

    Une fois tous ces réglages effectués. Enregistrez les modifications. Et c’est FAIT.

    Votre boutique WooCommerce avec des fonctionnalités de panier flottant est prête à attirer plus de visiteurs avec un panier flottant rapide et facilement accessible.

Avantages de l’ajout d’un chariot flottant

La fenêtre contextuelle du panier flottant que nous venons d’apprendre à configurer sur la boutique WooCommerce ajoute des avantages incontestables. Voyons quels sont ces avantages supplémentaires pour les propriétaires de magasins ou les clients.

Voici les avantages :

  • Améliorer l’expérience d’achat des acheteurs.

    Comme nous l’avons déjà évoqué, l’ajout d’une fenêtre contextuelle de panier flottant réduit de nombreux clics inutiles supplémentaires que les acheteurs doivent effectuer lors de la planification de l’achat de plusieurs produits. Cela facilite les achats, fait gagner du temps et une navigation supplémentaire. Globalement, l’expérience d’achat des acheteurs s’améliore. Les acheteurs peuvent immédiatement vérifier tous les produits ajoutés.

  • Aide à réduire les abandons de panier.

    Les cas d’abandon de panier surviennent principalement lorsque le client ajoute des produits incertains ou lorsqu’il rencontre des difficultés lors du paiement. Avec les chariots flottants WooCommerce, ces deux raisons majeures sont résolues, permettant aux acheteurs de retirer facilement des articles du panier et de passer à la caisse. Ainsi, les cas d’abandon de panier diminuent.

  • Vérifiez les détails du panier à tout moment

    La fenêtre contextuelle du panier flottant affiche tous les détails essentiels du panier directement dans la fenêtre contextuelle qui s’ouvre après un clic ou un survol. Par conséquent, les acheteurs n’ont pas besoin de visiter la page du panier pour voir ce qu’ils ont ajouté, ses frais d’expédition ou pour supprimer un panier. Ils peuvent faire tout cela à partir de la fenêtre contextuelle du panier flottant.

  • Augmenter le taux de conversion

    La fenêtre contextuelle du panier flottant contient le bouton de paiement, qui est beaucoup plus accessible que dans les cas normaux. Cela augmente les chances de conversion. Plus vous simplifiez le processus de paiement, meilleur est le taux de conversion.

Conclusion

Le processus d’installation n’a-t-il pas été facile ? Je trouve ça trop facile.

J’ai fait de mon mieux pour vous accompagner dans le processus d’installation complet de la manière la plus simple et la plus efficace possible. L’installation globale ne prend vraiment pas plus de 5 minutes si tout se passe bien.

Cependant, vous pouvez rencontrer des problèmes aléatoires. Pour cela, nous sommes toujours là pour vous aider. Vous pouvez consulter la documentation (le lien est déjà fourni ci-dessus). Si vous avez un doute sur le fonctionnement du plugin, consultez la démo (lien partagé ci-dessus) et même s’il y a toujours un problème, commentez simplement ci-dessous. Ou contactez l’équipe d’assistance, prête à vous aider 24h/24 et 7j/7.

Merci pour la lecture. Bonne chance.


Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Laisser un commentaire

Next Post

Comment l'IoT révolutionne la gestion de flotte ?

L’IoT est une percée qui a conduit à une évolution technologique remarquable dans un passé récent, avec son avancement radical dans tous les secteurs possibles. C’est le présent et l’avenir des transformations commerciales révolutionnaires. Cette avancée a encouragé presque toutes les entreprises à réévaluer leurs stratégies et à rationaliser leurs […]

Abonnez-vous maintenant