Salut, c’est Pascal.

J’espère que tu vas bien.

Aujourd’hui, je vais te montrer une vidéo sur une stratégie de cycle d’achat.

Je vais te présenter deux méthodes parmi celles que je ne vois pas forcément le plus souvent, mais ça peut être intéressant.

Évidemment, je ne vais pas te prétendre qu’elles sont forcément mieux que celles que tu as déjà mises par toi-même.

En fait, je te donne une méthode qui se retranscrit directement avec les outils de Fastlane.

Ensuite, libre à toi de tester, de voir d’une semaine sur l’autre ce qui fonctionne le mieux.

Je vais te donner deux méthodes, tu les essaies une semaine après l’autre, ensuite si tu reviens en arrière, si tu essaies.

Bref, c’est parti.

Une brève annonce

Avant ça juste, je vais t’annoncer que pendant deux-trois semaines, je vais sans doute passer à deux vidéos par semaine.

La vidéo du mardi, celle d’aujourd’hui, sera toujours consacrée à des outils, des conseils sur les outils de Fastlane.

La vidéo que je publierai sans doute jeudi ou vendredi sera portée sur le Mindset.

Donc là, normalement, c’est la vidéo Mindset, mais je ne voulais pas décaler, donc je te parle à nouveau des outils.

Ensuite, j’ignore si je maintiendrais la cadence comme ça, mais c’est vrai que je me suis dit : “je n’ai pas mal d’idées vidéo.”

C’est parti, je passe à l’action et si ça t’est utile, c’est super.

Comme je ne suis pas non plus sûr que je publierai les vidéos Mindset sur le groupe, n’oublie pas de t’abonner sur ma chaîne Pascal Degut.

Normalement, tu me trouves directement, pas besoin d’écrire toute la suite après, tu auras accès au contenu Mindset.

Optimisation du Parcours Client

Aujourd’hui, je te montre ce que je fais pour l’Ajout au panier.

Dans quasiment tous les shops que je vois, il y a un Cart Header ici.

Là, c’est un site qui est de base mono-produit, donc j’ai désactivé ici le bouton pour aller vers la page, la Cart Page, la page Panier, puisque c’est effectivement une lourdeur de l’ajouter en tant que tel.

Là, je vais me décaler.

En général, elle est ici.

Si tu as un shop niché ou généraliste, donc multi-niches, tu as très souvent les deux boutons ici.

Moi, c’est ce que je vois en général, c’est sympa, mais je pense qu’on peut aller un peu plus loin.

J’avais même mis le Paiement Sécurisé,

Je t’avoue qu’avec les tests que j’ai faits sur mes shops à moi, je trouve que c’est peut-être un petit peu trop lourd déjà de répéter.

Donc un paiement, ça fonctionne très bien sachant que pour être clair, offrir une fonctionnalité de Paiement Sécurisé, ce n’est pas un avantage, c’est juste une nécessité.

Déjà c’est affiché dans le Footer ici, c’est affiché ici, c’est affiché dans la Cart Page.

Il n’y a pas besoin d’en faire des couches.

Ça, c’est la situation qu’on voit très souvent.

À un moment, j’avais tendance de complètement désactiver le premier bouton, c’est-à-dire les personnes n’ont pas le choix, elles vont directement au paiement.

C’est aussi ce que je vois le plus souvent.

Donc, j’ai adopté la stratégie mono-produit à mes sites Multi-Produits je veux dire.

J’avais décoché cette option, il ne reste plus que l’option de paiement, les personnes sont directement dirigées vers le Checkout.

Et à partir de là, le cycle d’achat est au final retranché d’une étape et ça donne moins de friction.

Mais finalement ce que j’ai remarqué, personnellement, c’est que les personnes ajoutent au panier juste ici, le Cart Header s’active, après il y a le paiement et les personnes bloquent un petit peu à cette étape-là.

C’est très bien que le Cart Header s’affiche, mais au final elles se sentent un petit peu bloquées et elles se disent : “Ok, je dois payer, je vais un peu procrastiner, je vais regarder le site et limite je vais chercher un prétexte pour ne pas acheter parce que je n’ai pas envie d’acheter.”

Moi, maintenant ce que je fais, je sais ceux qui ont mieux marché, mais encore une fois je ne te prétends pas avoir la science infuse, ça ne fonctionne peut-être que pour moi sur une niche en particulier.

Encore une fois, teste tout ce que tu veux.

Moi, ce que j’ai fait, c’est que je réactive cette option, ensuite dans Product Page je vais ajouter une redirection automatique vers la Cart Page, la page panier ici.

En fait, qu’est-ce qui va se passer ?

Attends, j’attends que ça prenne en compte pour bien que tu vois le parcours client en direct.

