¿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ámetro | Tipo | Requerido | Descripción |
---|---|---|---|
customerId | string | Sí | Id 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 | Sí | Id del customer |
accountId | string | Sí | Id de la cuenta de pago. Se puede encontrar en Ajustes > Cuentas de cobro |
subscriptionId | string | Sí | 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 | Sí | Id del customer |
accountId | string | Sí | Id de la cuenta de pago. Se puede encontrar en Ajustes > Cuentas de cobro |
invoiceIds | Array | Sí | 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ámetro | Tipo | Requerido | Descripción |
---|---|---|---|
checkoutSessionId | string | Sí | Id de la checkout session |
Updated 1 day ago