Customizing the Payment Page

The Payment page can be adjusted easily, both through branding but also through feature parameters.

Feature Parameters

Use the &features= parameter followed by options. Multiple features can be combined with commas.

• minimal:on Disables desktop sidebar view and shows the checkout page with minimal design.

  

• show_top:off Hides the header section which has the logotype and language switcher. In the screenshot below added with minimal (&features=minimal:on,show_top:off)

  

• show_footer:off Hides the footer section which has the merchant name, organisation number & email address. In the screenshot below added with minimal and hide top (&features=minimal:on,show_top:off,show_footer:off)

  

• address_autofill:off Turns off automatic address filling.

• method:[PAYMENT_METHOD] Prioritizes a specific payment method at the top of the list if available. For example method:SVIPPS would put Vipps in the top of the list if multiple payment methods are available.

• lang:sv Sets the default language/locale for the payment page.

A full example of the available feature params, that would be put by you to the end of the returned Surfboard Payment Page URL, before sending the user there would be: &features=minimal:on,show_top:off,show_footer:off,address_autofill:off,method:SVIPPS,lang:no

Branding Options

You can adjust the design of the Payment Page through the merchant portal, under Stores → Store branding:

• Upload a company logo
• Set background color, brand color and accent color.
• Add a Primary cover image
• Change Font type and Shapes on buttons and input fields