Payment Page Demo

Customize and preview your branded payment page in real-time

Branding Settings

Auto-Brand (Uses AI to extract branding from your website)

Colors

Background Color

Brand Color

Accent Color

Style

Shape

Font Type

Images

Logo URL

Icon URL

Primary Cover Image

Payment Methods

All Methods

Card

Swish

Klarna

Vipps

MobilePay

Pay by bank

Display Options

Minimal Mode

Show Top Section

Show Footer

Preview

Select how to pay

Secure payment powered by

Company Name AB | Org. nr. 123456789 | support@company.com | Privacy Policy | Terms of Use

{
  "backgroundColor": "#071132",
  "brandColor": "#1448D9",
  "accentColor": "#73FAAE",
  "rectShape": "rounded",
  "fontType": "sans-serif",
  "logoUrl": "https://content.surfboardpayments.com/hubfs/logos/surfboard_white.svg",
  "iconUrl": "https://content.surfboardpayments.com/hubfs/logos/light_icon.png",
  "primaryCoverImage": "https://content.surfboardpayments.com/hubfs/imgs/dev-board.jpg",
  "minimal": false,
  "show_top": true,
  "show_footer": true,
  "paymentMethods": [
    "Card",
    "Swish",
    "Klarna",
    "Vipps",
    "MobilePay",
    "Pay by bank"
  ]
}