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.

Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookies

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.