Saltar al contenido principal

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.
image.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»
image.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.