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.

  1. 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>
          <iframe id="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.

    IMPORTANTE
    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:
  2. 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="" target="nameFrame" >
          <input type="hidden" name="vads_action_mode" value="IFRAME" />
          ...
    ...
  3. 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