# Funktionsweise von Checkout

So können Sie mit Checkout Zahlungen auf Ihrer Website einziehen.

Checkout ist eine Low-Code-Zahlungsintegration, die ein anpassbares Formular für den Zahlungseinzug erstellt.

Dank der integrierten Funktionen von Checkout können Sie Ihre Entwicklungszeit verkürzen. Es unterstützt mehr als 100 Zahlungsmethoden, darunter [Link](https://docs.stripe.com/payments/link.md), mit der Ihre Kundinnen und Kunden ihre Zahlungsmethode speichern können, um den Bezahlvorgang zu beschleunigen. Sie können Zahlungen akzeptieren, indem Sie Checkout direkt in Ihre Website einbinden, Kundinnen und Kunden auf eine von Stripe gehostete Zahlungsseite weiterleiten oder mit [Stripe Elements](https://docs.stripe.com/payments/elements.md) eine individuelle Bezahlvorgangsseite erstellen. Checkout unterstützt Zahlungen sowohl für [einmalige Käufe](https://docs.stripe.com/payments/online-payments.md) als auch für [Abonnements](https://docs.stripe.com/subscriptions.md).

Mit [Checkout-Sitzungen](https://docs.stripe.com/api/checkout/sessions.md) und dem Stripe Dashboard können Sie Checkout außerdem anpassen und auf zusätzliche Funktionen zugreifen. Eine vollständige Liste der Funktionen finden Sie unter [integrierte und anpassbare Funktionen](https://docs.stripe.com/payments/checkout/how-checkout-works.md#features).

# Eingebettetes Formular


Verwenden Sie das eingebettete Formular, um eine anpassbare Seite für den Bezahlvorgang zu erstellen. Kundinnen und Kunden verwenden eine angepasste Seite für den Bezahlvorgang auf Ihrer Website, um Zahlungsdaten einzugeben und ihren Kauf abzuschließen.
![Eingebettetes Formular mit Checkout Sessions API](https://b.stripecdn.com/docs-statics-srv/assets/checkout-form-hover.31c41716c4857e5e01f77978530fc573.png)

Sie können das eingebettete Formular verwenden, um während des Bezahlvorgangs alle erforderlichen Informationen einzuziehen, während Sie die Kontrolle über das Erscheinungsbild der Nutzeroberfläche behalten.

Mit diesem Formular können Sie Folgendes einziehen:

- Zahlungsdetails für mehr als 100 Zahlungsmethoden
- Express-Checkout-Wallets mit einem Klick
- Rechnungsadresse
- Versandadresse
- Versandoptionen und -preise
- Steuerangaben
- Währungsauswahl
- Benutzerdefinierte Details mit benutzerdefinierten Textfeldern

Eingebettete Formulare bieten die folgenden Funktionen:

- End-to-End-Bezahlvorgang in einem einzigen iFrame

- Integrierte Rückgabe-Oberflächen mit gespeicherten Zahlungsmethoden und gespeichertem Adressbuch

- Eine dynamische Benutzeroberfläche, die sich an den Gerätetyp anpasst, um einen konsistenten Checkout-Prozess über Web- und Mobilgeräte zu gewährleisten

- UI-Anpassung mit der [Stripe Appearance API](https://docs.stripe.com/elements/appearance-api.md)

- Lässt sich in Stripe-Produkte wie [Adaptive Pricing](https://docs.stripe.com/payments/custom/localize-prices/adaptive-pricing.md), [Stripe Tax](https://stripe.com/tax?utm_campaign=AMER_US_en_Google_Search_Brand_Tax_EXA-14403482849&utm_medium=cpc&utm_source=google&utm_content=711508633409&utm_term=stripe%20tax&utm_matchtype=e&utm_adposition=&utm_device=c&gad_source=1&gad_campaignid=14403482849&gbraid=0AAAAADKNRO5JFcS1TpxBkF6YTjG_vw8o9&gclid=Cj0KCQjw0NPGBhCDARIsAGAzpp3vxr1qEazZGJaEENjzZRZH0OXV39zJYPylsV9FSmxK7dZ_A_X-jPoaAo7XEALw_wcB) und [Billing](https://stripe.com/billing) integrieren

- Lokalisierung mit Inhaltsübersetzung und lokalisierter Produktoberfläche (zum Beispiel lokale Zahlungsmethoden und Anzeige der lokalen Währung)

- Bietet ein- und mehrstufige Layouts

## Einseitiges Layout

| **Nutzeroberfläche für neue Kunden/Kundinnen**              | **Nutzeroberfläche für wiederkehrende Kunden/Kundinnen**          |
| ----------------------------------------------------------- | ----------------------------------------------------------------- |
| ![](https://docs.stripecdn.com/single_page_new_shopper.mp4) | ![](https://docs.stripecdn.com/single_page_returning_shopper.mp4) |

## Mehrstufiges Layout

| **Nutzeroberfläche für neue Kunden/Kundinnen**          | **Nutzeroberfläche für wiederkehrende Kunden/Kundinnen**      |
| ------------------------------------------------------- | ------------------------------------------------------------- |
| ![](https://docs.stripecdn.com/compact_new_shopper.mp4) | ![](https://docs.stripecdn.com/compact_returning_shopper.mp4) |

## Checkout-Lebenszyklus

1. Wenn eine Kundin/ein Kunde bereit ist, ihren/seinen Kauf abzuschließen, erstellt Ihre Anwendung eine neue `Checkout Session`.
2. Sie initialisieren das eingebettete Formular auf Ihrer Website, um ein Zahlungsformular anzuzeigen.
3. Kundinnen/Kunden geben ihre Zahlungsdetails ein und schließen die Transaktion ab.
4. Nach der Transaktion löst das Webhook-Ereignis [checkout.session.completed](https://docs.stripe.com/api/events/types.md#event_types-checkout.session.completed) den [Bestellabwicklungsprozess](https://docs.stripe.com/checkout/fulfillment.md) aus.
Eine Darstellung des Lebenszyklus eines integrierten Formulars (See full diagram at https://docs.stripe.com/payments/checkout/how-checkout-works)

## See also

- [Checkout-QuickStart](https://docs.stripe.com/checkout/quickstart.md)
- [Ihre Bestellungen ausführen](https://docs.stripe.com/checkout/fulfillment.md)
- [Steuern in Checkout einziehen](https://docs.stripe.com/payments/checkout/taxes.md)
- [Begrenztes Inventar mit Checkout verwalten](https://docs.stripe.com/payments/checkout/managing-limited-inventory.md)
- [Währungen mit Adaptive Pricing automatisch in Landeswährungen umrechnen](https://docs.stripe.com/payments/currencies/localize-prices/adaptive-pricing.md)