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

...

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