Là, voilà.

Quand j’ajoute au panier, la personne est redirigée vers la Cart Page.

Petite info d’ailleurs de base, souvent c’est intéressant de proposer un Upsell ici.

Avec l’application qui est sortie récemment, la Bundle Kick, cette intégration se fait uniquement dans la page Panier pour l’instant.

En tout cas, je ne connais pas les plans d’Ulrich à ce sujet.

Mais c’est vrai qu’à une époque je testais aussi d’autres applications qui permettaient de mettre un Uspell ici.

Avec cette méthode, je te le déconseille.

Comme on fait une redirection vers la page Panier, il faut que cette redirection soit rapide, il faut que la page soit minimaliste, il faut qu’il y ait le moins de contenu possible parce que si clairement tu forces une redirection, ça ne va pas le faire.

La personne va être mécontente.

Si ça met à 5-10 secondes à charger, tu vas la perdre.

Donc, tu ne mets rien d’autres que le produit, l’Ajout au panier, c’est le réglage de base.

Là, il y a encore une fois le Paiement Sécurisé qui rassure.

En fait, ce que tu vas faire, c’est que tu vas aller dans la Cart Page et là on va réactiver le bouton « Continuer mes achats », parce que la personne, il ne faut pas oublier qu’elle a été redirigée, c’est quelque chose qui est quand même impulsif.

Même Amazon ne le fait pas, les plus gros sites ne forcent pas.

Alors là, tu me pardonneras, les réglages c’est un peu en gras, ce n’est pas très joli.

Tout simplement, tu actives ce bouton « Continuer mes achats », comme ça la personne a été redirigée.

Mais si pour une raison quelconque, elle souhaitait finalement un peu rallonger son cursus client, si elle souhaitait refaire son cursus client, elle peut ajouter des nouveaux produits.

Là, comme tu as réactivé « Mon panier », elle peut s’y rediriger en toute tranquillité, elle a juste son panier et au bout d’un moment elle pourra passer au paiement tranquillement.

Là, je vais ajuster là les réglages, je vais aller sur la page Tout Chapinou, vu que je suis sur un site mono-produit.

Sinon, toi, par défaut, ce sera peut-être « Collections all » que tu préféreras.

Ici, si tu veux voir les réglages comme moi je les ferais, je mettrais « Paiement » ici.

Pas besoin de rajouter « Paiement Sécurisé », ça c’est quelque chose que j’avais testé mais que désormais j’enlève.

Ici, tu as un petit texte qui peut être intéressant à ajouter, soit la « Livraison Suivie Offerte », si bien entendu tu l’offres, il faut bien entendu que tu sois cohérent ici et ici.

Je trouve des incohérences faites entre ce qui est dit par exemple dans le Header, ce qui est dit ici, ce qui est dit dans le Cart Header et ce qui est vu dans le Footer. 

Encore une fois, sois bien cohérent avec ça, avec ta stratégie e-commerce.

Je te donne la méthode avec les outils, mais il ne faut pas que tu oublies qu’est-ce que tu as derrière la tête et comment tu veux que le cursus client se fasse.

La meilleure manière aussi pour le construire, c’est le bon vieux papier stylo.

Tu fais des diagrammes et ensuite dès que c’est au clair, tu regardes comment ça peut se retranscrire avec les outils.

Mais là en tout cas, on n’est pas mal.

Là, je crois que j’ai un réglage CSS, ce qui fait que c’est en gras.

Ce bouton, clairement, je le mets en beaucoup plus petit, je l’écris de manière à ce qu’il soit beaucoup moins visible puisqu’il faut quand même inciter la personne à aller au paiement.

Autre chose aussi, là sur les icônes, les « Paiements Sécurisés », en général je le mets coloré dans la Cart Page.

Mais ici avec les nouveaux essais, j’ai tendance à le mettre en noir et blanc ici.

Pourquoi ? Parce que la couleur je trouve que ça distrait l’utilisateur de cliquer sur ces boutons-là.

De plus en plus, je mets ici en grisé, c’est plus sobre je trouve, donc ça permet à la personne de se centrer sur ça.

Enfin, tu as une méthode que tu peux faire dans une stratégie d’achat impulsif voire mono-produit, c’est on oublie tout ce que je te dis là sur le panier.

Je désactive aussi le bouton « Continuer mes achats » en Cart Page.

Et dans la Product Page, tu rediriges vers le Checkout.

Alors ça, ce réglage, à bannir sur un Multi-Produits, clairement.

Une redirection vers un Checkout duquel l’utilisateur ne peut pas sortir, c’est extrêmement agressif.

Comprends-le.

Encore une fois, fais tes essais, peut-être que sur la niche que tu cibles, il y a des personnes que ça ne dérangera pas, mais en général les gens se sentent trop forcés.

