Saltar al contenido principal

Mis pedidos

El elemento Mis pedidos permite que el cliente evalúe productos directamente en la página de historial de pedidos de la tienda, sin necesidad de acceder a la página de detalles del producto. La identidad del usuario es resuelta automáticamente por el SDK, sin necesidad de exponer datos sensibles en la URL.

Evaluación de pedido completo​

Usa este elemento cuando quieras mostrar un único botón de evaluación para el pedido completo. El modal abrirá el flujo completo de evaluación, permitiendo al cliente evaluar todos los productos del pedido.

<div
  class="konfidency-rate-order"
  data-order-id="{ORDER_ID}"
></div>

Mientras se realiza la verificación de estado, se muestra un spinner. Tras la verificación:

  • Si el pedido aún no fue evaluado, se muestra el botón "Quiero evaluar"
  • Si el pedido ya fue evaluado en su totalidad, se muestra el badge "Ya evaluado"

Evaluación por ítem (SKU)​

Cuando se proporciona el data-sku, el elemento opera en modo de ítem específico, ideal para renderizar un elemento de evaluación por línea de producto en el listado de pedidos.

En este modo, hay dos estilos de visualización disponibles a través del atributo data-display:

Estrellas interactivas (data-display="stars")​

<div
  class="konfidency-rate-order"
  data-order-id="{ORDER_ID}"
  data-sku="{SKU}"
  data-display="stars"
></div>

Muestra 5 estrellas interactivas. Al hacer clic en una estrella, el modal se abre con la puntuación preseleccionada. Si el ítem ya fue evaluado, las estrellas se muestran en modo solo lectura con la puntuación dada por el cliente.

Botón (data-display="button")​

<div
  class="konfidency-rate-order"
  data-order-id="{ORDER_ID}"
  data-sku="{SKU}"
  data-display="button"
></div>

Muestra el botón "Quiero evaluar". Si el ítem ya fue evaluado, muestra el badge "Ya evaluado" en lugar del botón.

Atributos disponibles​

AtributoObligatorioDescripción
data-order-idSíID del pedido en la plataforma
data-skuNoSKU del producto. Cuando está ausente, el elemento opera en modo de pedido completo
data-displayNoEstilo de visualización en modo SKU: stars (predeterminado) o button

Identificación del usuario​

Para que el SDK pueda localizar el pedido, informa los datos del usuario mediante window._konfidency:

window._konfidency = window._konfidency || [];
window._konfidency.push(['setUser', { userId: '{USER_ID}', email: '{USER_EMAIL}' }]);

Puedes proporcionar userId, email, o ambos en setUser. Cuanta más información, mayor la confiabilidad para localizar el pedido.

info

Sustituye {ORDER_ID}, {SKU}, {USER_ID} y {USER_EMAIL} por los valores reales de tu plataforma.