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

Fintoc a través de un widget

En esta página

Esta sección explica cómo integrar Fintoc utilizando el widget de pago de DEUNA. El usuario es redirigido a la página alojada de Fintoc para iniciar sesión en su banco y autorizar el pago, mientras DEUNA resuelve el estado final mediante encuestas y webhooks.

Requisitos previos#

Antes de implementar los pagos de Fintoc, asegúrese de tener:

  1. Fintoc habilitado en el Panel de administración de DEUNA. Agregue Fintoc debajo Conexiones con tu Secret API Key, Public API Key, nombre del comerciante y moneda (CLP). Ver Fintoc.
  2. un generado ficha de pedido en CLP.
  3. El DEUNA SDK integrado en su proyecto.
  4. Revisé la documentación del Widget de Pago para su plataforma.

Configuración del método de pago#

Mostrar el Widget de Pago pasando la configuración de Fintoc en el paymentMethods parameter.

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

Widget de pago — Web#

JavaScript
DeunaSDK.initPaymentWidget({
  orderToken: 'YOUR_ORDER_TOKEN',
  paymentMethods: [
    {
      paymentMethod: 'bank_transfer',
      processors: ['fintoc'],
    },
  ],
  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("fintoc")
        )
    )
)

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

Widget de pago: 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 pago: reaccionar nativo#

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

Personalización#

Las pantallas de Fintoc admiten las personalizaciones de widgets estándar a través de Estilo personalizado:

  • Logotipo del comerciante
  • Título del selector de método de pago
  • Powered by DEUNA

Consulta Personalice la UI/UX de los widgets usando CustomStyles.

Pruebas#

Utilice las credenciales de la zona de pruebas de Fintoc:

ParámetroValor
RUT41.579.263-8
Contraseña de banca en líneajonsnow
código de verificación por SMS0000
MonedaCLP
Entornohttps://api.sandbox.deuna.io

Limitaciones#

  • Disponible en Chile only.
  • Soportes CLP only.
  • El comprador debe tener una cuenta activa en un banco respaldado por Fintoc.
  • Los pagos recurrentes no se admiten en este flujo.