NotHeadless UI

CheckoutButton

Envía ids y cantidades a tu ruta de checkout y redirige a la URL HTTPS que devuelve. Si falla, conserva el carrito, asocia los problemas a cada línea y abre el carrito.

Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.

0 unidades de ejemplo · el checkout está deshabilitado en la documentación

<CheckoutButton couponCode={coupon} onError={(e) => track("checkout_error", e.code)} />

Props

Prop	Tipo	Descripción
couponCode	string	Se reenvía al handler (se valida del lado del servidor).
onError	({ code, message, issues? }) => void	Se llama después del toast incluido.

Solo redirige a URLs https:// que devuelve tu propio endpoint.
Se deshabilita si el carrito está vacío o tiene una línea con precio a consultar.

Cargando documentación…