Overlay Checkout

Overlay Checkout is a great way to embed checkout anywhere on your website or inside your app. This will open up a Pop-Up windows that will allow the customer to pay for the SaaS software you're offering.

A short step by step guide is also available here:

Step by step guide on how to add a Buy Button to your Website or Software to allow checkout
A pop-up checkout that can be embedded anywhere on your website or inside your SaaS app

You can access Overlay Settings in the Dashboard from the left menu:

Overlay settings can be accessed from the Left Pane in the Main Dashboard

There will be 2 buttons on the top right: Customize Overlay which will take you to a builder from where you can change the Overlay's Primary Button colors along with Background color:

Customize your Overlay Checkout as you want in a simple builder view

The 2nd buttom Share Overlay will open up a drawer for you to choose which product to be included in the Overlay Checkout. You can share as many Overlays as you want (as many Buy Buttons as you want). Each Overlay will link just to 1 specific product that you choose in the dropdown (you'll have to Add Your Subscription Product first to see the list).

Name the Overlay and choose which product will be visible in the Pop-up Checkout. Copy the HTML code anywhere you want.

🎉 Congratulations! You've just created your first Overlay Checkout! Copy the HTML code (modify its CSS as you want) and embed it anywhere on your landing page or inside your SaaS Software to allow customers subscribe to your product.

PreviousPayoutsNextHosted Checkout (more payment methods)

Last updated

#155: Adding "Types of Webhooks" pages, please review - Mohd's Nov 23 changes

Change request updated