Registrar tarjeta
Se debe invocar él método /customer/register
con el customerId
del cliente creado. Este método responderá un endpoint y token.
Si desea realizar una suscripción, existen tres alternativas para registrar tarjeta al cliente:
-
Enrolar utilizando redirección
Redirecciona al endpoint y token que responde el servicio
-
Enrolar utilizando Widget
Con el token se debe embeber el widget de suscripción, incrustando el siguiente código de javascript en el front de cara al cliente.
Se debe considerar el ambiente que se está utilizando.
Sandbox: https://sandbox.flow.cl
Producción: https://www.flow.cl
El valor del token en el código se debe incluir con la siguiente variable
{$token}
Código:
<form id="formSubscribe" action="/" method="POST">
<input type="hidden" id="token" name="token" value="{$token}" >
<div id="subscribe-container" style="height: 250px;"></div>
</form>
<script src="https://sandbox.flow.cl/app/elements/flow-1.1.0.min.js?20241202"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
var flow = Flow();
var elements = flow.elements();
var token = document.getElementById("token").value;
console.log("Token obtenido:", token);
var subscribe = elements.create('subscribe', {
style: {
backgroundColor: "#f8f9fa"
}
});
console.log("Objeto subscribe:", subscribe);
subscribe.mount('#subscribe-container', token);
var form = document.getElementById("formSubscribe");
flow.handleCardSubscribed(subscribe)
.then(function (data) {
console.log("Pago procesado correctamente:", data);
setTimeout(function () {
console.log("Enviando formulario...");
form.submit();
}, 3000);
})
.catch(function (error) {
console.error("Error en el pago:", error);
});
});
</script>
- Enrolar enviando correo
Para invitar a un cliente a enrolar su tarjeta por correo, debes hacerlo desde el portal de clientes.
Si creas el cliente directamente en el portal, aparecerá un modal preguntando si deseas que Flow le envíe un correo. Al aceptar, el cliente recibirá un correo con instrucciones para enrolar su tarjeta de forma segura.