¿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ámetroTipoRequeridoDescripción
customerIdstringId del customer
accountIdstringId de la cuenta de pago. Se puede encontrar en Ajustes > Cuentas de cobro
subscriptionIdstringId de la subscription en la cual se inscribirá el medio de pago.
gatewaystringNoGateway 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ámetroTipoRequeridoDescripción
customerIdstringId del customer
accountIdstringId de la cuenta de pago. Se puede encontrar en Ajustes > Cuentas de cobro
invoiceIdsArrayArreglo con los ids de los invoices a pagar.
gatewaystringNoGateway 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