Style parameters
|
Parameter |
Description |
|
widget |
A section of general widget customization settings. |
|
Parameter |
Description |
|
background Color |
An HEX code of the widget background color. |
|
buttonsColo r |
An HEX code of the widget buttons and background type color. Applicable to button elements, if no relevant CSS properties are set in the button.card , button.brands , and button.pay sections. |
|
background Type |
A widget background type. Possible values: none or 0 - no image; 1 - random; 2 - shards; 4 - rhombus; 8 - ovals; 16 - triangles. |
|
background CustomLeft |
An image embedded as a background left to the widget. An SVG format and a size up to 1 MB supported only. Possible values: none - no image; base64-encoded image file. |
|
backgroun dCustomRi ght |
An image embedded as a background right to the widget. An SVG format and a size up to 1 MB supported only. Possible values: none - no image; base64-encoded image file. |
|
CSS properties |
Additional CSS properties that you can customize, if needed. Applicable to button elements, if no relevant CSS properties are set in the button.card , button.brands , and button.pay sections. |
|
header |
A section of customization settings of the widget header. |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
shop |
A shop name. Shown as a URL or a shop name set in the system back office. |
|
Parameter |
Description |
|
background Color |
An HEX code of the widget background color. |
|
buttonsColo r |
An HEX code of the widget buttons and background type color. Applicable to button elements, if no relevant CSS properties are set in the button.card , button.brands , and button.pay sections. |
|
background Type |
A widget background type. Possible values: none or 0 - no image; 1 - random; 2 - shards; 4 - rhombus; 8 - ovals; 16 - triangles. |
|
background CustomLeft |
An image embedded as a background left to the widget. An SVG format and a size up to 1 MB supported only. Possible values: none - no image; base64-encoded image file. |
|
backgroun dCustomRi ght |
An image embedded as a background right to the widget. An SVG format and a size up to 1 MB supported only. Possible values: none - no image; base64-encoded image file. |
|
CSS properties |
Additional CSS properties that you can customize, if needed. Applicable to button elements, if no relevant CSS properties are set in the button.card , button.brands , and button.pay sections. |
|
header |
A section of customization settings of the widget header. |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
shop |
A shop name. Shown as a URL or a shop name set in the system back office. |
|
Parameter |
Description |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
margin |
Element margins. Set as a string of values in the {margin-top} {margin-right} {margin-bottom} {margin-left} format. |
|
close |
A close-iFrame widget element. |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
margin |
Element margins. Set as a string of values in the {margin-top} {margin-right} {margin-bottom} {margin-left} format. |
|
secureInfo |
An element that stands for the text about the security of the payment. If not customized, contains a link to the PSP website. If the text needs to be customized not only on the payment page, but also on the widget, it is necessary to add secureInfo object to the footer . |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
margin |
Element margins. Set as a string of values in the {margin-top} {margin-right} {margin-bottom} {margin-left} format. |
|
text |
Text to be displayed. Can contain a link. For example, "text": "Secure payment is provided by [clickable text](url)" . |
|
price |
A price display element. |
|
Parameter |
Description |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
margin |
Element margins. Set as a string of values in the {margin-top} {margin-right} {margin-bottom} {margin-left} format. |
|
descriptio n |
A payment description element. |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
margin |
Element margins. Set as a string of values in the {margin-top} {margin-right} {margin-bottom} {margin-left} format. |
|
button |
A section of widget customization settings applicable to the Pay by card, Pay by alternative payment methods, Pay button, and Payment result button elements. |
|
borderRadi us |
A button border radius. Applicable to button elements, if no relevant CSS properties are set in the buttons.card , buttons.brands , and buttons.pay sections. |
|
background Color |
An HEX-code of the element background color. Applicable to button elements, if no relevant CSS properties are set in the button.card , button.brands , and button.pay sections. |
|
card |
A section of widget customization settings applicable to the Pay by card button element. |
|
borderRadius |
A button border radius. |
|
Parameter |
Description |
|
background Color |
An HEX code of the element background color. |
|
text |
A text shown on the Pay by card button. Use the {amount} placeholder to show the payment amount on the button. |
|
CSS properties |
Additional CSS properties that you can customize, if needed. |
|
brands |
A section of widget customization settings applicable to the Pay by alternative payment methods button element. |
|
borderRadi us |
A button border radius. |
|
background Color |
An HEX code of the element background color. |
|
text |
A text shown on the Pay by alternative payment methods button. Use the {amount} placeholder to show the payment amount on the button. |
|
CSS properties |
Additional CSS properties that you can customize, if needed. |
|
pay |
A section of widget customization settings applicable to the Pay and Payment result button elements. |
|
borderRadi us |
A button border radius. |
|
background Color |
An HEX code of the element background color. |
|
text |
A text shown on the Pay button. Use the {amount} placeholder to show the payment amount on the button. |
|
Parameter |
Description |
|
CSS properties |
Additional CSS properties that you can customize, if needed. |
|
receipt |
A section of widget customization settings applicable to the button for downloading the transaction receipt. |
|
display |
An option to remove the widget element. Possible value: none – do not show. |
|
inputs |
A section of customization settings for the element of input fields for customer details for a payment by a card or an alternative payment method. |
|
background Color |
An HEX code of the element background color. |
|
holder |
An element of a cardholder input field. |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
background Color |
An HEX code of the element background color. |
|
cvc |
An element of CVC/CVV input field. |
|
type |
Possible value: password . If sent, the input CVC/CVV value will be masked. |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
background Color |
An HEX code of the element background color. |
|
Parameter |
Description |
|
cardFace |
An element of a card-face background. |
|
background Color |
An HEX code of the element background color. |
|
background Image |
A base64-encoded file. SVG, PNG, and JPG formats and a size of up to 1 MB are supported. |
|
background Position |
An embedded card-face image position. Possible values: top ; bottom ; left ; right ; center ; a string of percent values, for example 25% 75% ; a string of position measurements, for example 1cm 2cm . |
|
background Size |
An embedded card-face image size. Possible values: cover ; contain ; a string of the image width and height, for example 50% auto . |
|
background Repeat |
An image repeat on the widget background. Possible values: repeat-x ; repeat-y ; repeat ; space ; round ; no-repeat . |
|
footer |
A widget footer element. |
|
Parameter |
Description |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
logo |
A payment service provider's logo element. |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
additional_l ogos |
An array containing file(s) with additional logos for the payment page. Each file is represented by a base64-encoded string. The additional merchant logos will be displayed after PSP logo from left to right. The number of additional logo files is unlimited. |
|
secureInfo |
An element that stands for the text about the security of the payment. If not customized, contains a link to the PSP website. If the text needs to be customized not only on the widget, but also on the payment page, it is necessary to add secureInfo object to the header . |
|
display |
An option to remove the widget element. Possible value: none – do not show. By default, if "display": "none" is not sent in the request, the element is displayed. |
|
margin |
Element margins. Set as a string of values in the {margin-top} {margin-right} {margin-bottom} {margin-left} format. |
|
text |
Text to be displayed. Can contain a link. For example, "text": "Secure payment is provided by [clickable text](url)" . |