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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fungies.io/getting-paid/checkout-choice/overlay-checkout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.