Mostrar Pay-me Flex
Este es el paso final, donde indicamos dentro de que elemento del DOM se debe mostrar el formulario y una función callback para ejecutarse al finalizar el proceso. Como parametros adicionales se pueden agregar dos funciones callback (no son obligatorios pero sirven para obtener mayor informacion del proceso):
responseCallback
: Se ejecuta cuando se tiene un proceso completado (Autorizado/Denegado)trackingCallback
: Se ejecuta por cada evento disparado durante el proceso(Ejemplo: click en pagar, click en metodo de pago, click en informacion de pago, etc)onErrorCallback
: Se ejecuta cuando hay un error durante el proceso
Mostrar Formulario de pago
function responseCallback(response){
console.log("-------Respuesta-------");
console.log({response});
}
function trackingCallback(trackdata) {
console.log("-------Tracking de Eventos-------");
console.log({trackdata});
}
function onErrorCallback(error) {
console.log("-------Error en el proceso-------");
console.log({error});
}
paymentForm.init(document.querySelector('#demo'), responseCallback, trackingCallback, onErrorCallback);
El {response}
de la función responseCallback
será la misma que la respuesta del API de Autorización - ecommerce | RESPONSE.