WooCommerce : Personnaliser le bouton Ajouter au Panier pour plus de ventes

Q: 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)

optimiser personnaliser bouton ajouter au panier woocommerce

Introduction

Vous aimez les boutons arrondis ? Non ?

Dommage, car ils performent 64% mieux que les boutons aux 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.