---
title: Build a checkout page
route: /payments/checkout/build-integration
---

# Build a checkout page

Use [Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md) to leverage a Stripe-hosted page, integrate your site with an embedded form, or build a customized checkout process with embedded components. These integrations support one-time payments, subscriptions, and over 40 local payment methods.

Explore the demo

## Payment UIs 

You can use three different types of payment UIs with the Checkout Sessions API. [Explore the options in our demo](https://checkout.stripe.dev).

![Hosted checkout form](images/checkout/ui-comparisons/checkout-hosted-hover.png)
[Stripe-hosted page](https://docs.stripe.com/checkout/quickstart.md)
Customers are redirected to a Stripe-hosted payment page when they’re ready to complete their purchase. After the customer enters their payment details on the payment page and completes the transaction, they can be redirected back to your site.


![Checkout form using Elements with Checkout Sessions API](images/checkout/ui-comparisons/checkout-embedded-hover.png)
[Embedded form](https://docs.stripe.com/checkout/embedded/quickstart.md)
Customers stay on your site and are shown an embedded form when they’re ready to complete their purchase. The customer enters their payment details on the form and completes the transaction on the same page in your site so they don’t need to be redirected back to your site.


![Checkout form using Elements with Checkout Sessions API](images/checkout/ui-comparisons/checkout-elements-hover.png)
[Embedded components](https://docs.stripe.com/checkout/custom/quickstart.md)
Customizable checkout page, built with Stripe Elements. Customers stay on your site and are shown a customized checkout page when they’re ready to complete their purchase.


## Compare features and availability 

All integrations support one-time and recurring payments, fraud protection, and [global payments](https://stripe.com/global).

|                   | [**STRIPE-HOSTED PAGE**](https://docs.stripe.com/payments/accept-a-payment.md?platform=web&ui=stripe-hosted) | [**EMBEDDED FORM**](https://docs.stripe.com/payments/accept-a-payment.md?platform=web&ui=embedded-form) | [**EMBEDDED COMPONENTS**](https://docs.stripe.com/payments/accept-a-payment.md?platform=web&ui=embedded-components)                                 |
| ---------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| **UI**                 | [Checkout](https://docs.stripe.com/payments/checkout/how-checkout-works.md?payment-ui=stripe-hosted)         | [Checkout](https://docs.stripe.com/payments/checkout/how-checkout-works.md?payment-ui=embedded-form)    | [Elements](https://docs.stripe.com/payments/elements.md)                                                                                            |
| **API**                | [Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md)                                        | [Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md)                                   | [Checkout Sessions](https://docs.stripe.com/api/checkout/sessions.md)                                                                               |
| **Integration effort** | Low coding                                                                                                   | Low coding                                                                                              | More coding                                                                                                                                         |
| **Hosting**            | Stripe-hosted page (optional [custom domains](https://docs.stripe.com/payments/checkout/custom-domains.md))  | Embed on your site                                                                                      | Embed on your site                                                                                                                                  |
| **UI customization**   | Limited customization1                                                                                       | Limited customization1                                                                                  | Extensive customization with [Appearance API](https://docs.stripe.com/payments/checkout/customization/appearance.md?payment-ui=embedded-components) |

1Limited customization provides [20 preset fonts](https://docs.stripe.com/payments/checkout/customization/appearance.md#font-compatibility), 3 preset border radius options, logo and background customization, and custom button color.

## Customize checkout

Customize the appearance and behavior of Checkout.

Collect shipping and other customer info during checkout.

Learn how to collect taxes for one-time payments in Stripe Checkout.

Make updates while your customer checks out.

Add promotions like trials and discounts.

## Change when and how you collect payment

Create subscriptions for your customers.

Save payment details and charge your customers later.

Accept a payment and save your customer’s payment details for future purchases.

Use Adaptive Pricing to allow customers to pay in their local currency.

## Manage your business

Handle your inventory and fulfillment with Checkout.

Migrate the management of your payment methods to the Dashboard.

Customize the post-payment checkout process.