How to design your checkout page

How to access design settings

Go to Pages and open the page you want to edit.
Click Design from the top menu.

Layout

Choose a layout for your page:

Center — content centered on the page.
Double — content split into two columns. You can set the checkout position (left or right), background width (half or full), and logo alignment (left or centre).
Split — content split with layout options similar to Center and Double.

Background — set to a colour or upload an image.

Text alignment — left or centre.

Page type — switch between Hosted page and Add-to-site (embed or pop-up). Click Change in the layout settings to update.

Colours

Customize the following with a colour picker or hex value:

Page background colour (hosted pages only)
Variant background colour
Variant selected background colour
Variant selected border colour
Button background colour
Button text colour

Changes save automatically.

Page elements

Show or hide the following on the page:

Logo
Product title
Price
Setup fee
Store name
Price breakdown
Price on button
Secure payments text
Powered by Stripe

We recommend keeping the Stripe badges visible as they help build trust at checkout.

Custom labels

Rename default field labels and button text. This can also be used to translate your checkout into another language.

Currency formatting

Select how your currency is displayed from the dropdown (e.g. "United States" or "Switzerland (French)"). This changes the format only, not the currency itself.

Custom CSS

Add custom CSS code for further design customisation.