Versions Compared

Key

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

Table of Contents

The payment pages of a standard type are displayed to the buyer for payments through IPS Assist using redirection to the Assist site or display in an iFrame built into the merchant's website.

Appearance of payment pages

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

1

The name of the merchant (online store) in the language of the order

You can configure the spelling of the merchant in different languages in the Personal account

2

Merchant (online store) logo

To place the merchant's logo on payment pages, you need to send a file with an image of the logo in svg, png or jpg format to the IPS Assist technical support service. When preparing an image, keep in mind that it will fit into a container of the following dimensions:

  • for desktop version - 239х31;
  • for mobile version:
    • 191х25 - at the mobile device screen width 320;
    • 262х25 - at the mobile device screen width 375;
    • 285х25 - at the mobile device screen width 414.

3

Order amount and order currency

If the order amount is an integer, zero decimal places are not displayed. The currency is displayed with the corresponding currency symbol.

4

Order comment

The payment page can display the text of the comment transmitted by creating an order in the OrderComment field.  To configure the display of the comment, contact the IPS Assist technical support service.

5

Card data entry area

6

Issuer bank logo

Displayed while filling in the card number field

7

Payment system logo

Displayed while filling in the card number field

8

Buyer data entry

It is possible to customize a set of buyer parameters (cardholder, first and last name of the buyer) displayed on the payment pages.

If these parameters are required by the merchant for its own technological requirements, and they are available within its own database, it is desirable to transmit them in the request to create a payment. If parameters are transmitted in the request, they will not be displayed on the payment page. If the parameters are not transmitted in the request, they will be displayed on the payment page for the buyer to fill in.

The settings for displaying the buyer's parameters are performed by the employees of the IPS Assist technical support service at the request of the merchant.

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

Back on top

General information

For payments via the IPS Assist a merchant can choose one of two options for pages on which the user will carry out the authorization process:

  • standard (typical layout, used by default);
  • custom (made taking into account the design features of the merchant site).

Standard templates

Typical templates. The name of the merchant is always present on the pages.

Custom templates

Design of the merchant payment pages, performed independently under the requirements of Assist based of standard templates without any restrictions. A set of typical Assist templates can be downloaded here.

How to publish custom templates

To publish custom templates, do the following:

  • ensure that custom templates are allowed for the merchant;
  • download standard templates (as a rule, the archive includes html-files, standard images, style sheets, js files; each template is an html-page containing special tags, minimal design);
  • check the created templates for correct display in the browser locally under the requirements of Assist;
  • send prepared templates to Assist technical support.

Sent templates after verification by Assist specialists are placed in the test area for preliminary review. Check is necessary to identify invalid code elements, as well as to verify the correctness of internal paths to connected style files, paths to image files and js-files. Such check is carried out up to 3 days after receipt of the templates.

In the absence of the necessary files or in the case of gross deviations from the requirements, a request based on the results of the check is sent to the merchant. Further implementation of the templates in the system is suspended until all the necessary component templates are received or the inconsistencies are corrected.

Additional useful information for creating custom templates is here.

Conclusion

You must carefully study the requirements outlined above.

Violation of layout technology can lead to inoperability of merchant scripts or incorrect display of templates.

Warning

It is not allowed to work with files from the !samples folder. These files are intended only to learn the appearance of the payment pages and do not include all the required elements.

...

Here you can download a set of standard templates.

Demo store

...