Passa al contenuto principale
Tutti i sistemi operativiNovitàv1
Accedi

Fintoc via Widget

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 Collegamenti con il tuo Secret API Key, Public API Key, nome e valuta mercantili (CLP). Vedi Fintoc.
  2. Un generato ordine di token in CLP.
  3. Il DEUNA SDK integrato nel vostro progetto.
  4. Recensione Pagamento documentazione Widget per la vostra piattaforma.

Configurazione del metodo di pagamento#

Visualizzare Pagamento Widget 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

Consulta 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.