Ocultar página de resultado

¿Quieres tener aún más control sobre el proceso de pago? ¡Es posible! Nuestro sistema flexible te permite no solo personalizar el formulario de pago, sino también decidir si quieres mostrar la página de resultado. Esta opción te permite adaptar aún más la experiencia de tus clientes y hacer que el proceso de pago se ajuste perfectamente a tus necesidades.

¿Por qué es importante la opción de ocultar la página de resultado?

• Personalización para el usuario: Al ofrecer la opción de ocultar la página de resultado, das a tus clientes más control sobre su experiencia de pago. Algunos pueden preferir ir directamente al siguiente paso, mientras que otros pueden apreciar la confirmación adicional que proporciona la página de resultado.

• Adaptabilidad para aumentar las conversiones: Al proporcionar opciones de personalización como ocultar la página de resultado, puedes adaptarte a las preferencias de diferentes clientes, lo que podría ayudar a mantener su interés y aumentar la probabilidad de que completen la compra.

• Oportunidad para reforzar tu marca: Al ofrecer opciones de personalización como ocultar la página de resultado, demuestras la flexibilidad de tu empresa y tu compromiso con satisfacer las necesidades de tus clientes.

Importante

El ocultar página de resultado es una característica que funciona en todas las modalidades de integración: pop-up, embedded, redirect

Objetivo

Aprenderás a:

• Crear el objeto de configuración
• Inicializar el formulario de pago.
• Mostrar el Checkout.

1. Creando el objeto de configuración

• Ejemplo de configuración para ocultar la página de resultado:

Objeto config

const iziConfig = {
  config: {
    ...,
    appearance: {
          customize:{
              visibility: {
                  hideResultScreen: true
              }
          }
    },
    ...
  }
};

2. Instanciando la clase

const checkout = new Izipay({config: iziConfig});

3. Mostrando el checkout

try {
  checkout &&
    checkout.LoadForm({
      authorization: 'TU_TOKEN_SESSION',
      keyRSA: 'TU_KEY_RSA',
    });
} catch (error) {
  console.log(error.message, error.Errors, error.date);
}

Demo

A continuación, te invitamos a explorar nuestra demo interactiva.

Editor en vivo

const config = { appearance: { customize: { visibility: { hideResultScreen: true } } }, render: { typeForm: 'pop-up' } } render ( <Izipay config={config} /> )

  const config = {
    appearance: {
      customize: {
        visibility: {
          hideResultScreen: true
        }
      }
    },
    render: {
      typeForm: 'pop-up'
    }
  }

  render (
    <Izipay
      config={config}
    />
  )

Resultado

Loading...