Donc là, tu vas avoir « Ajouter au panier ». 

Je ne sais même plus si normalement ça devrait fonctionner.

Voilà le Checkout, même sur l’éditeur.

La personne est redirigée vers le Checkout.

Même si elle peut encore cliquer ici et rebasculer sur la page Panier, considère que c’est très agressif.

Ne fais ça que si tu es sur un mono-produit ou éventuellement une stratégie d’achat impulsif avec Sales Sniper ou par exemple tu as une limite de stock, une promotion.

Attention aussi à la légalité.

Normalement, tu ne peux pas imiter des fausses promotions et imiter des fausses ruptures de stock.

Encore une fois, on vous donne les outils, à vous de choisir ce que vous voulez en faire, mais en tout cas sur le marché français, la loi est claire là-dessus.

Nous, on donne les outils, à vous de faire ce que vous souhaitez.

Voilà, je t’ai présenté différentes manières de jongler avec le cycle d’achat.

Aussi une petite remarque, les boutons, je vois des couleurs rocambolesques à chaque fois, ce vert et ce vert au survol sont très bien.

J’ai moi-même essayé de changer plusieurs fois, je n’ai pas trouvé mieux.

Bien entendu, si tu as ce vert pour le cycle d’achat, fais en sorte que ton WebDesign n’ait pas d’autres verts ailleurs sur ton site.

Il faut que le vert soit dans l’inconscient de l’utilisateur lié au cycle d’achat, sinon bien entendu ça va porter la confusion et ça ne va pas fonctionner.

Fais en sorte que tes couleurs de ton site ne s’apparentent pas au vert.

Éventuellement, la seule chose que je me suis permis, c’est d’écrire du vert ici.

Encore, si je voulais être cohérent, j’aurais changé la couleur, c’est ce que d’ailleurs j’ai fait sur mes vrais shops.

Maintenant que ceci s’est fait, je vais aussi te proposer une petite personnalisation CSS sur ce Sticky Add to Cart.

C’est un réglage que j’utilise aussi moi sur mes shops, que j’aime bien.

Après, je vais te passer le code que tu pourras inscrire sur Messenger, donc tout simplement tu écriras le code Sticky.

En fait, tu iras sur ma page Facebook par mon contact privé.

Ma page Facebook s’appelle Pascal Fastlane.

Là, tu me retrouves en écrivant ici à Pascal Degut, tu pourras m’envoyer un message avec le mot Sticky.

Sticky, je vais l’écrire juste ici, S-T-I-C-K-Y, tu pourras m’envoyer un message et je vais t’envoyer le code.

Le code en question, je vais te montrer l’affichage en live et tu vas directement voir en quoi ça change l’affichage.

C’est quelque chose que je préfère.

Après, les réglages, sur le groupe, je vois beaucoup des fois des gens se baser sur des détails etc. qu’ils ne maîtrisent pas.

C’est très bien de passer une heure à changer un réglage si c’est beaucoup mieux à la fin, mais prenez conscience que les réglages que je vous donne ça va peut-être augmenter le taux de conversion de 0-1 %.

Ne vous prenez pas le chou avec ça.

D’ailleurs par rapport à ça, si pour une raison quelconque vous rencontrez un bug avec le code que je vous transmets, je ne fais pas de SAV dessus.

Bien entendu, cette vidéo est gratuite, c’est de l’échange.

Moi, je vous communique le code, je vais bien faire attention à ce que ça marche de mon côté, mais derrière si vous trouvez un cas où ça ne fonctionne pas, ne l’utilisez pas et restez sur les réglages de base qui restent très bons.

Maintenant que ceci s’est dit, là je vais vous copier-coller le code, vous allez voir, déjà l’affichage de l’Ajout au panier ça va être un petit peu plus harmonieux à mon goût, plus ça va prendre la largeur de l’écran.

En tout cas, personnellement, je préfère un affichage comme ça, que j’utilise.

Avant, dans une version antérieure, j’utilisais même un bouton clignotant sur le stick uniquement, puisque je vois beaucoup trop de personnes me demander un bouton clignotant pour l’Ajout au panier normal.

Alors ça, c’est une pratique qui date des années 2010 et qui est à bannir.

Sur le Sticky, je faisais un petit popup comme ça.

Ça clignotait avec une animation toutes les cinq secondes.

Je l’ai enlevé parce que je pense que c’est une animation CSS qui alourdit le thème, qui alourdit la rapidité de votre site et qui ne fait pas très sérieux.

Si vous êtes éventuellement sur un site au design un petit peu rigolo, au design un petit peu enfantin, ça passe, mais si vous voulez faire quelque chose de sobre, c’est quelque chose à bannir complètement.

