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

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://docs.dintero.com/feedback

```json
{
  "path": "/docs/checkout/sdk/checkout-web-sdk",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

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