> 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="https://3798839229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtTjX1Zr5bWzjMleIZro2%2Fuploads%2FQWQivYCCoPxrNOIR9buT%2Fimage.png?alt=media&amp;token=a3c5b6a0-971c-4ed3-bb16-28ba33229234" 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="https://3798839229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtTjX1Zr5bWzjMleIZro2%2Fuploads%2FvTewRksLnJ0ylNYbJB2l%2Fimage.png?alt=media&amp;token=10c09ed5-23d0-49ec-9ee8-1c67d57f856d" 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="https://3798839229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtTjX1Zr5bWzjMleIZro2%2Fuploads%2Fvo6RiqJJfwqpYkN9bfOI%2Fimage.png?alt=media&amp;token=b0c7348e-f78b-41e1-8a2d-e04794217a3f" 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.