Integración formulario web con Flow

Quiero que un cliente pueda suscribirse a nuestro pack de productos para que mensualmente se le apliquen cargos recurrentes a su tarjeta de crédito.

La idea es que se logre un formulario que esté incrustado en la web o que sea un formulario en nuestra web www.biori.cl (Shopify)

¿Cómo funciona FLOW?
Para generar un cargo automático:

Crear a un cliente:
Se debe crear un cliente, para obtener su customerId (token de usuario).
Si el cliente ya está creado, se debe omitir este paso.
Se debe utilizar el método customer/create.


Invitar al cliente a registrar su tarjeta bancaria:
Si el cliente ya registró su tarjeta, o si no deseas invitar al cliente a registrar su tarjeta, se debe omitir este paso.
Se debe utilizar el método customer/register.
Es importante que al finalizar el flujo de registro, verifiques si el cliente registró su tarjeta mediante el método customer/getRegisterStatus.


Realizarle un cargo a un cliente:
Se podrá realizar tantos cargos como sea requerido a un mismo cliente, con el monto y la periodicidad deseada.
Se debe utilizar el método customer/charge, el cual permite efectuar un cargo automático en la tarjeta bancaria previamente registrada por el cliente. Si el cliente no tiene registrada una tarjeta, el metodo retornará error.

También puedes utilizar el método customer/collect, el cual envía un cobro a un cliente. Si el cliente tiene registrada una tarjeta bancaria se le hará un cargo automático, si no tiene registrada una tarjeta se generará un cobro por email.

El detalle de los métodos se encuentra disponible aquí (https://www.flow.cl/docs/api.html)

¿Cómo debiese ser la experiencia de usuario? Muy similar a lo que puedes ver aquí en la página de donaciones de redalimentos.cl (https://www.redalimentos.cl/formulario-pesos-donacion-recurrente/)