Voulez-vous créer une page de panier WooCommerce personnalisée ?

La page de panier WooCommerce par défaut n’est pas optimisée pour les conversions. En optimisant la mise en page de votre panier, vous pouvez améliorer considérablement vos conversions et augmenter vos ventes.

Dans cet article, nous allons vous montrer comment personnaliser votre page de panier WooCommerce sans aucune connaissance technique.

Pourquoi créer une page de panier WooCommerce personnalisée dans WordPress ?

La création d’une page de panier WooCommerce personnalisée vous donne une chance d’augmenter les conversions de ventes dans votre boutique en ligne.

Les recherches montrent que près de 7 clients sur 10 abandonneront votre panier et ne reviendront jamais.

En optimisant la page de panier WooCommerce par défaut, vous pouvez réaliser plus de ventes sans augmenter votre trafic actuel.

Exemple de page de panier OptinMonster

Lorsque vos visiteurs ont des articles dans leur panier, ils sont sur le point de terminer l’achat. Votre page de panier WooCommerce doit faire tout son possible pour que la conversion se produise.

Cela dit, voyons comment vous pouvez personnaliser votre page de panier WooCommerce sans code.

Didacticiel vidéo

Abonnez-vous à WPBeginner

Si vous préférez des instructions écrites, continuez à lire.

Comment créer une page de panier WooCommerce personnalisée dans WordPress

SeedProd est le meilleur constructeur de pages par glisser-déposer utilisé par plus d’un million de sites Web. Il vous permet de créer facilement une page de panier WooCommerce personnalisée pour réaliser plus de ventes.

La première chose à faire est d’installer et d’activer le plugin. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.

Noter: il existe une version gratuite de SeedProd que vous pouvez utiliser, mais pour ce didacticiel, nous utiliserons la version Pro car elle contient les blocs WooCommerce intégrés dont nous avons besoin.

Une fois le plugin activé, vous devez vous rendre sur SeedProd » Paramètres et entrez votre clé de licence produit.

Entrez la clé de licence SeedProd

Vous pouvez trouver votre clé de licence sous les informations de votre compte sur le site Web de SeedProd.

Une fois que vous avez fait cela, allez à SeedProd » Pages et cliquez sur le bouton « Ajouter une nouvelle page de destination » pour créer votre page de panier.

Ajouter une nouvelle page de panier SeedProd

Après cela, vous devez choisir un modèle de page de panier. Il existe des dizaines de modèles conçus par des professionnels que vous pouvez utiliser. Une fois que vous avez trouvé un modèle que vous aimez, survolez-le et cliquez sur l’icône « Coche ».

Nous allons utiliser le modèle ‘Blank’ car il nous permet d’ajouter uniquement les sections que nous voulons.

Sélectionnez le modèle SeedProd

Ensuite, il vous sera demandé de nommer la page de votre panier, puis de cliquer sur « Enregistrer et commencer à modifier la page ».

Cela vous amènera au générateur de glisser-déposer où vous pourrez commencer à créer une page de panier personnalisée.

Tout d’abord, nous allons ajouter un bloc d’image et télécharger un logo. Vous pouvez l’ajuster pour qu’il ressemble à votre en-tête sans qu’il soit cliquable pour réduire l’abandon.

Cela permet de maintenir votre image de marque en place, mais offre à vos visiteurs moins de sorties, de sorte qu’ils sont plus susceptibles d’effectuer un achat.

Ensuite, sélectionnez simplement le bloc « Image » et faites-le glisser sur votre page. Téléchargez ensuite votre logo depuis votre bibliothèque d’images.

Ajouter un en-tête de bloc d'image

Vous pouvez le personnaliser entièrement avec le panneau d’options sur la gauche.

Ensuite, cliquez sur le bloc de contenu et de barre latérale dans la section « Choisissez votre mise en page : ».

Sélectionnez la mise en page SeedProd

Cela vous permet de créer une section pour votre panier, ainsi qu’une section de témoignage.

Après cela, localisez le bloc « Panier » dans la section WooCommerce et faites-le glisser.

Ajouter un bloc de panier WooCommerce

Vous pouvez personnaliser chaque partie du panier, y compris le choix de la police, les couleurs, les boutons, etc.

Personnaliser le bloc de panier WooCommerce

Ensuite, vous pouvez ajouter un bloc de témoignages. Ceux-ci agissent comme une preuve sociale pour vos visiteurs et leur montrent qu’ils prennent la bonne décision.

Localisez le bloc « Témoignages » et faites-le glisser vers la section ouverte.

Ajouter un bloc de témoignages

Vous avez un contrôle total sur l’apparence de vos témoignages.

Il est possible d’ajouter une photo de client, de modifier le témoignage, d’ajouter un poste, etc.

Personnaliser le bloc de témoignages

Si vous souhaitez ajouter plusieurs témoignages, suivez les mêmes étapes ci-dessus.

Une autre bonne idée est d’ajouter un nombre d’étoiles sous votre témoignage.

Sélectionnez simplement le bloc « Star Rating » et faites-le glisser sous votre témoignage.

Ajouter un bloc d'évaluation par étoiles

Si vous souhaitez créer une rareté pour encourager vos clients à effectuer un achat maintenant, vous pouvez ajouter une minuterie de rareté à votre panier.

Tout ce que vous avez à faire est de sélectionner le bloc « Compte à rebours » et de le faire glisser vers le haut de votre panier. Ensuite, sélectionnez l’option ‘Visitor Timer’ afin que le minuteur s’actualise pour tous vos visiteurs.

