WWooshPayment docs
Getting started

WooshPayment onboarding in 6 steps

Operational guide to the WooshPayment onboarding wizard after signup. Store, brand, shipping, payments, preview and final check in 6 steps.

8 min read

WooshPayment onboarding in 6 steps

After signup at wooshpayment.com/signup, you first pass through the email verification screen (/verify-email-pending). Once you click the link, you land on the onboarding wizard: six linear steps from Platform to Final check. Each step unlocks after the previous one is filled โ€” but you can always go back or skip with the "Skip for now" link in the top right.

Timing depends on Shopify/WooCommerce access, Whop credentials, billing and the real live-cart test. Keep the integration guides open while you complete the wizard.

If you accidentally closed the wizard, you can resume it by clicking "Continue setup โ†’" in the purple banner at the top of the dashboard. State is saved server-side, you lose nothing.

Step 1 โ€” Platform

The first step is the choice between Shopify and WooCommerce:

  • Shopify โ†’ create a dev app in your Shopify Dev Dashboard โ†’ paste your-store.myshopify.com, Client ID and Client Secret โ†’ authorize the app in your Admin. On return we have accessToken + ScriptTag installed, then you need a real cart test on the live theme.
  • WooCommerce โ†’ install the official plugin โ†’ paste store URL + Consumer Key + Consumer Secret (generate them in WooCommerce โ†’ Settings โ†’ Advanced โ†’ REST API)

Full guides: Shopify Dev Dashboard ยท WooCommerce plugin.

Step 2 โ€” Brand

