Brand Color
You have the option to specify your desired brand color to apply on Smart Checkout. This means that the overall styling (look & feel) of Smart Checkout will be adjusted to make use of your own brand color, rather than the default color.
You simply append the query parameter color to the URL as shown here:
| Environment | URL |
|---|---|
| Production | https://www.vivapayments.com/web/checkout?ref={OrderCode}&color={ColorCode} |
| Demo | https://demo.vivapayments.com/web/checkout?ref={OrderCode}&color={ColorCode} |
The color code can be any Hex color code but without the ## character. So for example, blue is 0000ff, gold is ffd700, brown is a52a2a and so on. Once you decide which brand color you want to use, please carry out some testing to ensure the brand color looks correct on Smart Checkout (the use of white - ffffff - would not look good, for example)
If the color parameter value is null, invalid or missing, then the default value (06abc1) will apply
Example
You may find below a few examples of different color codes being used:
| Blue (hex code 0000ff) | Gold (hex code ffd700) | Brown (hex code a52a2a) |
|---|---|---|
 |
 |
 |
Get Support
If you would like to integrate with Viva, or if you have any queries about our products and solutions, please see our Contact & Support page to see how we can help!