Help center / Design your checkout

Design your checkout

In this help article, we’ll cover designing the look and feel of your checkout.

Appearance

Checkout Page makes it easy for your to customize your checkout. Add your logo and colors, change the text, or even change the design with CSS.

In just a few clicks, you can make your checkout match your brand or website design.

Store settings

“Store settings” are where you can add a store name, logo, site link, and more.

Changes you make in “Store settings” change the look and feel of your checkouts, payment links, emails to customers, and your customer portal.

Shows your logo when you’ve added a logo under “Store settings”.

Checked and visible by default.

Uncheck to hide your logo from this checkout.

Store name

Shows your store name when you’ve added a store name under “Store settings”.

Checked and visible by default.

Uncheck to hide your store name from this checkout

Product text alignment

Aligns the product text in your checkout.

  • Product name
  • Price
  • Store name
  • Description

Left alignemnt checked by default.

Check center to center and align your product text in your checkout.

Pay button background-color

The color of your pay button background and text color in your checkout.

Pay button background defaults to black (#000000).

Use the color picker or type your Hex value to add your color.

If you change the background color, click X to reset the background color back to black (#000000).

We recommend using a pay button background and text color combination that has enough contrast to make the text easy to read.

Pay button text color

The color of the text in your pay button.

Your pay button text color defaults to white.

Choose between white or black text.

Background color of checkout (not pop up)

The background color of the checkout when viewing your checkout from a payment link or when embedding your checkout in a web page.

Please note, that this is not the background color of your checkout when viewing the checkout pop up or embed.

The background color of checkout defaults to a light grey (#F9F9F7).

Use the color picker or type your Hex value to add your color.

If you change the background color, click X to reset the background color back to light gray (#F9F9F7).

Badges

Badges help establish trust through association with Stripe.

We recommend keeping the Stripe badges visible as your customers are more likely to make purchases when they trust their payment is secure.

Show ‘Sold with Checkout Page’

The Checkout Page platform badge.

To uncheck and remove this badge, upgrade to our Premium plan.

Show ‘Payments are secure & encrypted’

Let your customers know that their payments are secure & encrypted.

Checked and visible by default

Uncheck to remove this badge.

Show ‘Powered by Stripe’

Let your customers know that their payments are processed by Stripe.

Checked and visible by default

Uncheck to remove this badge.

Currency formatting, custom CSS, custom labels.

Now that you’ve changed the look and feel of your checkout. It’s time to learn more about the next steps:

  • Currency formatting
  • Custom CSS
  • Custom labels

Start selling online
in minutes

No credit card needed

2018 - 2022 © Checkout Page. All rights reserved.