Versions Compared

Key

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

...

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

Section
Column
width66%

Image Added

Standard payment page appearance

Column
width34%

Image Added

 Mobile version of the payment page appearance

Explanation of designations

...

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

...

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 <header> <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"). widthheight = event.data.body.scrollWidthscrollHeight;
    }
</script>

Additional options for changing the appearance of payment pages

Warning

Information is updated due to work on payment pages changing.

Demo store

...

Back on top