Passa al contenuto principale
Tutti i sistemi operativiNovitàv1
Accedi

Fintoc via Widget

Integra Fintoc con il widget di pagamento DEUNA, testa il flusso del cliente e verifica lo stato finale del pagamento.

In questa pagina

Questa sezione spiega come integrare Fintoc utilizzando il Payment Widget di DEUNA. L'utente viene reindirizzato alla pagina ospitata di Fintoc per accedere alla propria banca e autorizzare il pagamento, mentre DEUNA risolve lo stato finale tramite inquinamenti e webhooks.

Prerequisiti#

Prima di implementare i pagamenti Fintoc, assicuratevi di avere:

  1. Abilitato Fintoc nel pannello di amministrazione DEUNA. Aggiungi Fintoc sotto Connessioni con il tuo Secret API Key, Public API Key, nome e valuta mercantili (CLP). Vedi Fintoc.
  2. Un generato gettone dell'ordine in CLP.
  3. Il DEUNA SDK integrato nel vostro progetto.
  4. Revisionato il Documentazione del widget di pagamento per la vostra piattaforma.

Configurazione del metodo di pagamento#

Visualizzare Widget di pagamento passando la configurazione Fintoc nel paymentMethods parameter.

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

Pagamento Widget — Web#

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

Pagamento Widget — Android#

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

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

Pagamento Widget — iOS#

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

// 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": ["fintoc"]
      ]
    ]
  )
)

Pagamento Widget — React Native#

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

Personalizzazione#

Gli schermi Fintoc supportano le personalizzazione dei widget standard attraverso Personalizzato:

  • Logo Merchant
  • Titolo del selettore del metodo di pagamento
  • Powered by DEUNA

Vedi Personalizza l'interfaccia utente/UX dei widget utilizzando CustomStyles.

Testing#

Utilizzare le credenziali di sandbox Fintoc:

ParametroValore
RUT41.579.263-8
Password bancaria onlinejonsnow
Codice di verifica SMS0000
ValutaCLP
Ambientehttps://api.sandbox.deuna.io

Limitazioni#

  • Disponibile in Cile only.
  • Supporti CLP only.
  • Il cliente deve tenere un conto attivo con una banca supportata da Fintoc.
  • I pagamenti ricorrenti non sono supportati in questo flusso.