Stripe Checkout Branding & Design

Article author
Memberstack Team
  • Updated

Stripe gives you an opportunity to add a splash of branding to its somewhat minimalist checkout page plus a few site pages and documents. Here's how.

You can also use your own custom domain (Stripe →)

Opening the Branding Page

  1. Log into your Stripe account.
  2. Click the Settings icon (gear) in the top right corner of the page.
  3. Scroll down to the Business settings heading.
  4. Click Branding.

a-1.png

Branding Options

  • Upload a logo and icon.

a-2.png

  • Use the pallets to add your brand's color scheme. These changes automatically appear on several pages and documents but not the Checkout, which gets its own design page (see below).

a-3.png

Previewing

Preview your new design choices and click Save changes if it all looks good,

  • Go to the PREVIEWS section and hover the mouse to email yourself a test invoice with the new logo and color scheme.

a-4.png

  • Click the menu tabs to preview changes on each page and document.

a-5.png

Checkout Page

To change the look of the Checkout page, click the menu tab and then Make changes.

a-6.png

 

On the Checkout styling page, you can:

  • check the box to automatically apply the same colors you set in the previous step (see above) or use these pallets to add custom colors to the Checkout page
  • change the font
  • change the shape of the Pay button (pill, rounded , or rectangular)

Click the device icons to preview the display on mobile screens and desktop monitors. When you're finished, click the Save changes button in the top right corner of the page.

b-2.png

That's all.

Now you know how to add branding elements to the Stripe Checkout page.

Was this article helpful?

Comments

0 comments

Please sign in to leave a comment.