> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kleep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Fonctionnalités

> Recommandations de taille, ajout au panier, libellés dynamiques du bouton et tracking

## 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.

<img src="https://mintcdn.com/kleepai/taAv0usV4Q0HyYiD/images/sfcc/image19.png?fit=max&auto=format&n=taAv0usV4Q0HyYiD&q=85&s=061578d6c5f3282bed260ad14b608df9" alt="image.png" width="1430" height="934" data-path="images/sfcc/image19.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 »

<img src="https://mintcdn.com/kleepai/taAv0usV4Q0HyYiD/images/sfcc/image20.png?fit=max&auto=format&n=taAv0usV4Q0HyYiD&q=85&s=14835101a9624bb02b5da72adecc360b" alt="image.png" width="1241" height="757" data-path="images/sfcc/image20.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.
