ITR Animation des ventes : des popins qui qualifient, orientent et vendent

Nous publions un nouveau module PrestaShop développé en interne : ITR Animation des ventes. Il permet d'afficher des popins ciblées page par page, de les rédiger dans toutes les langues de la boutique, et surtout de mesurer ce que les visiteurs en font. Le tout depuis le back-office, sans toucher au thème.

Le problème n'est pas la popin, c'est le ciblage

La popin a mauvaise réputation, et souvent à raison : affichée partout, à tout le monde, dès la première seconde, elle agace plus qu'elle ne convertit.

Bien utilisée, c'est autre chose. Une question posée au bon moment sur la bonne page qualifie un visiteur, l'oriente vers le bon rayon, ou met en avant le produit qu'il n'aurait pas vu. La différence tient à trois choses : où elle s'affiche, quand elle s'affiche, et ce que vous savez de son efficacité réelle.

C'est exactement ce que fait ce module.

Cibler : la page près, pas le site entier

Une popin se règle sur un périmètre précis :

• toutes les pages, ou un type de page (accueil, catégorie, fiche produit, page CMS, résultats de recherche…) ;
• des catégories précises, avec deux options indépendantes : étendre aux sous-catégories, et étendre aux fiches produit rattachées ;
• des produits, pages CMS ou marques désignés par leur identifiant ;
• des URL listées une par ligne, avec le caractère * comme joker — pratique pour couvrir toute une arborescence : /fr/*-carabine-* ;
• une liste d'URL exclues, toujours prioritaire, pour retirer la popin d'une page précise sans rien casser ailleurs.

Une seule popin s'affiche par page : celle dont la priorité est la plus faible parmi les popins actives qui ciblent la page. Pas d'empilement, pas de surprise.

Afficher : au bon moment, et pas deux fois

Trois déclencheurs, au choix :

• après un délai — 5 secondes laissent au visiteur le temps de voir la page avant d'être interrompu ;
• au scroll — la popin apparaît quand le visiteur a fait défiler X % de la page, donc seulement s'il est réellement engagé ;
• à la sortie de page — quand la souris quitte la fenêtre par le haut, dernière chance avant l'abandon.

Et trois fréquences : à chaque page vue, une fois par session, ou une fois tous les X jours. Le réglage par session convient à la grande majorité des cas : le visiteur voit le message une fois, pas à chaque clic.

Les dimensions se règlent séparément pour l'ordinateur et le mobile, en pixels ou en pourcentage, avec un point de rupture paramétrable. Une popin en 100 % de large sur mobile s'affiche bord à bord ; une hauteur laissée à zéro s'adapte au contenu. Position à l'écran, animation d'ouverture, opacité du voile, croix de fermeture, fermeture au clic à côté ou à la touche Échap : chaque réglage est disponible, y compris pour insister un peu plus quand le message l'exige.

Mesurer : la partie que les autres oublient

C'est le point sur lequel nous avons le plus travaillé. Pour chaque popin, le module enregistre :

• les affichages ;
• les clics sur le bouton principal et sur le bouton secondaire, c'est-à-dire le choix réellement fait par le visiteur ;
• les fermetures sans choix — croix, clic à côté, touche Échap ;
• le taux de réponse, et la répartition ordinateur / mobile.

Les résultats se regroupent par jour, par semaine ou par mois, se filtrent sur une popin précise, et se vident de date à date — pratique pour effacer les chiffres d'une phase de test avant le lancement réel d'une campagne.

Concrètement, vous ne vous demandez plus si votre popin « marche ». Vous voyez que 62 % des visiteurs répondent, que le bouton secondaire est cliqué deux fois plus que le principal, et que le taux s'effondre sur mobile parce que la popin y est trop haute.

Un cas réel : une armurerie en ligne

Nous avons déployé le module chez un client armurier, sur deux besoins très différents.

1. Une question réglementaire qui oriente le visiteur

Certaines catégories d'armes ne sont accessibles qu'aux détenteurs d'un permis de chasse ou d'une licence de tir. Plutôt que de laisser le visiteur découvrir la contrainte au moment du paiement, une popin lui pose la question dès l'arrivée sur la catégorie concernée :

• Oui, j'en suis titulaire → la popin se ferme, le visiteur poursuit sa visite ;
• Non → il est redirigé vers la catégorie des modèles en vente libre.

Personne ne perd son temps, et le trafic mal orienté est récupéré au lieu d'être perdu.

2. Un produit phare mis en avant au bon endroit

Sur la catégorie d'entrée de gamme, une seconde popin met en avant le produit du moment, avec son visuel, son nom et son prix — prix barré compris quand une promotion est active. Le module va chercher ces informations directement dans le catalogue : aucun contenu à ressaisir, aucun prix à maintenir à la main.

Sur mobile, la popin s'affiche bord à bord et sa hauteur s'adapte au contenu — un réglage, pas une adaptation approximative.

Un clic sur l'image, sur le nom ou sur le bouton mène à la fiche produit. Et le module sait ne pas afficher cette popin sur la fiche du produit qu'elle met en avant : proposer à quelqu'un le produit qu'il est en train de regarder n'aurait aucun intérêt.

Un cas comme celui-ci ressemble au vôtre ? Parlons de votre boutique — on identifie ensemble les pages où une popin ciblée ferait la différence.

Trois types de contenu

• Question / réponse : un titre, un message, deux boutons. Chaque bouton ferme la popin ou redirige vers une URL.
• Produit mis en avant : un identifiant produit suffit. Image de couverture, nom et prix sont récupérés automatiquement, dans la langue du visiteur.
• Contenu HTML libre : pour tout le reste — visuel de campagne, code promo, message saisonnier.

Tous les textes, et même les URL de destination, sont multilingues.

Ce que ça change côté technique

Le module est construit sur les mécaniques natives de PrestaShop : ObjectModel multilingue et multiboutique, grille et formulaires Symfony du back-office moderne, hooks standards du thème. Rien à modifier dans les templates, rien à surcharger.

Quelques points qui comptent :

• aucun outil tiers, aucun cookie tiers. Les statistiques sont agrégées par jour dans votre base de données, sans identifiant visiteur, sans profil, sans donnée personnelle. La seule information stockée côté visiteur est le fait d'avoir déjà vu la popin, dans le stockage local de son navigateur ;
• les compteurs ne sont pas faussés par les robots : les événements sont envoyés depuis le navigateur, pas au chargement de la page ;
• léger : une feuille de style et un script, chargés uniquement sur les pages où une popin doit apparaître, sans dépendance à jQuery ;
• accessible : navigation au clavier dans la popin, fermeture à la touche Échap, attributs role="dialog" et aria-modal, respect du réglage système de réduction des animations ;
• compatible PrestaShop 1.7.6 à 8.x, PHP 7.1 et supérieur.

Quelques usages qui fonctionnent

• poser une question de qualification (permis, licence, professionnel ou particulier, taille, usage) et orienter vers le bon rayon ;
• afficher un message réglementaire sur les catégories concernées, et seulement sur celles-là ;
• mettre en avant un produit, un déstockage ou une nouveauté sur une catégorie précise ;
• diffuser un code promo sur une plage de dates, sans intervention à l'ouverture ni à la fermeture de l'opération ;
• rattraper un visiteur qui s'apprête à quitter le panier, avec le déclencheur de sortie de page.

Disponible dès maintenant

ITR Animation des ventes est développé et maintenu par ITROOM. L'installation ne touche pas à votre thème, et nous configurons avec vous les premières popins — ciblage, déclencheurs, contenu — sur la base de vos pages et de vos objectifs réels.

Envie de voir ITR Animation des ventes tourner sur votre boutique ? Contactez-nous — on l'installe et on configure vos premières popins ensemble.