Saltar al contenido principal
Todos los sistemas operativosNovedadesv1
Iniciar sesión

Bizum a través de Widget

En esta página

En este apartado se explica cómo integrar Bizum mediante el Widget de Pago de DEUNA. El usuario confirma el pago en su app bancaria, mientras DEUNA resuelve el estado final mediante encuestas y webhooks.


Requisitos previos#

Antes de implementar pagos Bizum, asegúrate de tener:

  1. Bizum habilitado en el Panel de administración de DEUNA
  2. Un token de pedido generado.
  3. Integrado DEUNA SDK en su proyecto.
  4. Revisé la documentación del Widget de Pago para su plataforma.

Configuración del método de pago#

Visualiza elWidget de Pagopasando la configuración de Mercado Pago en el paymentMethods parameter.

JSON
[
    {
    "paymentMethod": "bank_transfer",
    "processors": ["bizum_push"]
    }
]

Widget de Pago - Web#

JavaScript
DeunaSDK.initPaymentWidget({
  orderToken: 'YOUR_ORDER_TOKEN',
  paymentMethods: [
    {
      paymentMethod: 'bank_transfer',
      processors: ['bizum_push'],
    },
  ],
  callbacks: { ... },
});

Widget de Pago - Android#

Kotlin
// MODAL
deunaSDK.initPaymentWidget(
    context = context,
    orderToken = orderToken,
    callbacks = PaymentWidgetCallbacks().apply { ... },
    paymentMethods = listOf(
        mapOf(
            "paymentMethod" to "bank_transfer",
            "processors" to listOf("bizum_push")
        )
    )
)

/// EMBEDDED
PaymentWidgetConfiguration(
    orderToken = orderToken,
    paymentMethods = listOf(
        mapOf(
            "paymentMethod" to "bank_transfer",
            "processors" to listOf("bizum_push")
        )
    ),
    callbacks = PaymentWidgetCallbacks().apply { ... },
    sdkInstance = deunaSDK
)

Widget de Pago - iOS#

Swift
/// MODAL
deunaSDK.initPaymentWidget(
 orderToken: "<DEUNA order token>",
 userToken: ..., // optional
 styleFile: ..., // optional
 callbacks: ...,
 paymentMethods: [
   [ 
     "paymentMethod": "bank_transfer",
     "processors": ["bizum_push"],
   ]
 ]
)

// EMBEDDED
DeunaWidget(
  deunaSDK: deunaSDK,
  configuration: PaymentWidgetConfiguration(
    orderToken: "YOUR_ORDER_TOKEN",
    callbacks: PaymentWidgetCallbacks(
      onSuccess: { order in },
      onError: { error in },
      onEventDispatch: { event, data in }
    ),
     paymentMethods: [
       [ 
         "paymentMethod": "bank_transfer",
         "processors": ["bizum_push"]
       ]
     ]
  )
)

Widget de Pago - React Native#

JavaScript
/// MODAL
DeunaSDK.initPaymentWidget({
  orderToken: 'YOUR_ORDER_TOKEN',
  paymentMethods: [
    {
      paymentMethod: 'bank_transfer',
      processors: ['bizum_push'],
    },
  ],
  callbacks: { ... },
});