¿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 about 2 months ago
