> 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/embedded-checkout.md).

# Embedded Checkout

Apart from [Hosted Checkout ](/getting-paid/checkout-choice/hosted-checkout.md)and [Overlay Checkout](/getting-paid/checkout-choice/overlay-checkout.md), you can also Embed the whole checkout flow directly inside your Software, Website or App.

<figure><img src="/files/3tsfR35uqGhe0pmP4V0o" alt=""><figcaption><p>Embedded checkout can be put directly on the Website or inside your App - this is not Overlay / Pop-up Checkout but has the same features</p></figcaption></figure>

In order to implement Embedded Checkout, simply navigate to Checkout Elements on the left of the Dashboard:

<figure><img src="/files/9n3dOHpAYKetABWiF8jS" alt=""><figcaption><p>Access Checkout Elements to use Overlay or Embedded Checkouts</p></figcaption></figure>

You can now see a list of all Checkout Elements. Create a new one or edit previous ones:

<figure><img src="/files/V4pqaXUQjdr0yTi4kPJS" alt=""><figcaption><p>Choose Embed tab to Copy the HTML code that you can put directly on your Website or inside your App</p></figcaption></figure>

That's it - no coding required. Only Copy and Paste the HTML code.&#x20;

This is an example HTML script that will be copied:

```
// Embedded Checkout HTML code
<div id="target-element-id" style="max-width: 800px; 
height: 900px;">
</div>

<script src='https://cdn.jsdelivr.net/npm/@fungies/fungies-js@0.0.6' 
defer data-auto-init data-auto-display-checkout 
data-fungies-checkout-url='https://aceedz.com/checkout-element/ef42a016-1e61-417d-9885-4b5bdde69349'  
data-fungies-mode='embed' data-fungies-frame-target='target-element-id'>
</script>
```

You can play around with the script like changing the Width and the Height of the code.