Checkout branding
Customize the logo, colors, trust badges and copy of your WooshPayment checkout to reflect your brand.
A branded checkout is one of the bonuses you discover once you land on WooshPayment. Most merchants come here because Stripe or Shopify Payments shut down their account and they need to restart processing via Whop; once connected they also get a better-looking checkout — own domain, own logo, own colors. Configuring it well lifts conversion by 10-25% compared to a generic checkout.
Where to configure it
Everything in Dashboard → Checkout (not in a separate "Branding" page).
What you can customize today
| Element | Notes |
|---|---|
| Logo URL | Enter a public URL for the logo (PNG/SVG, max 200KB recommended) |
| Primary brand color | Hex, e.g. #FF6B35. Applied to buttons and accents |
| Secondary accent color | Hex for details and active elements |
| Trust badges | Up to 4 badges: icon (truck/shield/refresh/star) + title + description |
| Reviews | Side section with title + reviews list name / text / rating |
| Custom fields | Gift message, preferred delivery date |
| Taxes / VAT | VAT label, default rate, per-country rate |
| Custom CSS | Free-form editor — see Custom CSS |
Fonts, favicon, and A/B testing on CTA copy aren't exposed in the UI yet. Roadmap.
Basic setup
- Dashboard → Checkout
- Fill in:
- Logo URL: direct link to a hosted PNG or SVG file (recommended: use your store's CDN or a service like Cloudinary)
- Brand color: hex, e.g.
#0ea5e9— applied to primary buttons, input focus, "selected" indicators - Accent color: hex, secondary — used for details and active elements
- Add trust badges (optional): max 4, each badge has icon + title + description (e.g. "Free shipping / over €50")
- Save → the preview on the right updates live
Color best practices
- Contrast: the color must have ≥ 4.5:1 contrast vs white (WCAG AA). Check on contrastchecker.com
- Saturation: overly saturated colors (neon) tire the eye. Use the "brand" version of your logo, not the "accent" one
- Real test: open the checkout on an actual iPhone, not just the dashboard preview
Logo best practices
- Format: PNG with transparent background, or SVG (lighter)
- Dimensions: 200×200px minimum, max 500×500px
- Weight: < 200KB (served to every customer, weighs on performance)
- Layout: square or short horizontal. Tall vertical logos get compressed in the header
Trust badges
Examples that work:
- Truck: "Free shipping over €50"
- Shield: "Secure payment · 256-bit SSL"
- Refresh: "Free returns within 30 days"
- Star: "4.8/5 from over 2,000 customers"
Keep phrases under 40 characters or they get truncated on mobile.
Reviews
A side section of the checkout with the title of your choice (default "What our customers say") + a list of items with name / text / rating 1-5. Especially useful on desktop. On mobile, the section slides below the summary.
Custom fields at checkout
Two built-in options:
- Gift message (optional text field)
- Preferred delivery date (date picker with configurable min days)
Enable/disable each from the Checkout page.
Mobile vs Desktop
The checkout is mobile-first. Test every branding change immediately on an iPhone (desktop preview in the dashboard, but always confirm the real look by opening the checkout link on your phone).