Hide result page

Do you want to have even more control over the payment process? It's possible! Our flexible system allows you not only to customize the checkout form, but also to decide whether you want to display the result page. This option allows you to further tailor your customers' experience and make the checkout process fit your needs perfectly.

Why is the option to hide the result page important?

• Personalization for the user: By offering the option to hide the results page, you give your customers more control over their checkout experience. Some may prefer to go directly to the next step, while others may appreciate the additional confirmation provided by the results page.

• Customizability to increase conversions: By providing personalization options such as hiding the result page, you can adapt to the preferences of different customers, which could help maintain their interest and increase the likelihood that they will complete the purchase.

• Opportunity to reinforce your brand: By offering personalization options such as hiding the result page, you demonstrate your company's flexibility and your commitment to meeting your customers' needs.

Important

Hiding result page is a feature that works in all integration modes: pop-up, embedded, redirect

Objective

You will learn how to:

• Create the configuration object.
• Initialize the payment form.
• Display the Checkout.

1. Creating the configuration object

• Example of configuration to hide the result page:

Object config

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

2. Instantiating the class

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

3. Displaying the checkout

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

Demo

Next, we invite you to explore our interactive demo.

Live editor

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}
    />
  )

Result

Loading...