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

# Checkout

> Hosted checkout that collects payment and confirms the order.

Colossal provides a hosted checkout service that allows you to charge your customers for goods and services in a simple and secure way. It handles the entire purchase flow, from payment collection to order confirmation.

<Frame>
  <img src="https://mintcdn.com/colossal/jv4ShGZVjwyiwRuc/images/colossal-hosted-checkout.png?fit=max&auto=format&n=jv4ShGZVjwyiwRuc&q=85&s=0fccd37d2af5fa5380f07dbc337585d1" alt="Colossal hosted checkout" width="2004" height="1356" data-path="images/colossal-hosted-checkout.png" />
</Frame>

## How to use

Checkout is a standalone primitive.
You can use it as part of the Colossal platform by creating a checkout session from an existing [cart](/concepts/cart) — or use it with your existing infrastructure to add hosted payments on top of your own cart and product catalog (*coming soon*).
You can also connect the [payment](https://demo.colossal.sh/apps?category=Payments) and [tax](https://demo.colossal.sh/apps?category=Tax) providers you already use.

## Surfaces

<CardGroup cols={3}>
  <Card title="Events" icon="bolt" href="/apps/colossal-app/events#payments">
    Payment lifecycle events your automations can react to.
  </Card>

  <Card title="Actions" icon="play" href="/apps/colossal-app/storefront-actions#checkout">
    2 actions for retrieving checkout sessions.
  </Card>

  <Card title="Storefront API" icon="code" href="/api-reference/checkout">
    GraphQL queries and mutations for creating and retrieving checkout sessions.
  </Card>
</CardGroup>

Checkout sessions don't have dedicated tools. The LLM can read individual payments via [`get_payment_details`](/apps/colossal-app/tools#payments).

## How checkout works

Checkout allows you to charge customers for goods and services. To create a checkout, you need to provide a list of products with prices.

Currently, the best way to do this is by using a [cart](/concepts/cart), but the option to provide your own products, prices, and invoices and use checkout to pay for them is coming soon.

Under the hood, checkout:

* Collects payment using the [payment provider](https://demo.colossal.sh/apps?category=Payments) you connected (Stripe, PayPal, etc.)
* Calculates taxes using integrated [tax providers](https://demo.colossal.sh/apps?category=Tax)
* Handles payment authorization and capture
* Shows deliverables to the customer after purchase
* Sends a confirmation email

See the [Storefront SDK: Checkout](/react-sdk/checkout) guide for implementation details.

## Payment methods

The hosted checkout supports the following payment methods, depending on which providers are connected to your project.

| Method       | Description              |
| ------------ | ------------------------ |
| `CARD`       | Credit or debit card     |
| `APPLE_PAY`  | Apple Pay                |
| `GOOGLE_PAY` | Google Pay               |
| `PAYPAL`     | PayPal                   |
| `AMAZON_PAY` | Amazon Pay               |
| `KLARNA`     | Klarna buy-now-pay-later |
| `LINK`       | Stripe Link              |

## Customization

*Coming soon.* You will be able to customize the look and feel of the hosted checkout page to match your brand, including fonts, brand colors, border radius, button styles, and background colors.