Dans la version que je vous donne, cette animation est désactivée et je ne la transmets pas.

C’est vrai que j’ai de plus en plus tendance à enlever l’effet gras et à mettre une police normale, quitte à la mettre un petit peu plus grosse, c’est un réglage que je préfère faire.

Bien entendu, pour le réglage sur mobile, ça reste inchangé, ça reste tout en bas ici comme ça.

Une petite remarque par rapport à ce Sticky Cart Header.

On va revenir aux réglages que j’utilise actuellement.

Je réactive le premier bouton pour avoir le bouton de Panier.

Et dans la page Panier, je réactive le bouton Continuer mes achats, comme ça la personne peut partir quand elle veut.

Dans la page produit, je t’active une redirection vers la page Panier, et là qu’est-ce qui se passe ?

On est d’accord que comme il y a une redirection, il n’y a plus besoin que le Cart Header s’affiche parce que la personne va être redirigée.

Donc le Cart Header là, la personne ne sera plus notifiée pour être incitée à passer à l’achat.

Qu’est-ce que ça implique comme conséquences ?

C’est que j’ai tendance à faire ça, je désactive le Sticky Header, parce que jusqu’à maintenant il fallait que le Header reste effectivement ancré pour que le Cart Header apparaisse et qu’il soit visible.

Mais étant donné que maintenant vous rebasculez vers l’Ajout au panier, il n’y a plus besoin d’ajouter ce Cart Header et en fait maintenant c’est le Sticky Cart Header qui est tout en haut.

Alors là, je n’ai pas compris pourquoi sur mon live le Cart Header apparaît comme ça, je vais essayer en live de le corriger.

Ça en général, c’est lié à la marge.

Là, j’ai ajouté, dans mon code, un réglage qui s’adapte au Sticky Cart Header, c’est-à-dire qu’il prend en fait en compte la position, donc s’il y avait la bande du Header et le Header normal.

Du coup si je fais ce réglage, je dois le désactiver.

Alors là, ce n’est pas mal que je le fasse en live, comme ça je vais te donner un code avec le Sticky Header et avec le Header non Sticky.

Ce réglage, il est normalement juste ici.

Là, je pense que si j’enlève cette ligne, ça permet de résoudre le problème.

Je vais voir, je vais le sauvegarder pour voir si c’est tout bon.

J’aimerais bien que tu vois le résultat convenablement, j’attends qu’il charge.

Moi, je trouve que c’est beaucoup mieux de désactiver le Sticky Header comme ça.

Je n’ai pas réussi à résoudre le problème en live, mais ce n’est pas grave, je vais retrouver le code puisque de toute façon j’utilise les deux versions.

Ensuite, tu auras le Sticky qui sera tout en haut bien convenablement.

Les éléments du Header ne vont pas distraire l’utilisateur, il aura directement cette incitation à ajouter au Panier, si bien sûr il revenait en arrière dans son cycle d’achat, puisqu’à chaque ajout au panier, il sera redirigé.

S’il scrolle etc. il ne sera pas incité à voir le menu du Header, à basculer sur la page d’accueil, non il y aura directement cet élément uniquement.

Conclusion

J’espère que cette vidéo t’a plu.

On a bien balayé les différentes possibilités de cycle d’achat, qu’il était possible de rendre suivant ta stratégie, suivant ton concept, suivant ta stratégie, qu’elle soit intrusive ou vraiment respectueuse de l’utilisateur.

Le réglage que j’ai actuellement avec la redirection vers la page Panier avec les deux boutons sur le Cart Header et les deux boutons sur la page Panier, donc sur la Carte Page pour éventuellement laisser la possibilité à l’utilisateur de revenir en arrière, je trouve que c’est le meilleur réglage parce qu’on incite l’utilisateur à avancer dans le cycle d’achat, on le met sur la page Panier.

Et si vraiment, il s’est senti bloqué, en général on lui laisse la possibilité de revenir en arrière.

Ce qu’il nous pardonne, il ne part pas, il a été redirigé très rapidement via une page Cart Page minimaliste sur laquelle on n’a pas intérêt à d’application d’Upsell.

Dans 90 % des cas, moi, sur mes shops, la personne ne commande qu’un seul article, mais si d’aventure elle s’était sentie forcée, elle a toujours la possibilité de revenir en arrière.

Je te transmets, comme convenu, le code CSS à la fois avec les réglages Sticky Header et à la fois sans ce réglage-là, comme ça tout simplement le Sticky va s’afficher convenablement.

Je te dis à jeudi ou vendredi, je n’ai pas encore défini mon jour de sortie pour la vidéo Mindset.

Je te dis à bientôt.

Partager:

Laisser un commentaire

Fermer le menu