> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dintero.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Dintero Checkout Web SDK

> Use the @dintero/checkout-web-sdk in your frontend to embed the Dintero Checkout, listen for session events, and customize the in-page payment flow.

Use this SDK in your frontend application to embed one or more discounts from the Dintero Discount Service in your webpage.

### Installation

```node theme={null}
npm install @dintero/checkout-web-sdk
```

### Inline HTML JavaScript Example - Using the SDK for an embedded checkout (Minimal)

When payment is completed, the SDK will redirect the end user to the return\_url defined in the payment session.

```html theme={null}
<script type="text/javascript">
    const container = document.getElementById("checkout-container");

    dintero.embed({
        container,
        sid: "T11223344.<short-uuid>",
    });
</script>
```

### Installation

For more detailed information about installation click [here](https://github.com/Dintero/Dintero.Checkout.Web.SDK)