Checklist CRO e-commerce : règles 6-10, utilisabilité de base sur PrestaShop

Deuxième semaine de la série sur les 194 règles CRO pour e-commerce de Flag Agency, l’agence web PrestaShop de Frattamaggiore (Naples, Italie). On reste sur la page Général de la checklist, section Utilisabilité de base : après les cinq premières règles consacrées à la vitesse et aux fondations — à retrouver dans les règles 1-5 de la checklist CRO — voici les règles 6 à 10.

Cinq vérifications qui coûtent peu et se font en une après-midi. Aucune n’est une obligation légale : ce sont des choix de bon sens qui enlèvent le doute. Et un visiteur sans doute achète plus facilement.

Règle 6 — Écrivez des boutons qui disent ce qui va se passer

Quoi vérifier. Chaque bouton de la boutique doit avoir un libellé fait de verbe + résultat : « Ajouter au panier », « Aller au paiement sécurisé », « Voir les promotions ». Jamais « Envoyer », « OK », « Cliquez ici » ou un « Continuer » tout seul.

Pourquoi ça compte pour les ventes. Le bouton, c’est le moment de la décision. Si le libellé ne dit pas où il mène, le cerveau s’arrête une demi-seconde et cherche une confirmation ailleurs. Cette demi-seconde, multipliée par tous les boutons du parcours, c’est de la friction pure. « Aller au paiement sécurisé » dit aussi ce qui ne se passe pas : vous ne payez pas encore, vous avancez.

Comment faire sur PrestaShop.

• Les textes des boutons standards se modifient dans International → Traductions → Traductions du thème (choisissez la langue et le thème, puis cherchez la chaîne : « Ajouter au panier », « Commander », « Envoyer »).
• Ne modifiez pas les fichiers du thème à la main pour un seul mot : la prochaine mise à jour l’efface. Passez par les traductions.
• Vérifiez toutes les langues de la boutique : souvent le français est soigné et l’anglais est resté par défaut.
• Passez aussi en revue les boutons des modules : formulaire de contact, newsletter, « Prévenez-moi », demande de devis.

Erreur fréquente. Le formulaire de contact avec le bouton « Envoyer ». Remplacez-le par « Envoyer ma demande » ou « Demander un devis » : un mot de plus, et tout devient clair.

Règle 7 — Donnez une étape suivante à chaque page

Quoi vérifier. Ouvrez les pages « de service » de la boutique et demandez-vous : d’ici, je vais où ? Elles doivent mener vers des produits, des catégories ou la recherche, y compris :

• la page 404 ;
• la recherche sans résultat ;
• les articles du blog ;
• Qui sommes-nous, Livraison, Contact.

Pourquoi ça compte pour les ventes. Les visiteurs qui viennent de Google ou des réseaux sociaux atterrissent souvent sur une page qui n’est pas un produit. Si cette page est une impasse, la visite s’arrête là. Une étape suivante claire transforme une page d’information en porte d’entrée vers le catalogue.

Comment faire sur PrestaShop.

• Dans les pages CMS (Apparence → Pages), terminez toujours par un bloc qui renvoie vers une catégorie ou une sélection de produits, avec un lien explicite : « Voir les produits en promotion ».
• Sur la page de recherche sans résultat, affichez les meilleures ventes ou les catégories principales au lieu d’une ligne grise.
• Dans les articles du blog, placez les liens vers les produits dans le corps du texte, pas seulement en bas de page.
• Pour une sélection automatique (les plus vus, nouveautés, produits liés), vous pouvez utiliser les blocs du thème PrestaShop de Flag ou ajouter un module dédié.

Erreur fréquente. Une page « Qui sommes-nous » très bien écrite, sans un seul lien vers le catalogue. C’est la page où le visiteur décide s’il vous fait confiance : le pire moment pour le laisser immobile.

Règle 8 — Rendez la page 404 utile

Quoi vérifier. La 404 ne doit pas être une erreur nue. Il lui faut un message clair en langage simple, un champ de recherche, les catégories principales et quelques produits conseillés.

Pourquoi ça compte pour les ventes. Les 404 arrivent toujours : produits retirés, vieux liens partagés sur WhatsApp, URL mal écrites. Cette personne voulait quelque chose chez vous. Une bonne 404 la remet sur la route ; une 404 vide la renvoie sur Google, donc chez la concurrence.

Comment faire sur PrestaShop.

