Personaliza del botón "Pagar".
El SDK de DEUNA permite ocultar el botón nativo de "Pagar" del widget y reemplazarlo por un botón customizado en la UI nuestros comercios. Esto es ideal para:
- Checkouts con diseño propio: Mantener coherencia visual con tu marca.
- Validaciones avanzadas: Asegurar condiciones previas (ej: aceptar términos, propinas) antes de permitir el pago.

Botón nativo de DEUNA

Widget inicializado usando en parámetro hidePayButton
Ocultar el botón nativo
Al inicializar el widget, activa el parámetro behavior > hidePayButton
:
await DeunaSDK.initPaymentWidget({
orderToken: "<DEUNA order token>",
...
behavior:{
hidePayButton: true
}
});
Comportamiento:
- Si
hidePayButton: false
(o no se define), el widget muestra su botón estándar. - Esta configuración no puede cambiarse dinámicamente después de inicializar el widget.
Botón customizado
Valida datos y ejecutar el pago
Cuando se utiliza DeunaSDK.initPaymentWidget(...)
, el usuario puede emplear los siguientes métodos para validar y ejecutar el pago.
Método | Descripción | Respuesta |
---|---|---|
DeunaSDK.isValid() | Verifica si los campos del widget (tarjeta, CVV, etc.) están completos y son válidos para que el pago pueda ser procesado. | Retorna Promise<true> solo si todos los campos son válidos, Promise<false> en caso contrario. |
DeunaSDK.submit() | Ejecuta el proceso de pago, equivalente a presionar el botón de "Pagar" (botón nativo). Realiza las mismas validaciones internas. | Promise<{status: "success", message: "Pago procesado exitosamente" }> o Promise<{status: "error", message: "The submit flow is not available" }> |
...