Three fields:

  • Logo URL: public link to transparent PNG/SVG (e.g. hosted on a CDN, S3, Imgur). Max height 60px recommended.
  • Primary color: hex code (e.g. #3b5bdb). Applied to CTA buttons, links, accents.
  • Accent color (hover): secondary hex, usually a darker variant of the primary.

The right-side preview updates live as you type. You see how the real checkout's "Pay โ‚ฌX" button will look.

If you don't have a logo hosted online yet, you can temporarily upload to Imgur, grab the direct link (.png/.jpg/.svg), and paste it. Later from Dashboard โ†’ Checkout โ†’ Branding you can swap it for a final asset.

Step 3 โ€” Shipping

Define at least one shipping rate:

  • Rate name: visible to the customer (e.g. "Standard shipping", "Express 24h", "In-store pickup")
  • Free shipping (toggle): if ON, the price is ignored and we show "Free" to the customer
  • Base price (โ‚ฌ): amount in base EUR. If checkout runs in a SEK/GBP/USD market, WooshPayment converts the rate and threshold automatically into the checkout currency.

You can add more rates via the + Add rate link. Typical example:

NameBase price
Standard shippingโ‚ฌ4.90
Express 24hโ‚ฌ9.90
Free shipping over โ‚ฌ50โ‚ฌ0.00 (toggle ON, threshold-gated in dashboard)

At checkout, rates are shown sorted from cheapest to most expensive. The customer picks one.

Shipping is summed into the cart total and processed by Whop as a single transaction. Whop doesn't distinguish product from shipping โ€” it's a single amount. For separate reporting, export from your Shopify/WooCommerce dashboard.

Step 4 โ€” Payments

Two methods available:

  • Whop Payments (recommended for cards/wallets): processes cards and eligible wallets when your Whop account, domain, browser and device support them. The API key alone is not enough: Business ID, Product ID and webhook secret must be present before Whop is considered ready. If Product ID or webhook secret is missing, the step shows an amber state and sends you to Dashboard โ†’ Integrations.
  • Cash on Delivery (optional): checkbox to tick. The customer pays the courier on delivery. Very popular in Italy for dropshipping items below โ‚ฌ50.

You can continue only if at least one method is actually usable:

  • Whop ready with Product ID and webhook secret, or
  • Cash on Delivery enabled for a COD-only launch.

COD works like this: the customer confirms the order on checkout, the store creates the order in pending payment state, the courier collects cash, you manually mark the order as paid in your Shopify/WooCommerce backend.

Step 5 โ€” Preview

The preview opens your checkout at {slug}.wooshpayment.com/checkout/prev_xxx with:

  • Your branding (logo, colors, domain)
  • 2 fake products preloaded in the cart
  • The shipping rate you configured
  • Payment disabled: preview is for layout, fields, shipping and iframe checks, not for certifying Whop

Click "Open preview" โ†’ opens in a new tab. Verify:

  • โœ… Logo placement and size correct
  • โœ… CTA colors as expected
  • โœ… Shipping visible in the shipping step
  • โœ… Whop step with card iframe loaded correctly

When happy with the result, come back to this page and click Go to final check โ†’.

You must click "Open preview" at least once before being able to proceed โ€” it's an anti-launch-blind safety. The green "โœ“ Preview opened" text appears only after the click. Otherwise the "Go to final check โ†’" button stays disabled.

Step 6 โ€” Final check

Final checklist of the 5 prerequisites:

  • โœ“ Store connected
  • โœ“ Brand and colors set
  • โœ“ At least one shipping rate
  • โœ“ Payment method ready: Whop ready or Cash on Delivery enabled
  • โœ“ Live store checkout tested: the real cart click must have created at least one non-preview checkout on WooshPayment

The {slug}.wooshpayment.com subdomain is generated automatically at signup and is no longer a wizard step. You can view or regenerate it from Dashboard โ†’ Settings.

When all checks are green, press Mark setup verified โ†’. WooshPayment runs these checks:

  1. Verifies the store is actually ready: Shopify requires completed OAuth + domain; WooCommerce requires plugin/REST connected + store URL.
  2. Verifies that at least one real payment method exists: Whop ready with Product ID and webhook secret, or Cash on Delivery enabled.
  3. If you do not have an active plan yet, sends you to Billing before completing onboarding. While the plan is Demo/FREE, the store checkout click intentionally stays in native passthrough and does not create WooshPayment sessions.
  4. After the plan is active, checks checkout-activation: at least one real non-preview checkout must exist from a store cart click. On Shopify it also requires ScriptTag OK; on WooCommerce it requires the official plugin to have intercepted at least once.
  5. If you are on Shopify, installs/reinstalls the ScriptTag and checks it again before completing.
  6. If you are on WooCommerce, expects the official plugin to already be active and to have created the first checkout: check Dashboard โ†’ Integrations and WordPress โ†’ Settings โ†’ WooshPayment.
  7. Saves onboardingCompletedAt: next time you log in, you go straight to the dashboard instead of restarting the wizard.

"Setup verified"

The "Setup verified" screen confirms onboarding is complete and checkout interception can run on the store:

  • Shopify: the ScriptTag was installed or reinstalled, but setup verification still requires the real live-cart test.
  • WooCommerce: checkout redirect runs through the official plugin you already installed and the wizard has already seen at least one intercepted live checkout.
  • The checkout preview was opened at least once.
  • You can go straight to Dashboard or Orders.

Before ads, still complete a paid pilot order: verify store order, customer/merchant emails, pixel/CAPI and the order dashboard.

Apple Pay note: after Whop connect, a best-effort domain registration attempt may run, but treat Apple Pay as ready only when the domain appears in your Whop dashboard. If manual action is needed, you receive an email with the domain to add.

Two buttons:

  • Open Dashboard โ†’ takes you to wooshpayment.com/dashboard (overview with live charts)
  • Go to orders takes you straight to the orders list (empty until first purchase)

What WooshPayment does behind the scenes

When you press "Mark setup verified" the backend runs a short recoverable sequence:

1. GET merchant + Whop + billing status
2. If Whop is not ready and COD is disabled โ†’ block final verification
3. If the plan is not active โ†’ redirect to Billing (Demo/FREE leaves native checkout in passthrough)
4. GET /api/merchant/checkout-activation โ†’ block if the first intercepted live checkout is missing
5. Shopify: the ScriptTag installed by the OAuth callback is verified/retried if needed
6. WooCommerce: the official plugin you already installed remains the checkout interception point
7. PATCH /api/merchant/config { onboardingCompletedAt }
8. Redirect to dashboard

If the final step sends you to Billing, activate the plan first: only after the plan is active does the checkout click create a WooshPayment session. If it stays blocked on the live test, open the real store cart, click Checkout, verify that it lands on WooshPayment, then return to the wizard and click "Recheck live checkout". For redirect issues, use Dashboard โ†’ Integrations, Dashboard โ†’ Settings or WordPress โ†’ Settings โ†’ WooshPayment.

After setup verification

After the real test, every "Checkout" click from the cart redirects to your branded checkout at {slug}.wooshpayment.com/checkout/{token}: Shopify uses the ScriptTag validated on the live theme, WooCommerce uses the official plugin. From there:

  1. The customer fills email + address
  2. Picks shipping from the ones you configured
  3. Picks the payment method (cards or eligible wallets via Whop, or COD)
  4. Confirms โ†’ Whop processes โ†’ webhook to our backend โ†’ order created on Shopify/WooCommerce
  5. "Order confirmed" email is sent by WooshPayment, branded with the store name
  6. Merchant notification email goes from WooshPayment

Can I change settings after launch?

Yes, always. From the Dashboard you find everything in these pages:

  • Checkout โ†’ Branding: edit logo, colors and checkout text
  • Shipping: add/remove/edit rates
  • Payments: enable/disable COD, manage Whop
  • Markets & Languages: add countries and currencies (multi-currency)
  • Integrations: complete Whop, reconnect WooCommerce or check plugin/pixels
  • Settings: reconnect Shopify or check ScriptTag/domain
  • Account โ†’ Custom domain: map checkout.yourstore.com instead of the default subdomain

Problems?

  • Checkout URL not reachable after signup โ†’ wait 5-30 minutes for DNS/SSL, then check Dashboard โ†’ Settings. If the issue is Shopify redirect, see Script tag debug
  • Whop won't connect (401 error) โ†’ see Whop Connect troubleshooting
  • Empty preview or blank Whop iframe โ†’ check Whop is ready with Product ID and webhook secret (full guide)
  • Checkout click does not redirect โ†’ Shopify: see Script tag debug. WooCommerce: check WordPress โ†’ Settings โ†’ WooshPayment and Dashboard โ†’ Integrations.

Next steps

  • Quickstart โ€” quick overview of the first end-to-end order
  • How it works โ€” checkout architecture + customer flow
  • Pre-launch checklist โ€” exhaustive list of things to verify before sending real traffic
  • Custom domain โ€” replace {slug}.wooshpayment.com with checkout.yourstore.com