WooCommerce : Personnaliser et Optimiser le bouton Ajouter au Panier

optimiser personnaliser bouton ajouter au panier woocommerce

Introduction

Vous aimez les boutons arrondies ? Non ?

Dommage, car ils performent 64% mieux que les boutons au coins pointus d’après cette étude.

Votre bouton affiche t-il une icône “panier” ?

Si c’est le cas je vous félicite, car vous voilà avec 18% de performance supplémentaire.

Toujours d’après la même étude.

Qu’est-ce qu’un bouton d’ajout au panier optimisé ?

1. Il doit être bien visible et donc bien ressortir
2. Il doit être disponible le plus possible (notamment grâce au sticky add to cart qu’on verra plus bas)
3. Il ne doit pas être trop gros, et inversement ne doit pas être trop petit (privilégiez une taille comprise entre 130x30px et 180x30px selon votre webdesign général)
4. Il doit donner envier de cliquer dessus et doit être cliquable. C’est-à-dire qu’il doit y avoir une petite animation de pression lorsque vous cliquez dessus. Cela a pour effet de procurer une certaine satisfaction à vos clients.
5. Il doit avoir les coins arrondis (effectivement, d’après l’étude nommée en introduction les boutons aux coins arrondis ont tendance à davantage convertir)
6. Il doit présenter une icône “panier” (on l’a aussi vu en intro)

Grosso modo, c’est tout. J’ai pas rajouté l’importance des couleurs car selon moi, c’est vraiment en fonction du site.

J’aurai également pu parler du texte du bouton, mais la quasi-totalité du marché français utilise déjà le texte le plus optimisé qui est : “Ajouter au Panier”

Évidemment, tout ça n’est pas forcément valable pour tous types de boutique en ligne. C’est pour cette raison que je vous recommande de pratiquer l’A/B Testing pour en avoir le cœur net.

Comment personnaliser son bouton Ajouter au Panier sur WooCommerce ?

Grâce au plugin Ultimate Custom Add to Cart, nous allons pouvoir le customiser à notre guise pour le rendre le plus alléchant et optimisé possible.

Sachez qu’une version payante est disponible, mais qu’il y a largement de quoi faire avec la version gratuite.

Que peut-on personnaliser gratuitement avec ce plugin ?

  • Sa taille
  • Son texte
  • Ses couleurs
  • Son icône (mais très limité)
  • Sa forme

Tout ce dont nous avons besoin pour le rendre le plus optimisé possible donc. ????

Une fois installé, il n’y a plus qu’a se rendre dans ses paramètres et de toucher à tout ça :

personnaliser bouton ajouter au panier woocommerce
Les personnalisations possibles sont nombreuses !

Et voilà, vous avez à présent toutes les clés en mains pour optimiser votre bouton d’ajout au panier ! ????

Si vous souhaitez augmenter votre taux de conversion sur Shopify, c’est ici !

0 0 vote
Article Rating
S’abonner
Notifier de
guest

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

0 Commentaires
Inline Feedbacks
View all comments