# Übersicht (/de/online)





<section id="overview">
  <br />

  <div className="bg-background relative h-auto w-full overflow-hidden rounded-lg border">
    <FlickeringGrid className="absolute inset-0 z-0 size-full" squareSize="4" gridGap="6" maxOpacity="0.1" flickerChance="0.1" height="800" width="1000" />

    <OnlineDiagram />
  </div>
</section>

<QuickLinks product="online" className="my-2" />

Checkout ist live. Hosted Checkout und Embedded Checkout unterstützen Karten, Apple Pay und Google Pay. Bevor ein Händler Live-Zahlungen annehmen kann, muss er das [Onboarding](/merchants/onboarding) abschließen, die Freigabe für Online-Zahlungen erhalten und ein Payment-Gateway konfiguriert haben. Die Bereitschaft der Händler und die Einrichtung der Wallets beschreiben die [Checkout-Einstellungen](/online/integration/checkout_settings).

## Integrieren [#build]

<Cards>
  <Card title="Hosted Checkout" href="/online/integration/hosted_checkout" description="Erstellen Sie eine Session, leiten Sie den Kunden auf eine von Tapaya gehostete Seite weiter und verifizieren Sie die Zahlung auf Ihrem Server." />

  <Card title="Embedded Checkout" href="/online/integration/embedded_checkout" description="Binden Sie sichere Kartenfelder in Ihre eigene Checkout-Seite ein und behalten Sie Ihren eigenen Bezahl-Button." />

  <Card title="Node.js SDK" href="/online/integration/node_sdk" description="Installieren Sie @tapayadot/checkout und schlagen Sie Client-Optionen, Session-Methoden und Fehler nach." />

  <Card title="API-Integration" href="/online/integration/api_integration" description="Anfragefelder, Zahlungsstatus und Regeln zur Idempotenz." />
</Cards>

## Betreiben [#operate]

Die Themen Händler, Geld, Compliance und Support gelten gemeinsam für Online-Zahlungen und die Zahlungsannahme vor Ort und stehen in der [Übersicht](/). Die
[Anwendungsfälle](/#how-it-works) dort zeigen, wo Online-Zahlungen ins Bild passen.

<Cards>
  <Card title="Checkout-Sicherheit" href="/online/security/checkout_security" description="Serverseitiger Umgang mit Schlüsseln und Verifizierung von Zahlungen vor der Abwicklung der Bestellung." />
</Cards>

<Callout title="Bereit für den Start?" type="info">
  Mit unserem [Schnellstart](/online/getting-started/quick_start_guide) nehmen Sie Ihre erste Online-Zahlung an. Bei Funktionswünschen oder technischen Fragen erreichen Sie uns unter [developers@tapaya.com](mailto:developers@tapaya.com).
</Callout>