¿Cuáles son las vistas o steps de Toku?

1. Landing

Para mostrar la vista inicial donde el customer deberá ingresar su government_id o external_id según corresponda se debe ejecutar lo siguiente:

toku.init('landing');

2. Customer Portal

toku.init('dashboard', {
  customerId,
});
ParámetroTipoRequeridoDescripción
customerIdstringId del customer para vincularlo directamente a su portal

Ejemplo:

toku.init('dashboard', { customerId: 'cus_bPMJqiDPCywqJ4SUAOY8wdWBV75wcGHt'});

3. Checkout recurrente

toku.init('recurringCheckout', {
  customerId,
  accountId,
  subscriptionId,
  gateway,
});

Parámetro

Tipo

Requerido

Descripción

customerId

string

Id del customer

accountId

string

Id de la cuenta de pago. Se puede encontrar en Ajustes > Cuentas de cobro

subscriptionId

string

Id de la subscription en la cual se inscribirá el medio de pago.

gateway

string

No

Gateway específico por el cual pagar.
Si se indica, se redirigirá directamente a este gateway.
Si no se indica, se dirigirá a la vista general de checkout.

Los gateways disponibles para el checkout recurrente:

  • 🇨🇱 'pac_inscription' ➡️ Inscribir un PAC
  • 🇨🇱 'direct_debit_cl' ➡️ Inscribir un Débito Directo
  • 🇨🇱 'toku_card_on_file' ➡️ Inscribir una tarjeta
  • 🇨🇱 'transbank_oneclick' ➡️ Inscribir una tarjeta en Transbank
  • 🇲🇽 'atoa_batch_mx_recurring_pst' ➡️ Domiciliar una cuenta CLABE
  • 🇲🇽 'payment_orchestration' ➡️ Domiciliar una tarjeta
  • 🇧🇷 'pix_br_recurring_psp' ➡️ PIX recorrente
  • 🇧🇷 'pix_bank_br_automatic_pst' ➡️ PIX automático
  • 🇧🇷 'cards_br_recurring_pst' ➡️ Inscribir una tarjeta

Ejemplo:

toku.init('recurringCheckout', {
    customerId: 'cus_bPMJqiDPCywqJ4SUAOY8wdWBV75wcGHa',
    accountId: 'acc_6ar9C5NBJMllrrQpiu5PnLujq4zkMcQ2',
    subscriptionId: 'sub_lsFALPE9RH3Gf8qV-H-8W2CAUxejkg-5',
    gateway: 'pac_inscription',
});

4. Checkout one-time

toku.init('oneTimeCheckout', {
  customerId,
  accountId,
  invoiceIds,
  gateway,
});

Parámetro

Tipo

Requerido

Descripción

customerId

string

Id del customer

accountId

string

Id de la cuenta de pago. Se puede encontrar en Ajustes > Cuentas de cobro

invoiceIds

Array<string>

Arreglo con los ids de los invoices a pagar.

gateway

string

No

Gateway específico por el cual pagar.
Si se indica, se redirigirá directamente a este gateway.
Si no se indica, se dirigirá a la vista general de checkout.

Los gateways disponibles para el checkout onetime:

  • 🇨🇱 'transfer_cl_psp' ➡️ Pago con transferencia
  • 🇨🇱 'toku_onetime' ➡️ Pago con tarjeta
  • 🇨🇱 'transbank_webpay_plus' ➡️ Pago con Transbank
  • 🇲🇽 'cash_mx' ➡️ Pagos en efectivo
  • 🇲🇽 'transfer_mx_psp' ➡️ Pago por transferencia SPEI
  • 🇲🇽 'payment_orchestration_onetime' ➡️ Pago con tarjeta
  • 🇲🇽 'codi' ➡️ Pago con codi
  • 🇧🇷 'pix_br_onetime_pst' ➡️ Pago con PIX banking
  • 🇧🇷 'boleto_br_onetime_pst' ➡️ Pago con Boleto banking
  • 🇧🇷 'pix_br_onetime_pst' ➡️ Pago con PIX Open Finance
  • 🇧🇷 'cards_br_onetime_pst' ➡️ Pago con tarjeta

Ejemplo:

toku.init('oneTimeCheckout', {
    customerId: 'cus_bPMJqiDPCywqJ4SUAOY8wdWBV75wcGH4',
    accountId: 'acc_6ar9C5NBJMllrrQpiu5PnLujq4zkMcQ1',
    invoiceIds: ['in_lsFALPE9RH3Gf8qV-H-8W2CAUxejkg-9'],
    gateway: 'transfer_cl',
});

🇲🇽 5. On Demand checkout recurrente

toku.init('onDemandRecurringCheckout', {
  checkoutSessionId: 'cs_lsFALPE9RH3Gf8qV-H-8W2CAUxejkg-9',
});
ParámetroTipoRequeridoDescripción
checkoutSessionIdstringId de la checkout session