Whop embedded checkout: keep customers on your WooCommerce checkout

A Whop embedded checkout puts Whop’s payment form on your own page instead of sending the buyer to whop.com. Whop provides it as the Checkout element (part of Whop Elements); on WooCommerce, WhopForWoo mounts it inside the checkout’s payment box, priced at the exact order total, and confirms each payment with Whop before the order is marked paid.

How the Whop checkout embed works

From Whop’s developer guide, an embed has three parts:

1. The element in the browser. You load the Whop Elements script and mount the Checkout element with a plan. It opens the checkout session, prices it, and takes the payment. You can pass metadata (your order ID), a returnUrl, and promo or affiliate codes.
2. A return page. After an off-site step (3D Secure, bank redirect, financing), the buyer lands on your returnUrl with payment and status in the query string. Card declines don’t go there; they show inline.
3. A webhook on your server. Whop sends payment.succeeded. You verify the signature and then fulfil. Whop is explicit: the return page can be faked by typing status=succeeded in the URL, and the browser can close before it loads, so fulfilment belongs in the webhook.

So “embed Whop checkout” is a front-end snippet plus a back-end job. Skip the back-end and you’ll ship orders nobody paid for.

Whop website embed: plain HTML vs WooCommerce

For a single product on a landing page, the hand-coded embed or a checkout link is enough. For a store with a cart, the plugin saves you the order, webhook and verification code.

Embedded checkout in WhopForWoo, step by step

1. In WooCommerce → Settings → Payments → Whop, set Checkout Mode to Whop Elements on Checkout (Recommended).
2. Leave Reuse WooCommerce Billing Details on, so Whop’s email and billing address are prefilled and the customer types them once.
3. Pick the form language (or Match site language), theme, pay-button colour, background colour and corner radius. See Whop custom checkout for each option.
4. Exclude the checkout page from page caching, then run the cache test in Status & Tools.
5. Place a test order in Sandbox mode.

What the customer sees: the Whop form loads with the checkout. Its pay button is the only button while Whop is selected. In the background the pending order is created and kept up to date if the cart changes; if the total changes, a new checkout configuration is created and the form remounts at the new amount.

Limits of the Whop embedded checkout

• iDEAL doesn’t appear in embedded checkouts, according to Whop. Dutch buyers can still pay by card or wallet.
• Checkout Block: WooCommerce’s block checkout uses Whop’s hosted page in WhopForWoo.
• Page caching breaks the form (stale security token). Exclude the checkout.
• New Whop accounts are capped at $2,500 per checkout link until Whop approves a higher limit; plan for the same ceiling on large orders until your account is approved.