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.
On this page
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.
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) |
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.
Frequently asked questions
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.