> For the complete documentation index, see [llms.txt](https://accelerator.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://accelerator.gitbook.io/docs/features/checkout-button.md).

# Checkout button

The **ButtonCheckout** component is a dynamic button designed to handle payments and subscriptions seamlessly. It integrates with an API to create a checkout session and redirect users to complete their purchase.

<figure><img src="/files/o2VGoSC8qWDyz7stDNHd" alt="" width="375"><figcaption></figcaption></figure>

This button integrates directly with an API to create and manage checkout sessions. Depending on the selected mode, it supports both one-time payments and recurring subscriptions. Once triggered, the component communicates with the backend, retrieves a checkout URL, and redirects users to complete their purchase.

It accepts the `priceId`which allows you to point to a specific product price from different payment provider.

* **Simple payment flow** – Eliminates complexity by automating the checkout process.
* **Customizable behavior** – Supports different payment modes (`payment` or `subscription`).
* **Responsive UI** – Displays a loading state while processing and offers interactive visual feedback.
* **Localization support** – Uses `next-intl` for adapting button text based on language preferences.

####