# 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


Um mit der Nutzung dieses Formulars zu beginnen, lesen Sie [Eine Integration mit einem eingebetteten Formular erstellen](https://docs.stripe.com/checkout/form/quickstart.md).

Verwenden Sie das eingebettete Formular, um eine anpassbare Seite für den Bezahlvorgang zu erstellen, auf der Kundinnen und Kunden ihre Zahlungsdaten eingeben und ihren Kauf abschließen.

Die Checkout Sessions API unterstützt einen optionalen Parameter `integration_identifier`, den Sie beim Erstellen einer Sitzung festlegen können. Verwenden Sie diesen, um diese Formularintegration mit einem erkennbaren Namen zu kennzeichnen und ihre Konversion unabhängig von anderen von Ihnen genutzten Checkout-Integrationen zu messen.
![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 (Private preview)

| **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) |

### Zugang zum kompakten Layout anfordern

Das kompakte Layout zeigt das eingebettete Formular als mehrstufigen Bezahlvorgang an. Es ist auf Anfrage als private Vorschau verfügbar. Geben Sie unten Ihre E-Mail-Adresse ein, um Zugriff anzufordern.

```bash
curl https://docs.stripe.com/preview/register \
  -X POST \
  -H "Content-Type: application/json" \
  -H "Referer: https://docs.stripe.com/payments/checkout/how-checkout-works" \
  -d '{"email": "EMAIL", "preview": "elements_betas_preview"}'
```

## 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)

```text
[Client] -- Bestellungsinformationen senden --> [Server]
[Server] -- Checkout Session erstellen --> [Stripe-API]
[Stripe-API] -- checkout.session.created: Checkout Session zurückgeben --> [Server]
[Server] -- Client-Geheimnis der Checkout Session zurückgeben --> [Client]
[Client] -- Eingebettetes Formular auf Ihrer Website einbinden --> [Eingebettetes Formular]
[Eingebettetes Formular] -- Kund/in führt die Zahlung durch --> [Eingebettetes Formular]
[Eingebettetes Formular] -- Der Kunde/Die Kundin wird an Ihre return_url weitergeleitet, falls zutreffend. --> [Client]
[Stripe-API] -- checkout.session.completed: Ausführung abwickeln --> [Server]
```


## 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)