Flujo del wizard (Elements)

<tickean-checkout> (y <TickeanCheckout /> en React) monta un checkout por pasos con layout="steps" por defecto.

Pasos típicos:

Entradas
Tus datos (comprador + OTP)
Pago (método + confirmación)
Instrucciones / pendiente (transferencia u otros nextAction)
Listo

Versiones recomendadas: @tickean/checkout-js ≥ 0.2.11 y @tickean/checkout-elements ≥ 0.2.22.

Probá el wizard (mock)

Mock interactivo en modo demo (sin API real). OTP de prueba: 123456.

Abrir en pantalla completa

1. Entradas

El comprador elige cantidad por lote. El total se cotiza en servidor (/v1/checkout/quote). Con carrito no vacío puede continuar.

2. Tus datos

Se captura el contacto del comprador (teléfono E.164). Desde aquí también puede aplicar un código de descuento / unlock de lotes promo, según el evento.

3. Verificación OTP

Tickean envía un código por WhatsApp o SMS. Tras verify, la sesión queda con buyer OTP-verificado (requerido para comprar).

4. Selección de método de pago

Con buyer verificado, el wizard muestra el resumen y los métodos disponibles del evento (p. ej. transferencia, Mercado Pago).

5. Pago pendiente

Si el PSP o la transferencia quedan en espera, el estado pasa a requires_action / processing. Elements puede hacer watchPayment (socket + polling).

6. Detalle de transferencia

Con TRANSFER, nextAction.type === "display_instructions" muestra alias, CVU/CBU e importe. El comprador paga fuera del sitio; Tickean confirma cuando llega el acreditamiento.

Abandono y reanudación

Si el comprador verificó el teléfono, tiene carrito y no terminó el pago, Tickean puede enviar un mail/SMS de recuperación con link a tu página:

https://tusitio.com/tu-pagina-de-checkout?resume=CODE

Elements lee ?resume=, llama a POST /v1/checkout/recovery/exchange, rehidrata el wizard y limpia el parámetro de la URL.

Detalle: Reanudar sesión.
WordPress: WordPress + Tickean Elements.

Layout stacked

Para mostrar todo el flujo en una sola vista (sin stepper):

<tickean-checkout layout="stacked" …></tickean-checkout>

[tickean_checkout event_slug="mi-evento" layout="stacked"]