• Personnalisez le template pagenotfound du thème : titre en mots simples (« Cette page n’existe plus »), barre de recherche bien visible, menu des catégories, 4 à 8 produits.
• Vérifiez que la page renvoie bien un code 404 et pas un 200 : une fausse 404 embrouille Google.
• Surveillez les 404 réelles dans Statistiques → Pages non trouvées et dans la Search Console : si une URL est très demandée, mettez une redirection 301 vers le bon produit ou la bonne catégorie.
• Pour comprendre la logique derrière l’erreur, on en parle longuement dans notre article sur l’erreur 404 et comment en tirer profit.

Erreur fréquente. Rediriger toutes les 404 vers la page d’accueil. L’utilisateur arrive sans comprendre pourquoi et repart de zéro. Mieux vaut une 404 qui l’aide à chercher.

Règle 9 — Gardez le logo toujours au même endroit

Quoi vérifier. Le logo est à la même place sur toutes les pages (en général en haut à gauche) et renvoie vers l’accueil. Deux exceptions admises : le tunnel de commande et les landing pages, où le lien peut être désactivé pour ne pas faire sortir la personne du parcours.

Pourquoi ça compte pour les ventes. Le logo cliquable, c’est la sortie de secours : « je n’ai pas trouvé, je recommence ». C’est un geste automatique. S’il ne marche pas, le visiteur ne se plaint pas : il ferme.

Comment faire sur PrestaShop.

• Chargez le logo depuis Paramètres de la boutique → Coordonnées (logo d’en-tête, logo des e-mails, favicon) et vérifiez qu’il est net sur mobile.
• Contrôlez les pages « spéciales » : commande, confirmation, page de maintenance, pages des modules de paiement externes. C’est là que l’en-tête change sans prévenir.
• Retirer le lien pendant le paiement est un choix légitime : mais laissez alors un contact visible (téléphone ou WhatsApp), sinon ça ressemble à un piège.

Erreur fréquente. Un logo de taille ou de couleur différente entre l’accueil et les pages internes, parce que l’un vient du thème et l’autre d’un module. Petit détail, vraie perte de confiance.

Règle 10 — Utilisez des popups qui n’agressent pas

Quoi vérifier. Pas de popup newsletter ou remise dès l’arrivée, et jamais de popup plein écran sur mobile (Google les pénalise). Le popup apparaît après un signal d’intérêt (secondes passées, pages vues, scroll) ou à la sortie, et se ferme avec une croix grande et visible.

Pourquoi ça compte pour les ventes. Un popup qui se déclenche à la seconde zéro interrompt la personne avant même qu’elle comprenne où elle est. Elle ferme le popup, et souvent le site. Le même popup montré à quelqu’un qui a déjà vu trois produits arrive au bon moment.

Comment faire sur PrestaShop.

• Réglez un délai ou une condition (pages vues, pourcentage de scroll, intention de sortie) dans votre module de popup ; vous pouvez partir d’un des modules PrestaShop de Flag.
• Sur mobile, préférez une petite barre en bas ou une bannière au cadre qui couvre tout.
• La croix doit être au moins de la taille d’un doigt, et le popup doit aussi se fermer en touchant à l’extérieur.
• Affichez-le une seule fois par session : enregistrez le choix dans un cookie technique.
• Évitez que le popup promo se superpose au bandeau cookies : s’ils se chevauchent, la personne ne peut utiliser ni l’un ni l’autre.

Erreur fréquente. Deux popups différents (newsletter et remise) gérés par deux modules, qui se déclenchent ensemble. Ça arrive plus souvent qu’on ne croit : testez votre accueil en navigation privée, depuis un téléphone.

En bref

• GEN-06 — Des boutons verbe + résultat : « Ajouter au panier », jamais « Envoyer » ni « Cliquez ici ».
• GEN-07 — Chaque page, blog et Qui sommes-nous compris, mène vers produits, catégories ou recherche.
• GEN-08 — Une page 404 avec message clair, recherche, catégories et produits conseillés.
• GEN-09 — Logo à la même place partout et cliquable vers l’accueil (sauf commande et landing pages).
• GEN-10 — Popups après un signal d’intérêt ou à la sortie, jamais plein écran sur mobile, faciles à fermer.

Si vous préférez que quelqu’un d’autre fasse ces vérifications sur votre boutique, parlons-en : on s’en occupe dans les projets de création d’e-commerce PrestaShop ou en interventions ponctuelles avec l’assistance PrestaShop. La semaine prochaine, on continue avec la page Général.