# Unterstützte in Connect eingebettete Komponenten Erfahren Sie mehr über verfügbare eingebettete Komponenten. Verwenden Sie in Connect eingebettete Komponenten, um ein individuelles Dashboard für Ihre verbundenen Konten zu erstellen. Sie sind für Mobilgeräte optimiert und Sie können sie [anpassen](https://docs.stripe.com/connect/customize-connect-embedded-components.md), damit sie wie Ihre Website aussehen. Fügen Sie Ihrer Seite eingebettete Komponenten als HTML-Elemente oder als React-Komponenten hinzu. Webkomponenten sind responsiv und funktionieren in mobilen Webbrowsern. ## Onboarding und Compliance Lassen Sie verbundene Konten zum Onboarding einladen, Kontodetails verwalten und die Compliance einhalten. [Kontoverwaltung](https://docs.stripe.com/connect/supported-embedded-components/account-management.md): Zeigt Kontodetails an und gestattet deren Bearbeitung. [Onboarding von Konten](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md): Zeigt ein lokalisiertes Onboarding-Formular an, das Daten validiert. [Benachrichtigungsbanner](https://docs.stripe.com/connect/supported-embedded-components/notification-banner.md): Zeigt ein Banner an, in dem die erforderlichen Maßnahmen für Risikoeingriffe und Onboarding-Anforderungen aufgelistet sind. ## Payments Ermöglichen Sie verbundenen Konten, Zahlungen, Rückerstattungen und Zahlungsanfechtungen einzusehen und zu verwalten. [Payments](https://docs.stripe.com/connect/supported-embedded-components/payments.md): Zeigt eine Liste der Zahlungen mit Export-, Rückerstattungs- und Anfechtungsfunktionen an. [Zahlungsdetails](https://docs.stripe.com/connect/supported-embedded-components/payment-details.md): Zeigen Sie Details zu einer bestimmten Zahlung an und ermöglichen Sie verbundenen Konten, Zahlungsanfechtungen zu verwalten und Rückerstattungen durchzuführen. [Anfechtungen einer Zahlung](https://docs.stripe.com/connect/supported-embedded-components/disputes-for-a-payment.md): Erlauben Sie einem verbundenen Konto, Zahlungsanfechtungen anzuzeigen und zu verwalten. [Liste der Zahlungsanfechtungen](https://docs.stripe.com/connect/supported-embedded-components/disputes-list.md): Zeigen Sie eine Liste der Zahlungsanfechtungen an und erlauben Sie Ihren verbundenen Konten, diese zu verwalten. [Zahlungsmethodeneinstellungen (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/payment-method-settings.md): Zeigt eine Liste der Zahlungsmethoden an, die verbundene Konten verwalten und akzeptieren können. ## Payouts Ermöglichen Sie verbundenen Konten, ihr Guthaben anzuzeigen, Auszahlungsziele zu verwalten und Gelder auszuzahlen. [Payouts](https://docs.stripe.com/connect/supported-embedded-components/payouts.md): Auszahlungs- und Saldoinformationen anzeigen und Ihren verbundenen Konten erlauben, Auszahlungen durchzuführen. [Salden](https://docs.stripe.com/connect/supported-embedded-components/balances.md): Saldoinformationen anzeigen und Ihren verbundenen Konten gestatten, Auszahlungen durchzuführen. [Auszahlungsliste](https://docs.stripe.com/connect/supported-embedded-components/payouts-list.md): Eine filterbare Liste der Auszahlungen anzeigen. [Auszahlungsdetails](https://docs.stripe.com/connect/supported-embedded-components/payout-details.md): Details einer Auszahlung anzeigen. [Werbung für Instant Payouts](https://docs.stripe.com/connect/supported-embedded-components/instant-payouts-promotion.md): Zeigen Sie Werbeinhalte, um die Bekanntheit und Akzeptanz von Instant Payouts zu erhöhen. ## Capital Erlauben Sie verbundenen Konten, Kredite zu beantragen und zu verwalten. [Finanzierungsantrag für Capital (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing-application.md): Zeigen Sie einen End-to-End-Antragsablauf für die Capital-Finanzierung an. [Finanzierungswerbung für Capital (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing-promotion.md): Zeigen Sie Werbeinhalte zum Finanzierungsangebot von Capital eines verbundenen Kontos an und starten Sie Ihren Capital-Antrag. [Capital-Finanzierung (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing.md): Ermöglichen Sie einem verbundenen Konto, seine aktive Capital-Finanzierung einzusehen und zu verwalten. ## Steuer Erlauben Sie verbundenen Konten, Steuerinformationen einzusehen und zu verwalten. [Steuerregistrierungen](https://docs.stripe.com/connect/supported-embedded-components/tax-registrations.md): Steuerregistrierungen für Ihre verbundenen Konten hinzufügen [Steuereinstellungen](https://docs.stripe.com/connect/supported-embedded-components/tax-settings.md): Erlauben Sie verbundenen Konten, Stripe Tax einzurichten. [Steuertransaktionen exportieren (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/export-tax-transactions.md): Aktivieren Sie das verbundene Konto, um einen zusammengefassten Export von Steuertransaktionen zu erstellen. [Überwachung von Steuerschwellenwerten (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/tax-threshold-monitoring.md): Zeigen Sie die Verkäufe nach Steuerstandort an und ob die Schwellenwerte für die Steuerpflicht erreicht wurden. [Produktsteuercode-Auswahl (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/product-tax-code-selector.md): Verbundenen Konten erlauben, einen Steuercode für ihre Produkte festzulegen. ## Terminal Erlauben Sie verbundenen Konten, Hardware zu bestellen und ihre Hardware-Bestellungen zu verwalten. [Terminal-Hardware-Shop](https://docs.stripe.com/connect/supported-embedded-components/terminal-hardware-shop.md): Zeigen Sie einen Hardware-Shop an und ermöglichen Sie verbundenen Konten das Kaufen von Hardware. [Terminal-Hardware-Bestellungen](https://docs.stripe.com/connect/supported-embedded-components/terminal-hardware-orders.md): Zeigen Sie Hardware-Bestellungen an und ermöglichen Sie verbundenen Konten das Verwalten ihrer Bestellungen. ## Finanzdienstleistungen Erlauben Sie verbundenen Konten, Finanzkonten und ausgestellte Karten zu verwalten. [Lesen Sie den Integrationsleitfaden](https://docs.stripe.com/issuing/integration-guides/embedded-finance.md?integration=embedded) [Finanzkonto](https://docs.stripe.com/connect/supported-embedded-components/financial-account.md): Details zu einem Finanzkonto anzeigen. [Finanzkontotransaktionen](https://docs.stripe.com/connect/supported-embedded-components/financial-account-transactions.md): Zeigen Sie eine Tabelle mit allen Transaktionen für ein Finanzkonto an. [Karte in Issuing](https://docs.stripe.com/connect/supported-embedded-components/issuing-card.md): Zeigt eine individuell ausgestellte Karte an. [Liste der Karten in Issuing](https://docs.stripe.com/connect/supported-embedded-components/issuing-cards-list.md): Zeigt eine Tabelle mit allen ausgestellten Karten an. ## Berichterstattung Verbundenen Konten das Anzeigen und Herunterladen von Berichten gestatten. [Dokumente](https://docs.stripe.com/connect/supported-embedded-components/documents.md): Zeigt eine Liste der Dokumente an, die zum Herunterladen verfügbar sind. [Saldenbericht](https://docs.stripe.com/connect/supported-embedded-components/balance-report.md): Erlauben Sie verbundenen Konten, Saldo-Übersichtsberichte anzuzeigen und zu exportieren. [Bericht zum Auszahlungsabgleich](https://docs.stripe.com/connect/supported-embedded-components/payout-reconciliation-report.md): Erlauben Sie verbundenen Konten, Berichte zum Abgleich von Auszahlungen anzuzeigen und zu exportieren. [Berichterstattungsdiagramm (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/reporting-chart.md): Zeigen Sie einen Bericht in Diagrammform an. ## Apps Erlauben Sie verbundenen Konten, Zahlungsdaten in Anwendungen von Drittanbietern zu verwalten. [Integrationsleitfaden anzeigen](https://docs.stripe.com/stripe-apps/embedded-apps.md) [App-Installation (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/app-install.md): Zeigen Sie eine Schaltfläche zum Installieren einer App an. [App-Darstellungsfeld (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/app-viewport.md): Eine Ansicht aus einer installierten App anzeigen. ## Integrationsleitfäden [Buchhaltungsintegrationen](https://docs.stripe.com/stripe-apps/embedded-apps.md): Zeigt Integrationen von Buchhaltungssoftware von Drittanbietern an. [Vollständig eingebettete Connect-Plattform-Integration](https://docs.stripe.com/connect/build-full-embedded-integration.md): Gestatten Sie Ihren verbundenen Konten den Zugriff auf die Stripe Connect-Funktionen von Ihrer eigenen Website aus, ohne ein von Stripe gehostetes Dashboard. [Embedded Finance](https://docs.stripe.com/issuing/integration-guides/embedded-finance.md?integration=embedded): Nutzen Sie vorgefertigte Komponenten für die Nutzeroberfläche, um die Issuing und Treasury für Plattformen in Ihre Website einzubetten. ## Komponenten der Vorschau Verwenden Sie bei der Verwendung von Vorschaukomponenten Beta-Versionen des Stripe-SDK und Vorschauversionen der SDKs [@stripe/connect-js](https://github.com/stripe/connect-js) und [@stripe/react-connect-js](https://github.com/stripe/react-connect-js). Um eine Kontositzung mit Komponeten der privaten Vorschau zu erstellen, verwenden Sie die Stripe Beta-SDKs: - [Ruby](https://github.com/stripe/stripe-ruby/#public-preview-sdks) `>=15.5.0-beta.1` - [Python](https://github.com/stripe/stripe-python/#public-preview-sdks) `>=12.5.0b1` - [PHP](https://github.com/stripe/stripe-php/#public-preview-sdks) `>=17.6.0-beta.1` - [Node](https://github.com/stripe/stripe-node/#public-preview-sdks) `>=18.5.0-beta.1` - [.NET](https://github.com/stripe/stripe-dotnet#public-preview-sdks) `>=48.5.0-beta.1` - [Java](https://github.com/stripe/stripe-java#public-preview-sdks) `>=29.5.0-beta.1` - [Go](https://github.com/stripe/stripe-go#public-preview-sdks) `>=82.5.0-beta.1` Verwenden Sie die clientseitigen Bibliotheken, um die Komponenten der privaten Vorschau anzuzeigen: #### npm Installieren Sie die Bibliothek: ```bash npm install --save @stripe/connect-js@preview ``` Wenn Sie React in Ihrer Anwendung verwenden: ```bash npm install --save @stripe/react-connect-js@preview ``` #### GitHub Laden Sie den Quellcode der Bibliotheken für [@stripe/connect-js](https://github.com/stripe/connect-js) and [@stripe/react-connect-js](https://github.com/stripe/react-connect-js) direkt von GitHub herunter. ### Migrieren Sie von der v1-Vorschau zur v2-Vorschau 1. Aktualisieren Sie Ihre Client-Bibliothek. - [Ruby](https://github.com/stripe/stripe-ruby/#public-preview-sdks) `>=15.5.0-beta.1` - [Python](https://github.com/stripe/stripe-python/#public-preview-sdks) `>=12.5.0b1` - [PHP](https://github.com/stripe/stripe-php/#public-preview-sdks) `>=17.6.0-beta.1` - [Node](https://github.com/stripe/stripe-node/#public-preview-sdks) `>=18.5.0-beta.1` - [.NET](https://github.com/stripe/stripe-dotnet#public-preview-sdks) `>=48.5.0-beta.1` - [Java](https://github.com/stripe/stripe-java#public-preview-sdks) `>=29.5.0-beta.1` - [Go](https://github.com/stripe/stripe-go#public-preview-sdks) `>=82.5.0-beta.1` 1. Aktualisieren Sie den verwendeten Beta-Header von `embedded_connect_beta=v1` auf `embedded_connect_beta=v2`. 1. Verwenden Sie weiterhin die Vorschauversionen der npm-Pakete `@stripe/connect-js` und `@stripe/react-connect-js`. 1. Geben Sie die Liste der `components` an, die als Parameter beim Erstellen einer [Konto-Sitzung](https://docs.stripe.com/api/account_sessions/create.md) aktiviert werden sollen. ### Von der v2-Vorschau auf GA umstellen Wenn Sie eine Vorschaukomponente verwenden, die jetzt allgemein verfügbar ist, führen Sie die folgenden Schritte aus: 1. Aktualisieren Sie Ihre Client-Bibliothek. - [Ruby](https://github.com/stripe/stripe-ruby) `>=15.4.0` - [Python](https://github.com/stripe/stripe-python) `>=12.4.0` - [PHP](https://github.com/stripe/stripe-php) `>=17.5.0` - [Node](https://github.com/stripe/stripe-node) `>=18.4.0` - [.NET](https://github.com/stripe/stripe-dotnet) `>=48.4.0` - [Java](https://github.com/stripe/stripe-java) `>=29.4.0` - [Go](https://github.com/stripe/stripe-go) `>=82.4.0` 1. Entfernen Sie den Header `embedded_connect_beta`. 1. Verwenden Sie die GA-Versionen der npm-Pakete `@stripe/connect-js` und `@stripe/react-connect-js`. Verwenden Sie das mobile SDK, um Komponenten nativ auf iOS oder Android einzubetten. [Onboarding von Konten](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md?platform=ios): Zeigt ein lokalisiertes Onboarding-Formular an, das Daten validiert. [Payments (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/payments.md?platform=ios): Zeigt eine Liste der Zahlungen mit Export-, Rückerstattungs- und Anfechtungsfunktionen an. [Payouts (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/payouts.md?platform=ios): Auszahlungs- und Saldoinformationen anzeigen und Ihren verbundenen Konten erlauben, Auszahlungen durchzuführen. Verwenden Sie das React-Native-SDK, um Komponenten in Ihre mobilen React-Native-Anwendungen einzubetten. [Onboarding von Konten (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md?platform=react-native): Zeigt ein lokalisiertes Onboarding-Formular an, das Daten validiert. [Payments (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/payments.md?platform=react-native): Zeigt eine Liste der Zahlungen mit Export-, Rückerstattungs- und Anfechtungsfunktionen an. [Payouts (Vorschau)](https://docs.stripe.com/connect/supported-embedded-components/payouts.md?platform=react-native): Auszahlungs- und Saldoinformationen anzeigen und Ihren verbundenen Konten erlauben, Auszahlungen durchzuführen. ## Zugriff anfordern (Private Vorschau) Melden Sie sich an , um Zugriff auf die eingebetteten Komponenten von Connect für React Native in der privaten Vorschau zu beantragen. Falls Sie noch kein Stripe-Konto besitzen, können Sie sich [jetzt registrieren](https://dashboard.stripe.com/register).