Bloc à feuilles persistantes du compte à rebours

Ensuite, ajoutez un titre informant vos acheteurs qu’ils disposent d’une période définie jusqu’à l’expiration de leur panier.

Faites simplement glisser votre doigt sur le bloc « Titre » et saisissez votre texte.

En-tête du compte à rebours

Une autre fonctionnalité intéressante à ajouter est une section de produits populaires. Cela vous permet d’améliorer vos ventes en faisant la promotion d’autres produits populaires susceptibles d’intéresser vos clients.

Pour ce faire, faites simplement glisser le bloc « Produits les plus vendus » de la section « WooCommerce ».

Vous pouvez également choisir l’un des autres blocs de produits à ajouter.

Ajouter un bloc de produits SeedProd

Pour plus de détails sur l’ajout de produits populaires à WooCommerce, consultez notre guide sur la façon d’afficher les produits populaires dans WooCommerce.

Après avoir apporté vos modifications à la page du panier, vous pouvez la publier en direct en cliquant sur la flèche à côté du bouton « Enregistrer » et en sélectionnant « Publier ».

Publier le panier en direct

Ensuite, vous devrez ajuster l’URL de votre panier dans les paramètres WooCommerce.

Aller à WooCommerce » Paramètres puis cliquez sur l’onglet « Avancé ».

Paramètres du panier WooCommerce

Après cela, sélectionnez la nouvelle URL de la page de panier que vous avez créée avec SeedProd. Assurez-vous de cliquer sur « Enregistrer les modifications » en bas de l’écran.

Selon le thème WooCommerce que vous utilisez, vos visiteurs peuvent désormais accéder plus facilement à la page du panier.

Afficher le menu déroulant du panier WooCommerce

Cela aidera également vos visiteurs à voir leurs paniers sur les appareils mobiles.

Vous pouvez continuer à personnaliser la page de votre panier avec SeedProd, en ajoutant de nouveaux blocs et en modifiant le design jusqu’à ce qu’il soit parfait.

Continuez à tester différents éléments, pour voir ce qui améliore le plus les conversions.

Exemple de page de panier

Pour suivre les conversions de votre panier WooCommerce, consultez notre guide étape par étape sur la configuration du suivi des conversions WooCommerce.

Bonus : Comment améliorer davantage les conversions de page de panier WooCommerce

Une fois que vous avez créé une page de panier WooCommerce personnalisée, vous pouvez encore améliorer les conversions et réduire l’abandon du panier.

Cela vous aide à tirer encore plus de revenus de votre trafic existant.

Voici quelques façons simples de le faire.

1. Réduisez l’abandon de panier avec des fenêtres contextuelles chronométrées dans WooCommerce

Près de 70 % de tous les paniers sont abandonnés. L’un des meilleurs moyens de réduire l’abandon de panier est d’utiliser une fenêtre contextuelle chronométrée.

OptinMonster est le meilleur plugin popup WordPress utilisé par plus de 1,2 million de sites.

Fenêtre contextuelle OptinMonster WooCommerce

Il utilise une technologie Exit-Intent® unique pour afficher des popups exactement quand un utilisateur est sur le point de quitter votre site.

Vous pouvez les inciter à revenir avec un code promo unique juste pour eux.

Popup OptinMonster WooCommerce

Si vous avez déjà offert un coupon à votre visiteur, utilisez une fenêtre contextuelle éducative qui aide à répondre à toutes les questions et les rassure sur leur achat, comme celui-ci de WPForms.

Fenêtre contextuelle d'intention de sortie WPForms

Il existe encore plus de fenêtres contextuelles et de diapositives uniques que vous pouvez également ajouter à votre site.

Par exemple, si un client ajoute un article à son panier et part mais revient plus tard, vous pouvez ajouter un slide-in qui offre un coupon pour finaliser son achat.

Rappel de panier OptinMonster

Pour plus de détails, consultez notre guide sur la création d’un popup WooCommerce pour augmenter les ventes.

2. Augmentez les ventes avec les notifications d’activité sociale dans WooCommerce

Les notifications d’activité sociale alertent vos visiteurs des nouveaux achats effectués en temps réel. Cela utilise FOMO pour améliorer vos conversions et les pousser à acheter.

Le moyen le plus simple d’ajouter des notifications de preuve sociale à votre page de panier WooCommerce est avec TrustPulse.

Notification TrustPulse WooCommerce

C’est le meilleur plugin de preuve sociale pour WordPress et WooCommerce sur le marché et il a été prouvé qu’il augmente les conversions de 15 %.

Il peut être configuré en quelques minutes et vous pouvez afficher automatiquement une bulle de notification avec les achats récents, les inscriptions aux essais gratuits, etc.

Les notifications ne gêneront pas votre panier ou votre expérience utilisateur. La seule chose qu’ils font est d’améliorer les conversions de votre magasin.

Notification d'alerte TrustPulse

Pour plus de détails, consultez notre guide sur la façon d’utiliser FOMO sur votre site WordPress pour augmenter les conversions.

Nous espérions que cet article vous a aidé à créer une page de panier WooCommerce personnalisée sans écrire de code. Vous voudrez peut-être également consulter notre guide étape par étape sur la façon d’améliorer le référencement WooCommerce pour augmenter votre trafic, et nos sélections d’experts des meilleurs plugins WooCommerce pour votre boutique.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici