> For the complete documentation index, see [llms.txt](https://help.fungies.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fungies.io/getting-paid/checkout-choice/overlay-checkout.md).

# 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.

<figure><img src="/files/VhSveNxqyOTRpJueu2LS" alt=""><figcaption></figcaption></figure>

A short step by step guide is also available here:

{% embed url="<https://www.youtube.com/watch?v=BK2s_w9Ex_8>" %}
Step by step guide on how to add a Buy Button to your Website or Software to allow checkout
{% endembed %}

<figure><img src="/files/MhSugQ908UXN2PirLC0J" alt=""><figcaption><p>A pop-up checkout that can be embedded anywhere on your website or inside your SaaS app</p></figcaption></figure>

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

<figure><img src="/files/kpGAcMwDejfDJUcHZVk2" alt=""><figcaption><p>Overlay settings can be accessed from the Left Pane in the Main Dashboard</p></figcaption></figure>

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:

<figure><img src="/files/9vZSvGLoA3HyNl1TgvZN" alt=""><figcaption><p>Customize your Overlay Checkout as you want in a simple builder view</p></figcaption></figure>

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 ](/add-subscription-product.md)first to see the list).

<figure><img src="/files/9BKO6mmZYotDgbJG8VAC" alt=""><figcaption><p>Name the Overlay and choose which product will be visible in the Pop-up Checkout. Copy the HTML code anywhere you want.</p></figcaption></figure>

:tada: 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.