Skip to content

Customized form

This page provides an overview of the available customization options that allow you to modify and personalize the Payment Form, empowering you to enhance your customers’ experience.

Supported browsers

The Payment Form is a payment service of utmost importance and demands the latest security measures. As a result, we endorse all major web browsers that are still receiving official security updates and are actively maintained, such as:

  • Google Chrome
  • Microsoft Edge
  • Mozilla Firefox
  • Opera
  • Safari.

Lite customization

Adjust the page colors and font to your desired specifications to align with your brand scheme.

To achieve this, you should incorporate the {formStyle} when creating the payment form.

formStyle -> spg-style=”{formStyle}”

"transaction": {
    "layout": 'default',
        "theme": 'default',

            "color": {
                "primary": "",              
                "border": "",
                "surface": "",
                "body": {
                    "text": "",
                }
            },
    "font": ""
}

The attribute attr.spg-style is a JSON string, optional allowing you to customize the payment form:

ParameterTypePossible values (examples)Description
layoutString‘default’Form layout.
themeString‘default’Form theme.
color.primaryString‘#ff0000’Primary color in hexadecimal.
color.borderString‘#ff0000’Border color in hexadecimal.
color.surfaceString‘#ff0000’Surface color in hexadecimal – surface is the ‘main background’ of the html page.
color.body.textString‘#ff0000’Color in Hexadecimal of the Text in the Background.
fontString‘Times New Roman’Font Family used.

You can find below a visual example of different colors being applied to the payment form.

SIBS Payment Form: Lite customization

Full customization (white label)

To take customization to the next level and ensure perfect alignment with your brand’s design, the full customization option offers numerous advantages.