Besoin de personnaliser votre page de panier WooCommerce ?
La mise en page par défaut du panier WooCommerce semble souvent maladroite et fait peu pour encourager les clients à finaliser leur achat. Une page de panier bien conçue peut améliorer l'expérience utilisateur, réduire l'abandon de panier et augmenter vos ventes.
Dans ce tutoriel, je vais vous montrer étape par étape comment personnaliser votre page de panier WooCommerce sans écrire une seule ligne de code. Nous utiliserons SeedProd, l'outil de création de pages par glisser-déposer sur lequel je m'appuie pour créer des pages WooCommerce à forte conversion en quelques minutes.
Étapes rapides pour personnaliser votre page de panier WooCommerce :
Pourquoi créer une page de panier WooCommerce personnalisée ?
Saviez-vous que près de 70 % des clients abandonnent leur panier avant de finaliser leur achat ? L'abandon de panier coûte aux boutiques en ligne des milliards en ventes perdues chaque année.
En prenant le temps de personnaliser la mise en page de votre page de panier WooCommerce, vous pouvez résoudre bon nombre des raisons pour lesquelles les clients partent. Une meilleure conception peut renforcer la confiance, mettre en évidence les offres clés et guider les acheteurs vers le bouton de paiement plutôt que vers le bouton retour.
Lorsque vous modifiez votre page de panier WooCommerce pour améliorer l'expérience utilisateur, vous tirez le meilleur parti du trafic que vous avez déjà. Même de petites améliorations peuvent réduire considérablement les taux d'abandon et augmenter les revenus sans dépenser plus en publicité.
Voici quelques façons d'optimiser votre panier WooCommerce pour les conversions :
- Offrez la livraison gratuite ou montrez à quel point les clients sont proches de s'en qualifier
- Appliquez des remises automatiques ou affichez clairement les champs de code de réduction
- Rendez les totaux du panier faciles à lire et à comprendre
- Ajoutez des signaux de confiance tels que des témoignages, des avis ou des badges de sécurité
- Utilisez un bouton de mise à jour du panier et assurez-vous qu'il est facile à trouver sur mobile
Dans l'ensemble, une conception de page de panier WooCommerce personnalisée aide les clients à se sentir en confiance lors du paiement et, finalement, génère plus de ventes pour votre boutique.
Alors, comment personnaliser les pages de panier WooCommerce ? Plongeons et découvrons.
Comment personnaliser la page de panier WooCommerce
Beaucoup de gens utilisent des plugins de panier d'achat pour optimiser les pages de panier dans WooCommerce. Mais nous pensons que la façon la plus simple de personnaliser votre panier est d'utiliser un constructeur de pages par glisser-déposer comme SeedProd.
SeedProd est le meilleur constructeur de pages WordPress avec prise en charge des sites Web WooCommerce. Vous pouvez utiliser ce plugin pour créer une page de panier WooCommerce personnalisée sans écrire de code.
SeedProd offre plus de 150 modèles de pages de destination entièrement réactifs pour commencer rapidement. Et avec l'éditeur visuel, vous pouvez personnaliser votre page et voir les modifications en temps réel.
De plus, avec des tonnes de blocs et de sections, vous pouvez donner à votre page de panier l'apparence exacte que vous souhaitez sans engager de développeur.
Mise à jour : Vous pouvez maintenant créer un thème WooCommerce personnalisé avec SeedProd, vous permettant de créer facilement n'importe quelle page WooCommerce sans code.
En gardant cela à l'esprit, suivez ces étapes pour créer une page de panier WooCommerce personnalisée avec SeedProd.
Étape 1. Installer et activer SeedProd
La première étape consiste à télécharger une copie du plugin de page de destination WordPress SeedProd.
Ensuite, installez et activez le plugin sur votre site Web WordPress. Pour obtenir de l'aide à cette étape, consultez ce guide détaillé sur l'installation d'un plugin WordPress.
Remarque : il existe une version gratuite de SeedProd que vous pouvez utiliser. Mais pour ce tutoriel, nous utiliserons la version Elite pour le support WooCommerce intégré dont nous avons besoin.
Après avoir activé SeedProd sur votre site WordPress, allez dans SeedProd » Paramètres et entrez votre clé de licence produit.
Vous pouvez trouver votre clé de licence SeedProd dans le tableau de bord de votre compte sur le site Web de SeedProd.
Étape 2. Créez un nouveau modèle de page de panier WooCommerce
Après avoir activé votre clé de licence, allez dans SeedProd » Pages et cliquez sur le bouton « Ajouter une nouvelle page de destination » pour créer votre page de panier.
À partir de là, vous pouvez choisir un modèle de page de panier à utiliser comme structure pour votre conception.
SeedProd propose des centaines de modèles adaptés aux mobiles pour diverses industries, dont beaucoup peuvent être utilisés comme modèles WooCommerce. Ainsi, lorsque vous trouvez un modèle qui vous plaît, placez votre curseur dessus et cliquez sur l'icône « Coche » pour le lancer.
Pour ce guide, nous utiliserons le « Modèle vierge ». Ce modèle vous permet de commencer à partir de zéro et d'ajouter uniquement les sections et les blocs que vous souhaitez.
Après avoir choisi votre modèle, une fenêtre contextuelle s'ouvre pour ajouter un nom et une URL à votre page. Ensuite, vous pouvez cliquer sur le bouton « Enregistrer et commencer à modifier la page » pour ouvrir le modèle dans l'éditeur visuel de SeedProd.
Étape 3. Personnaliser la mise en page et la conception de la page de panier
Le constructeur de pages par glisser-déposer de SeedProd a une disposition distincte à 2 colonnes qui le rend facile à utiliser :
- À gauche se trouvent les blocs et les sections pour personnaliser votre conception
- À droite se trouve un aperçu en direct de votre page
Ajouter du contenu à votre page de panier est aussi simple que de faire glisser un bloc de la gauche vers votre aperçu à droite.
Examinons quelques-uns des éléments essentiels que vous pouvez inclure sur votre page de panier WooCommerce.
Ajouter un logo
Pour ajouter un logo à votre page de panier, choisissez une disposition de section qui contiendra les éléments de votre page, comme la section standard.
Ensuite, choisissez le bloc « Image » et faites-le glisser sur votre nouvelle section à droite.
Cliquer sur le bloc image ouvre le panneau des paramètres de contenu, où vous pouvez télécharger un logo depuis votre ordinateur ou votre médiathèque WordPress.
À partir de là, vous pouvez ajouter un lien vers votre page d'accueil, redimensionner votre logo et modifier l'alignement.
Ajouter un panier WooCommerce
Ajoutons maintenant votre panier d'achat WooCommerce à la conception. Pour ce faire, ajoutez une nouvelle section à votre conception et choisissez la disposition de la barre latérale de contenu.
Cette disposition vous permet d'ajouter votre panier à la colonne la plus grande et laisse de l'espace dans la colonne la plus petite pour les avis, les témoignages et d'autres informations importantes.
Pour ajouter votre panier WooCommerce à la page, faites défiler vers le bas jusqu'à la section des blocs WooCommerce et faites glisser le bloc « Panier » sur votre nouvelle section.
Cliquer sur l'icône des paramètres du panier affiche un panneau avec des paramètres de personnalisation des couleurs, des polices et de la taille pour :
- En-têtes
- Boutons
- Champs
- Alerte
- Panier
Par exemple, nous avons changé les couleurs des boutons pour mieux correspondre à la marque et au logo de notre boutique.
Ajouter des avis et des témoignages
Vous vous souvenez de cette deuxième colonne ? Pour ce guide, nous utiliserons cette colonne pour présenter les témoignages de clients et les évaluations par étoiles.
Une preuve sociale comme celle-ci peut encourager les acheteurs sur le point de finaliser leur commande à conclure la vente. Après tout, les avis positifs de vrais clients sont beaucoup plus convaincants que de croire la marque sur parole.
Pour ajouter des témoignages à votre page de panier WooCommerce, trouvez le bloc Témoignages sous l'en-tête des blocs « Avancé » et faites-le glisser dans votre colonne étroite à droite.
Et comme tous les blocs de SeedProd, cliquer dessus affiche les paramètres pour personnaliser le contenu de votre témoignage. Par exemple, vous pouvez ajouter une photo de profil personnalisée, le nom du client, modifier l'alignement et même ajouter plusieurs avis dans un carrousel de témoignages.
Pour rendre vos avis encore plus convaincants, vous pouvez faire glisser le bloc Évaluation par étoiles et le placer sous votre carrousel de témoignages.
Ajouter de la rareté et de l'urgence
L'un des meilleurs moyens d'attirer des clients potentiels vers votre page de paiement WooCommerce est de créer un sentiment d'urgence. Ainsi, si les acheteurs n'agissent pas maintenant, ils risquent de manquer une offre intéressante.
La façon la plus simple d'ajouter de la rareté à votre page de panier WooCommerce est d'utiliser un minuteur de rareté ou une horloge de compte à rebours. Et SeedProd a cette option intégrée.
Tout ce que vous avez à faire est de sélectionner le bloc « Compte à rebours » dans la section des blocs « Avancé » et de le faire glisser en haut de votre panier. Ensuite, sélectionnez l'option « Minuteur visiteur » afin que le minuteur se rafraîchisse pour chaque visiteur.
Ensuite, dans l'onglet des paramètres avancés, vous pouvez personnaliser les couleurs pour qu'elles correspondent au reste de votre panier.
Ajoutons maintenant un titre indiquant aux gens qu'ils ont un temps limité avant l'expiration de leur panier. Pour ce faire, faites glisser le bloc « Titre » et entrez votre texte.
Vente croisée de produits WooCommerce
Votre page de panier WooCommerce est un excellent endroit pour promouvoir et recommander d'autres produits ou services. De cette façon, vous pouvez intercepter les acheteurs avant qu'ils ne finalisent leur commande avec des produits pertinents qu'ils pourraient aimer.
Et la bonne nouvelle, c'est que SeedProd propose plusieurs grilles de produits différentes qui vous permettent d'afficher des produits sur n'importe quelle page. Vous pouvez les trouver en allant dans la section des blocs « WooCommerce » et en choisissant parmi :
- Produits récents
- Produits en promotion
- Produits les plus vendus
- Produits en vedette
- Produits les mieux notés
Par exemple, vous pouvez faire glisser le bloc « Produits en promotion » et l'ajouter juste en dessous de votre panier WooCommerce. De cette façon, les acheteurs ont la possibilité de les ajouter à leur panier avant de finaliser leur commande.
Étape 4. Publier et lier votre nouvelle page de panier
Après avoir apporté des modifications à votre page de panier, il est temps de la publier et de la rendre active sur votre boutique WooCommerce. Pour ce faire, cliquez sur la flèche déroulante à côté du bouton vert Enregistrer et sélectionnez Publier.
Ensuite, la dernière tâche consiste à ajuster l'URL de votre panier dans les paramètres du plugin WooCommerce. Accédez donc à WooCommerce » Paramètres et cliquez sur l'onglet Avancé.
Ensuite, à côté de l'en-tête « Page du panier », sélectionnez la nouvelle page de panier que vous avez créée avec SeedProd. N'oubliez pas de cliquer sur le bouton Enregistrer les modifications en bas de l'écran.
Désormais, lorsque les clients cliqueront sur le lien « Voir le panier » sur votre site web, ils verront votre nouvelle page de panier WooCommerce personnalisée.
FAQ sur la personnalisation de la page de panier WooCommerce
La personnalisation de votre page de panier WooCommerce est l'un des moyens les plus rapides de réduire l'abandon de panier et d'augmenter les ventes. En améliorant la mise en page, en ajoutant des signaux de confiance et en supprimant les frictions, vous pouvez transformer plus de clients potentiels en clients payants.
Avec SeedProd, vous pouvez modifier la conception de votre page de panier WooCommerce sans toucher une seule ligne de code. Son constructeur par glisser-déposer facilite la création d'une page de panier entièrement personnalisée et optimisée pour les conversions.
Si vous souhaitez suivre les conversions de votre panier WooCommerce, consultez notre article sur la configuration du suivi des conversions WooCommerce et ce guide sur comment corriger le problème de la page « Voir le panier » WooCommerce qui ne fonctionne pas.
Merci de votre lecture. Veuillez nous suivre sur YouTube, Twitter et Facebook pour plus de contenu utile pour développer votre entreprise si cet article vous a plu.
