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.
Store logo
Shows your logo when you’ve added a logo under Store settings.
Checked and visible by default, but you can uncheck it 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, but you can uncheck it 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 alignment checked by default.
Check Center to center and align your product text in your checkout.
Pay button background-color
This is 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)
This is the background color of the checkout when viewing your checkout from a payment link or when embedding your checkout on 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 grey (#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, but you can uncheck it to remove this badge.
Show ‘Powered by Stripe’
Let your customers know that their payments are processed by Stripe.
Checked and visible by default, but you can uncheck it 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:
