Checkout embebido
La diferencia entre este formulario, y el formulario de Checkout mencionado anteriormente es que debes invocar este formulario dentro de una página personalizada.
La integración de este formulario en su sitio o app proporciona a los usuarios una experiencia de pago simplificada y receptiva adecuada para aplicaciones web y móviles.
Importación de la Librería JavaScript
Encuentre las funcionalidades del formulario de Checkout embebido en una librería JavaScript, que debe ser importada en el sitio web del cliente directamente desde una URL pública de nuestra plataforma.
<script src="{api_environment}/v1/Scripts/PWCheckoutNoModal.js?key={PublicAccountKey}" type="text/javascript"></script>
Nota
Se debe importar la librería a través de la URL pública entregada por Bamboo Payment. No debe descargarse y utilizarse localmente desde el servidor de un comercio o desde una URL de un tercero no autorizado por Bamboo Payment.
Esto es importante por razones de seguridad y para mantenerse actualizado con las últimas modificaciones y correcciones.
Luego, como en el siguiente ejemplo, debe definir un iframe dentro de una web del comercio personalizada sobre el que se renderiza el formulario de captura.
Cree un div para insertar el iframe:
<div id="iframeDiv" style="height: 410px; width: 300px; margin: auto;"></div>
Cree el iframe por JavaScript:
var main_iframe = document.createElement("iframe");
var iframeDiv = $("#iframeDiv");
main_iframe.id = "custom_iframe";
// Append iframe to div
iframeDiv.append(main_iframe);
O cree el iframe directamente en HTML:
<iframe id="custom_iframe" style="height: 410px; width: 300px;"></iframe>
A continuación, debe establecer el IframeId para el método SetProperties, como en el siguiente ejemplo:
PWCheckout.SetProperties(
{
"iframeId": "custom_iframe",
}
);
Por último, se debe invocar el método LoadIframe(), que obtiene y renderiza el formulario de captura en el iframe personalizado generado:
PWCheckout.LoadIframe();
