Pular para o conteúdo principal
Todos os sistemas operacionaisNovidadesv1
Entrar

Fintoc via Widget

Nesta página

Esta seção explica como integrar o Fintoc usando o widget de pagamento da DEUNA. O usuário é redirecionado para a página hospedada do Fintoc para fazer login em seu banco e autorizar o pagamento, enquanto a DEUNA resolve o status final por meio de pesquisas e webhooks.

Pré-requisitos#

Antes de implementar pagamentos Fintoc, certifique-se de ter:

  1. Habilitou o Fintoc no painel de administração DEUNA. Adicione Fintoc em Conexões com o seu Secret API Key, Public API Key, nome do comerciante e moeda (CLP). Veja Fintoc.
  2. Um gerado token de pedido em CLP.
  3. O DEUNA SDK integrado em seu projeto.
  4. Revisou o Documentação do widget de pagamento para sua plataforma.

Configuração da forma de pagamento#

Exibir o Widget de pagamento passando a configuração do Fintoc no paymentMethods parameter.

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

Widget de pagamento — Web#

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

Widget de pagamento – 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 { ... }
)

Widget de pagamento – 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"]
      ]
    ]
  )
)

Widget de pagamento – React Native#

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

Personalização#

As telas do Fintoc suportam as personalizações padrão do widget através Estilo Personalizado:

  • Logotipo do comerciante
  • Título do seletor de forma de pagamento
  • Powered by DEUNA

Consulte Personalize a UI/UX dos widgets usando CustomStyles.

Testes#

Use as credenciais da sandbox Fintoc:

ParâmetroValor
RUT41.579.263-8
Senha do banco on-linejonsnow
Código de verificação por SMS0000
MoedaCLP
Ambientehttps://api.sandbox.deuna.io

Limitações#

  • Disponível em Chile only.
  • Suporta CLP only.
  • O comprador deve possuir uma conta ativa em um banco apoiado pela Fintoc.
  • Pagamentos recorrentes não são suportados neste fluxo.