Aller au contenu principal
Tous les systèmes sont opérationnelsNouveautésv1
Se connecter

Bizum via un widget

Intégrer Bizum avec le Widget de paiement DEUNA, tester le flux client et vérifier le statut final du paiement.

Sur cette page

Cette section explique comment intégrer Bizum à l'aide du widget de paiement de DEUNA. L'utilisateur confirme le paiement dans son application bancaire, tandis que DEUNA résout le statut final via des sondages et des webhooks.


Conditions préalables#

Avant de mettre en œuvre les paiements Bizum, assurez-vous d'avoir :

  1. Activation de Bizum dans le panneau d'administration DEUNA
  2. Un jeton de commande généré.
  3. Intégré le DEUNA SDK dans votre projet.
  4. Examiné le Documentation du widget de paiement pour votre plateforme.

Configuration du mode de paiement#

Affichez le** Payment Widget **en passant la configuration de Mercado Pago dans le paymentMethods parameter.

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

Widget de paiement - Web#

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

Widget de paiement - 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 paiement - 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 paiement - React Native#

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