Perzonaliza botones

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

Botón nativo de DEUNA

Widget inicializado usando en parámetro **hidePayButton**

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étodoDescripciónRespuesta
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" }>

...