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

Build it yourself

Step-by-step developer guides for everything on this page.

Online · Guide

Payment Page

Take online payments on a Surfboard-hosted checkout page. Create an online store, verify its domains, create an order against the PaymentPage terminal it comes with, and redirect the customer or send them the link.

Read guide Online · Guide

Self-Hosted Checkout

Embed a payment form directly in your web app with the Surfboard Online SDK. Full UI control with Surfboard handling PCI compliance.

Read guide Online · Guide

Create an Order

Learn how to create orders with line items, tax, customer details, and control functions. The starting point for accepting payments with the Surfboard API.

Read guide

Browse all developer guides