Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Appearance of payment pages

n In the images below, red numbers indicate the different elements of the payment page.

Section
Column
width68%65%

Image AddedImage Removed
Standard payment page appearance

Column
width32%33%


Image AddedImage Removed
Mobile version of the payment page appearance

...

To view the payment pages interactively, you can use our demo store by making a Test payment.

Setting up a return to the store after payment

If necessary, after the payment, you can immediately return the buyer to the store page specified in the URL_RETURN parameter of the payment request.

Setting up the iFrame use

When using an iFrame to display Assist payment pages on a store site, the customer may need to scroll to view the entire payment page.

Expand
titleHere we provide an example of a script that will allow buyers to see the entire payment page within the boundaries of the existing iFrame.

After injecting the suggested script into the <head> , the width of the content will adapt to the dimensions of the iFrame.

Note

Note. It is recommended to specify a width of at least 320px.

Code Block
languagexml
<script>
    window.addEventListener('message', receiveMessage, false);
  
    function receiveMessage(event){   
        document.getElementById("iframe_name").width = event.data.body.scrollWidth;
        document.getElementById("iframe_name").height = event.data.body.scrollHeight;
    }
</script>


Additional options for changing the appearance of payment pages