Le module Reco on Site (RoS) est une solution de recommandation développée par Probance permettant d’afficher des bannières dynamiques personnalisées dans votre site e-commerce. Ces bannières peuvent recommander des produits en fonction du profil et du comportement de chaque visiteur (navigation, achats, centres d’intérêt), ou mettre en avant des produits populaires sur l’ensemble de votre base clients.
Cet article a pour objectif de vous guider pas à pas dans la mise en place du module RoS sur votre site Prestashop. Il décrit les différentes étapes du projet, les actions attendues de votre côté, celles prises en charge par les équipes Probance, ainsi que les principaux éléments de configuration du module.
1. Processus général
La mise en place du module RoS se déroule en plusieurs étapes successives, impliquant à la fois vos équipes (marketing et technique) et les équipes Probance.
1) Présentation de RoS
Une première phase de présentation permet de rappeler le fonctionnement de RoS, les types de recommandations disponibles (personnalisées, produits populaires, nouveautés, etc.) et les possibilités d’affichage sur votre site (pages concernées, formats de bannières).
2) Recueil de vos besoins et souhaits
Lors de cette étape, vous échangez avec les équipes Probance afin de définir :
- vos objectifs marketing
- les pages du site concernées (homepage, pages catégorie, fiches produit, tunnel d’achat…)
- le type de bannières souhaitées
- les contraintes graphiques ou techniques éventuelles
3) Paramétrage dans Probance One et mise à disposition des codes
Sur la base de ces échanges, les équipes Probance réalisent un premier paramétrage dans Probance One. Les bannières sont configurées et les codes d’intégration HTML correspondants sont générés. Ces codes seront ensuite mis à votre disposition afin de pouvoir être intégrés sur votre site.
4) Installation du module et insertion des codes de bannières
De votre côté, l’équipe technique procède à l’installation du module RoS sur votre site Prestashop et l’insertion des codes de bannières fournis par Probance One dans les pages prévues.
5) Paramétrage côté Probance et premier test de rendu
Une fois les bannières intégrées, les équipes Probance finalisent les réglages et effectuent un premier test de rendu. Ces tests peuvent être réalisés sur un environnement de préproduction ou une page dédiée non accessible aux visiteurs.
6) Première réunion d’ajustement avec votre prestataire technique
Une première réunion de suivi est organisée entre vos équipes techniques et Probance afin de valider le rendu visuel des bannières et le bon fonctionnement des recommandations, et identifier d’éventuels ajustements de template ou de style.
7) Ajustements de configuration
Suite à cette réunion, des ajustements peuvent être réalisés :
- côté Probance (logique de recommandation, règles de sélection des produits, etc.) ;
- côté technique (CSS, template, structure HTML).
8) Deuxième réunion d’ajustement
Une seconde réunion peut être planifiée si nécessaire afin de valider les derniers ajustements et confirmer que le dispositif correspond à vos attentes.
9) Mise en production
Une fois les validations finales effectuées, les bannières RoS sont mises en production et deviennent visibles pour l’ensemble de vos visiteurs.
2. Pré‑requis
Pour assurer une mise en place fluide et efficace du module RoS, la disponibilité d’un responsable technique est nécessaire à plusieurs étapes pour :
- installer le module sur votre site PrestaShop
- intégrer les codes de bannières dans les pages concernées
- participer à une ou deux réunions d’ajustement avec les équipes Probance pour adapter le template et le rendu visuel
3. Installation et configuration du module
3.1 Installation du module
Le module Probance Reco on Site est mis à disposition pour être installé sur votre site PrestaShop.
Une fois le module installé, vous devrez renseigner dans son interface :
- le Token fourni par Probance
- l’URL fournie par Probance
Ces informations permettent au module de communiquer correctement avec la plateforme Probance.
3.2 Intégration des bannières
Les codes d’intégration des bannières sont disponibles dans Probance One, via le menu Recommandation on Site > Bannières. Pour chaque bannière :
- cliquez sur l’icône « Voir le code »
- copiez le snippet HTML fourni
- collez ce code dans la page de votre site correspondant à l’emplacement souhaité (homepage, page catégorie, fiche produit, etc.).
4. Configuration du thème
4.1 Fonctionnement par défaut
Le module RoS utilise par défaut le template de miniature produit de votre thème PrestaShop pour générer l’affichage visuel des bannières.
Selon votre version de PrestaShop, ce template se situe à l’emplacement suivant :
- PrestaShop 1.7 et versions supérieures :
catalog/_partials/miniatures/product.tpl
- PrestaShop 1.6 :
$tpl_dir./product-list.tpl
4.2 Personnalisation du template RoS
Afin de ne pas impacter le reste de votre site, il est possible de créer une copie du template au niveau du module RoS et de modifier ce template, pour l’ajuster au rendu des bannières RoS sans impacter le reste du thème
Dans certains cas, il peut être nécessaire :
- d’ajouter ou modifier des classes CSS ;
- d’ajouter des paramètres spécifiques au template ;
- d’ajuster manuellement le rendu avec l’aide de vos équipes techniques.
Il est également possible de créer un template entièrement dédié à RoS, que le module appellera en remplacement du template standard utilisé par le thème.
Ces ajustements sont généralement réalisés en collaboration entre vos équipes techniques et les équipes Probance lors des phases de test et d’ajustement.