Passer au contenu principal

​
Trouver ma taille idéale

La visibilité du bouton Kleep sur la PDP est gérée automatiquement lors de l’initialisation de la cartouche :
  1. Activer isKleepRecommendationEnabled — c’est l’interrupteur principal.
  2. La cartouche affiche/masque dynamiquement le bouton via le middleware sur l’action du contrôleur Product-Show.
  3. Un appel endpoint à Kleep avec le ProductID détermine si le bouton apparaît.
  4. Personnalisez les conditions de visibilité dans votre code pour correspondre à vos règles métier.
image.png Un clic sur le CTA ouvre un iframe en utilisant : le ProductID, le KleepCustomerID, l’identifiant revendeur (la préférence de site kleepRetailerUUID, passée comme paramètre domain) et la langue.

​
Taille recommandée → Ajout au panier

Après le parcours de dimensionnement, l’utilisateur reçoit une recommandation. En cliquant sur « Ajouter au panier », un événement est envoyé depuis l’iFrame et la taille sélectionnée est ajoutée au panier.

​
Libellé dynamique du bouton

Après la fermeture du popin, le libellé du bouton se met à jour :
  • Avant : « Trouver ma taille idéale »
  • Après : « Taille recommandée : S »
image.png Le libellé persiste via localStorage (aucun cookie ni variable de session backend).

​
Tracking

Les données analytiques sont envoyées à Kleep automatiquement lorsque :
  • Un produit est consulté (chargement de la PDP ou changement de variation)
  • Un produit est ajouté au panier (PDP)
  • Une commande arrive à la fin du paiement
  • Une commande est confirmée
Après l’installation, vérifiez l’absence d’erreurs JavaScript dans la console sur les pages PDP, paiement et confirmation.

​
Anti-Bracketing

Prochainement.