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

...

Setting up the iFrame use

Warning

Information is updated due to work on payment pages changing.

Demo store

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

Back on top

...