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

# Funcionalidades

> Recomendaciones de talla, añadir al carrito, etiquetas dinámicas del botón y seguimiento

## Encontrar mi talla perfecta

La visibilidad del botón de Kleep en la PDP se gestiona automáticamente durante la inicialización del cartucho:

1. **Habilita** `isKleepRecommendationEnabled` — este es el interruptor principal.
2. El cartucho muestra/oculta dinámicamente el botón mediante middleware en la acción del controlador `Product-Show`.
3. Una llamada al endpoint de Kleep con el `ProductID` determina si aparece el botón.
4. Personaliza las condiciones de visibilidad en tu código para adaptarlas a tus reglas de negocio.

<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" />

Al hacer clic en el CTA se abre un iframe usando: ProductID, KleepCustomerID, el identificador del comerciante (la preferencia de sitio `kleepRetailerUUID`, pasada como parámetro `domain`) e idioma.

## Talla recomendada → Añadir al carrito

Tras el flujo de tallas, el usuario recibe una recomendación. Al hacer clic en «Añadir al carrito», se envía un evento desde el iFrame y la talla seleccionada se añade al carrito.

## Etiqueta dinámica del botón

Después de cerrar la ventana emergente, la etiqueta del botón se actualiza:

* **Antes:** «Encontrar mi talla perfecta»
* **Después:** «Talla recomendada: 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" />

La etiqueta persiste a través de localStorage (sin cookies ni variables de sesión del backend).

## Seguimiento

Los datos analíticos se envían a Kleep automáticamente cuando:

* Se visualiza un producto (carga de PDP o cambio de variación)
* Se añade un producto al carrito (PDP)
* Un pedido llega al final del proceso de pago
* Se confirma un pedido

Tras la instalación, verifica que no hay errores de JavaScript en la consola en las páginas de PDP, proceso de pago y confirmación.

## Anti-Bracketing

Próximamente.
