# Whop custom checkout: make Whop's form look like your store

> Customise the Whop checkout page: Whop's branding settings, plus theme, colours, radius, language and hidden header of the embedded form on WooCommerce.

Updated: 2026-11-11 · Canonical: https://whopforwoo.com/whop-custom-checkout

**You can customise Whop's checkout in two places: Whop's own branding settings (background colour, button colour, font, border style) for its hosted pages, and the appearance options of the embedded form on your site.** On WooCommerce, WhopForWoo adds light or dark theme, pay-button colour, background colour, corner radius and language, and hides Whop's own header so the form reads as part of your checkout.

![Before and after: Whop default form vs customised form matching the store](https://whopforwoo.com/img/custom-checkout-before-after.png)

## Whop checkout page branding (hosted and links)

Whop's dashboard has a **Checkout Branding** screen (Dashboard → Settings → Checkout Branding):

| Setting | Values |
|---|---|
| Background colour | Hex code, applied to the order summary panel |
| Button colour | Hex code |
| Font family | System (default), Roboto, Open Sans |
| Border style | Rounded (default), pill, rectangular |

Settings apply to every checkout link, can be overridden per link, and per checkout session through the API. The order is: session, then link, then account default. Whop's checkout playground previews the result.

Whop's "checkout builder" is the checkout link editor: price type (free, one-time, recurring), stock, description, waitlist, questions before checkout, auto-expire access, redirect after checkout, and which payment methods to allow. There's no free-form page layout.

## Whop custom checkout on WooCommerce: every option

In **WooCommerce → Settings → Payments → Whop**, the *Payment Form Appearance* section (shown when Checkout Mode is Whop Elements):

| Option | What it does |
|---|---|
| Reuse WooCommerce Billing Details | Prefills Whop's email and billing address from the order; the email is locked to the order's email |
| Payment Form Language | 12 languages (English, Spanish, Chinese, Dutch, Portuguese, German, Hungarian, Italian, French, Japanese, Polish, Turkish) or *Match site language*; unsupported locales fall back to English |
| Payment Form Theme | Light or dark |
| Pay Button Color | Any hex colour; text switches to black or white for contrast |
| Payment Form Background Color | Set it to your checkout's background so the form blends in |
| Payment Form Corner Radius | 0 to 32 px |
| Title / Description | The label customers see in the list of payment methods |
| After Successful Payment | WooCommerce default, always Processing, or always Completed (applied only after Whop confirms payment) |

![Payment Form Appearance settings in WooCommerce](https://whopforwoo.com/img/custom-checkout-appearance-settings.png)

## What is hidden by default

The embedded form normally opens with a summary: seller logo and name, product name, price and a "one-time payment" line. On a WooCommerce checkout that's duplicate information, and the product name would be a generic order label. WhopForWoo hides that whole summary block. The customer sees your order summary on the left and only the payment fields and pay button in the payment box.

Two more things change on the page:

- **One button.** While Whop is selected, WooCommerce's "Place order" button is hidden and Whop's pay button is the only one. Pick another method and "Place order" comes back.
- **No double typing.** With billing reuse on, the email and address entered in WooCommerce are passed to Whop.

## What you can't change

- Card fields run inside Whop's iframe on Whop's domain. You can't restyle field by field or add your own inputs inside it; that is also what keeps card data off your server.
- The hosted page (used by the Checkout Block and redirect mode) follows your Whop dashboard branding, not the plugin settings.

Setup of the embed itself is on [Whop embedded checkout](https://whopforwoo.com/whop-embedded-checkout).

Get WhopForWoo: https://whopforwoo.com/pricing

## FAQ

### Can you customise the Whop checkout page?

Yes, within limits. Whop lets you set background colour, button colour, font (system, Roboto or Open Sans) and border style for your account, per checkout link, or per session through the API.

### Is there a Whop checkout builder?

Whop has a checkout playground to preview branding and a checkout link editor with options such as stock, questions before checkout and redirect after checkout. There is no drag-and-drop page builder.

### Can I hide the product name and price in the Whop form?

In WhopForWoo's embedded form, yes: the seller logo and name, product name, price and 'one-time payment' line are hidden, because the WooCommerce order summary already shows them.

### Can I style the Whop hosted checkout from WordPress?

No. The plugin's appearance settings apply to the embedded form only. The hosted page uses the branding set in your Whop dashboard.

## Related

- [Whop embedded checkout: keep customers on your WooCommerce checkout](https://whopforwoo.com/whop-embedded-checkout): How to embed Whop checkout on a website: the Checkout element, what you must build around it, and how WhopForWoo does it inside WooCommerce.
- [Whop Elements: what they are and how to use them on WooCommerce](https://whopforwoo.com/whop-elements): Whop Elements are Whop's embeddable UI components: Checkout, Payment, Express Checkout and more. Which one fits a store, and how WooCommerce uses them.
- [Whop checkout: the three ways customers can pay you through Whop](https://whopforwoo.com/whop-checkout): Whop checkout comes as a hosted page, a checkout link or an embedded form. How each works, what it supports, and how to put it on a WooCommerce store.
- [WhopForWoo pricing](https://whopforwoo.com/pricing): WhopForWoo pricing: Solo $129, Dropshipper (5 sites) $249, Pirate (unlimited) $499. One-time payment, updates included. 14-day refund.