Skip to main content
A lightweight, modal-style checkout that opens on top of your website. Perfect for landing pages, portfolios, or embeds where you want users to complete a purchase without leaving the page.

​
How it works

Instead of redirecting customers to a separate checkout page, the overlay opens instantly as a popup. This keeps users in context, reduces friction, and typically improves conversion.

​
Select Product

Choose which product the overlay preview will display. The preview on the right updates in real-time so you can see exactly how your checkout will look.

​
Override Theme

Turn this on to fully customize the overlay’s appearance. If disabled, the overlay will inherit your store’s default styles.

​
Theme Mode

Choose between: Dark
Best for modern, high-contrast experiences or dark websites. Light
Better for clean, minimal, or light-themed pages. Pick the one that matches your website for a seamless feel.

​
Checkout Theme Overrides

Fine-tune the visual details of your overlay. Button
Primary call-to-action color (e.g. “Checkout”). Button hover
Button color on hover. Button text
Text color inside buttons. Button text hover
Text color on hover. Link
Color for links inside the checkout. Checkbox
Color for selection controls. Selection border
Border color for selected options. Selection background
Background color for selected states.

​
When to use Overlay Checkouts

Overlay checkouts work best when:
  • You’re embedding checkout on your website or a landing page
  • You want a smooth, interruption-free buying flow
  • You’re selling directly from your portfolio or product page
  • You want faster conversions with fewer redirects

​
Pro tip

Match your overlay colors to your website’s branding.
If the transition feels seamless, users are far more likely to complete the purchase.