Exhibir la página de pago en un iframe
Para más detalles, consulte nuestra guía de integración de las páginas de pago en un iframe, disponible en nuestro sitio de documentación.
- Crear un tag HTML <iframe> en la página donde desea exhibir el formulario de entrada (esta página debe corresponder al paso "Pago" de su jornada de compra):
... <body> <iframeid="idFrame" name="nameFrame" src="https://www.mystore.com/payment/form.php"/> </body> </html>
Complete el atributo src con la URL de su formulario de pago.
Para una correcta visualización de las páginas 3D-Secure, recomendamos un tamaño mínimo de 400px * 400px.Ejemplo de página de pago integrada:
Ejemplo de página 3D Secure integrada:
- Modificar su formulario de pago:
- complete el parámetro vads_action_mode a IFRAME para habilitar el modo iframe y obtener una visualización clara de la página de pago,
- agregue el atributo target a su tag<form> y complételo con el nombre de su iframe,
- en modo iframe, el comprador no puede consultar ni descargar el ticket de pago. Este último debe ser enviado por correo electrónico al comprador. El parámetro vads_cust_email se vuelve indispensable,
- use el campo vads_iframe_options si desea personalizar el color de fondo y la fuente de los campos de entrada.vads_iframe_options = {"fieldsBackgroundColor":"#000000","fieldsFontColor":"#FFFFFF"}
... <form method="POST" action="https://secure.micuentaweb.pe/vads-payment/"target="nameFrame"> <input type="hidden" name="vads_action_mode" value="IFRAME" /> ... ... - Gestionar el final del pago.
En el modo iframe, no hay ningún botón para cancelar o volver a la tienda. Sin embargo, puede redirigir automáticamente al comprador a la página de confirmación del pedido.
Para ello, en su formulario de pago, complete los siguientes parámetros:- vads_redirect_success_timeout y vads_redirect_error_timeout a "0",
- vads_url_success vads_url_success con la URL de su página de confirmación de pedido,
- vads_url_return con la URL de su página de retorno si se rechaza el pago,
- vads_return_mode con el valor "POST" o "GET" para recuperar el resultado del pago y exhibirlos en su página de confirmación de pedido si necesario,
- vads_theme_config con el valor "FORM_TARGET=_top" para definir cómo mostrar la página de retorno.También puede usar los siguientes valores dependiendo de su necesidad: "_self", "_parent", "_framename".
Ejemplo de una página de confirmación que exhibe los datos de pago