# Paddle.js

Integrate Paddle and Retain in your app or website frontend with Paddle.js.

---

## Featured

- [Include and initialize Paddle.js](https://developer.paddle.com/paddle-js/include-paddlejs.md): Start building checkouts and pricing pages by adding Paddle.js to your app or website.
- [Paddle.js methods](https://developer.paddle.com/paddle-js/methods.md): Explore the methods available in Paddle.js to interact with checkouts and pricing pages.
- [Paddle.js events](https://developer.paddle.com/paddle-js/events.md): Use an event callback to show and update on-page information based on events emitted by Paddle.js.

## All pages

- [Manage client-side tokens](https://developer.paddle.com/paddle-js/client-side-tokens.md)
- [Include and initialize Paddle.js](https://developer.paddle.com/paddle-js/include-paddlejs.md)
- [Simulate Paddle Retain interventions](https://developer.paddle.com/paddle-js/test-retain.md)
- [Hosted checkout URL query parameters](https://developer.paddle.com/paddle-js/hosted-checkout.md)
- [HTML data attributes](https://developer.paddle.com/paddle-js/html-data-attributes.md)

### Methods

- [Overview](https://developer.paddle.com/paddle-js/methods.md)
- [Paddle.Initialize()](https://developer.paddle.com/paddle-js/methods/paddle-initialize.md)
- [Paddle.Update()](https://developer.paddle.com/paddle-js/methods/paddle-update.md)
- [Paddle.Environment.set()](https://developer.paddle.com/paddle-js/methods/paddle-environment-set.md)
- [Paddle.Checkout.open()](https://developer.paddle.com/paddle-js/methods/paddle-checkout-open.md)
- [Paddle.Checkout.updateCheckout()](https://developer.paddle.com/paddle-js/methods/paddle-checkout-updatecheckout.md)
- [Paddle.Checkout.updateItems()](https://developer.paddle.com/paddle-js/methods/paddle-checkout-updateitems.md)
- [Paddle.Checkout.close()](https://developer.paddle.com/paddle-js/methods/paddle-checkout-close.md)
- [Paddle.PricePreview()](https://developer.paddle.com/paddle-js/methods/paddle-pricepreview.md)
- [Paddle.TransactionPreview()](https://developer.paddle.com/paddle-js/methods/paddle-transactionpreview.md)
- [Paddle.Retain.demo()](https://developer.paddle.com/paddle-js/methods/paddle-retain-demo.md)
- [Paddle.Retain.initCancellationFlow()](https://developer.paddle.com/paddle-js/methods/paddle-retain-initcancellationflow.md)
- [Paddle.Status.libraryVersion](https://developer.paddle.com/paddle-js/methods/paddle-status-libraryversion.md)

### Events

- [Overview](https://developer.paddle.com/paddle-js/events.md)
- [checkout.closed](https://developer.paddle.com/paddle-js/events/checkout-closed.md)
- [checkout.completed](https://developer.paddle.com/paddle-js/events/checkout-completed.md)
- [checkout.customer.created](https://developer.paddle.com/paddle-js/events/checkout-customer-created.md)
- [checkout.customer.removed](https://developer.paddle.com/paddle-js/events/checkout-customer-removed.md)
- [checkout.customer.updated](https://developer.paddle.com/paddle-js/events/checkout-customer-updated.md)
- [checkout.discount.applied](https://developer.paddle.com/paddle-js/events/checkout-discount-applied.md)
- [checkout.discount.removed](https://developer.paddle.com/paddle-js/events/checkout-discount-removed.md)
- [checkout.error](https://developer.paddle.com/paddle-js/events/checkout-error.md)
- [checkout.items.removed](https://developer.paddle.com/paddle-js/events/checkout-items-removed.md)
- [checkout.items.updated](https://developer.paddle.com/paddle-js/events/checkout-items-updated.md)
- [checkout.loaded](https://developer.paddle.com/paddle-js/events/checkout-loaded.md)
- [checkout.payment.error](https://developer.paddle.com/paddle-js/events/checkout-payment-error.md)
- [checkout.payment.failed](https://developer.paddle.com/paddle-js/events/checkout-payment-failed.md)
- [checkout.payment.initiated](https://developer.paddle.com/paddle-js/events/checkout-payment-initiated.md)
- [checkout.payment.selected](https://developer.paddle.com/paddle-js/events/checkout-payment-selected.md)
- [checkout.updated](https://developer.paddle.com/paddle-js/events/checkout-updated.md)
- [checkout.upsell.canceled](https://developer.paddle.com/paddle-js/events/checkout-upsell-canceled.md)
- [checkout.warning](https://developer.paddle.com/paddle-js/events/checkout-warning.md)