--- title: Build a checkout page route: /payments/checkout/build-integration --- # Build a checkout page Use [Checkout Sessions](https://stripe.com/api/checkout/sessions) to create a Stripe-hosted page, integrate your site with an embedded form, or build a customized checkout process with embedded components. Explore the demo Accept one-time and subscription payments from over 40 local payment methods. If you don’t have a Stripe account, [sign up now](https://dashboard.stripe.com/register/payment_links). ## Payment UIs You can use three different types of payment UIs with the Checkout Sessions API. [See the options in our demo](https://checkout.stripe.dev). The following images highlight which aspects of the checkout UI Stripe hosts in each option. ![Hosted checkout form](https://b.stripecdn.com/docs-statics-srv/assets/checkout-hosted-hover.180c6ab2498a8c65daefb5bedae835bf.png) [Stripe-hosted page](https://stripe.com/checkout/quickstart) Customers enter their payment details in a Stripe-hosted payment page, then return to your site after payment completion. ![Checkout form using Elements with Checkout Sessions API](https://b.stripecdn.com/docs-statics-srv/assets/checkout-embedded-hover.14466c835d9723cfe90b3549956c451a.png) [Embedded form](https://stripe.com/checkout/embedded/quickstart) Customers enter their payment details in an embedded form on your site without redirection. ![Checkout form using Elements with Checkout Sessions API](https://b.stripecdn.com/docs-statics-srv/assets/checkout-elements-hover.bfd33fb56dc4ec8915e4ab4601799f49.png) [Embedded components](https://stripe.com/checkout/custom/quickstart) Customers enter their payment details in your customized checkout page on your site. ### 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://stripe.com/payments/accept-a-payment?platform=web&ui=stripe-hosted) | [EMBEDDED FORM](https://stripe.com/payments/accept-a-payment?platform=web&ui=embedded-form) | [EMBEDDED COMPONENTS](https://stripe.com/payments/accept-a-payment?platform=web&ui=embedded-components) | | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | | **UI** | [Checkout](https://stripe.com/payments/checkout/how-checkout-works?payment-ui=stripe-hosted) | [Checkout](https://stripe.com/payments/checkout/how-checkout-works?payment-ui=embedded-form) | [Elements](https://stripe.com/payments/elements) | | **API** | [Checkout Sessions](https://stripe.com/api/checkout/sessions) | [Checkout Sessions](https://stripe.com/api/checkout/sessions) | [Checkout Sessions](https://stripe.com/api/checkout/sessions) | | **Integration effort** | | | | | **Hosting** | Stripe-hosted page (optional [custom domains](https://stripe.com/payments/checkout/custom-domains)) | Embed on your site | Embed on your site | | **UI customization** | Limited customization1 | Limited customization1 | Extensive customization with [Appearance API](https://stripe.com/payments/checkout/customization/appearance?payment-ui=embedded-components) | 1Limited customization provides [20 preset fonts](https://stripe.com/payments/checkout/customization/appearance#font-compatibility), 3 preset border radius options, logo and background customization, and custom button color. ## Customize checkout [Customize look and feel](https://stripe.com/payments/checkout/customization): Customize the appearance and behavior of Checkout. [Collect additional information](https://stripe.com/payments/checkout/collect-additional-info): Collect shipping and other customer info during checkout. [Collect taxes](https://stripe.com/payments/checkout/taxes): Learn how to collect taxes for one-time payments in Stripe Checkout. [Dynamically update checkout](https://stripe.com/payments/checkout/dynamic-updates): Make updates while your customer checks out. [Add trials, discounts, upsells, and optional items](https://stripe.com/payments/checkout/promotions): Add promotions like trials and discounts. ## Change when and how you collect payment [Subscriptions](https://stripe.com/payments/subscriptions): Create subscriptions for your customers. [Set up future payments](https://stripe.com/payments/checkout/save-and-reuse): Save payment details and charge your customers later. [Save payment details during payment](https://stripe.com/payments/checkout/save-during-payment): Accept a payment and save your customer’s payment details for future purchases. [Let customers pay in their local currency](https://stripe.com/payments/currencies/localize-prices/adaptive-pricing): Use Adaptive Pricing to allow customers to pay in their local currency. ## Manage your business [Manage your product catalog](https://stripe.com/payments/checkout/product-catalog): Handle your inventory and fulfillment with Checkout. [Migrate payment methods to the Dashboard](https://stripe.com/payments/dashboard-payment-methods): Migrate the management of your payment methods to the Dashboard. [After the payment](https://stripe.com/payments/checkout/after-the-payment): Customize the post-payment checkout process.