Weiter zum Inhalt
Konto erstellen
 oder
anmelden
Das Logo der Stripe-Dokumentation
/
Konto erstellen
Anmelden

In Capital eingebettete Komponenten einrichtenPrivate Vorschau

Betten Sie Finanzierungsangebote in Ihre Website ein.

Verwenden Sie die in Capital eingebetteten Komponenten, um Finanzierungen direkt in Ihre Anwendung zu integrieren. Mit diesen vorgefertigten Komponenten können Sie Folgendes tun:

  • Verwalten des Benutzerantragsverfahrens, Anzeigen von Finanzierungsangeboten und Verwalten der Rückzahlungslogik
  • Bewerben und präsentieren Sie Angebotsdetails auf klare und konforme Weise
  • Passen Sie das Design an, um eine White-Label-Integration bereitzustellen, die zur Oberfläche Ihrer Anwendung passt
Beispiel-Nutzeroberfläche mit der eingebetteten Capital Financing-Komponente

Eine Beispielwebsite, auf der die Finanzierungskomponente von Capital vorgestellt wird

Capital bietet drei wichtige eingebettete Komponenten:

KomponenteBeschreibung
Angebot einer Capital-FinanzierungBewerben Sie neue Angebote und klären Sie Ihre Kundinnen/Kunden über die Anspruchsberechtigung und die Angebotsbedingungen auf. Rendern Sie die Werbekomponente, um Ihr Finanzierungsprogramm zu verbessern, und bieten Sie Ihrer Kundschaft einen Einstiegspunkt, um ein Angebot zu beantragen.
Capital-FinanzierungZeigen Sie aktive Finanzierungsangebote, Rückzahlungsfortschritte und den Transaktionsverlauf an und erleichtern Sie den Nutzerinnen und Nutzern die Zahlungen für ihre Finanzierung. Betten Sie die Finanzierungskomponente in das Capital-Dashboard oder die Berichtsseite Ihrer Anwendung ein.
Antrag auf Capital-FinanzierungHosten und verwalten Sie den gesamten Antragsablauf für Ihre Kundschaft. Verwenden Sie die eigenständige Anwendungskomponente nur, wenn Sie ein individuelleres Frontend anbieten möchten. Ansonsten ermöglicht die Finanzierungswerbekomponente Ihren Kundinnen und Kunden, den Antragsablauf in einem Dialog abzuschließen.

Wir empfehlen, die Finanzierungswerbekomponente dort zu platzieren, wo Ihre Kundinnen und Kunden sie leicht sehen können. Unter Werbekachel einbetten finden Sie Empfehlungen zum Bewerben eines Angebots.

Einrichtung

Capital-Komponenten befinden sich derzeit in der privaten Vorschau und erfordern die Verwendung von Beta-SDKs.

Installieren Sie eine Beta-Version der Stripe SDKs, um Kontositzungen für Komponenten der privaten Vorschau zu erstellen:

Verwenden Sie die Beta-Version der clientseitigen Stripe-Bibliotheken, um Komponenten der privaten Vorschau zu rendern:

Installieren Sie die Bibliothek:

npm install --save @stripe/connect-js@preview

Wenn Sie React in Ihrer Anwendung verwenden:

npm install --save @stripe/react-connect-js@preview

Lesen Sie den Leitfaden für Capital-Tests, um ein Testfinanzierungsangebot zu erstellen und die Integration Ihrer eingebetteten Komponente zu testen.

Kontositzung erstellen

Erstellen Sie eine Kontositzung, um Ihren verbundenen Konten Zugriff auf eine eingebettete Komponente zu gewähren. Um die in Capital eingebetteten Komponenten zu verwenden, denken Sie daran,capital_financing_application , capital_financing_promotion und capital_financing im im Komponentenparameter Ihrer Anfrage anzugeben.

Capital-Komponenten befinden sich in der privaten Vorschau und erfordern die Aufnahme des Beta-Headers in die Anfrage zur Erstellung der Kontositzung: embedded_connect_beta=v2;

Command Line
curl https://api.stripe.com/v1/account_sessions \
  -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:" \
  -H "Stripe-Version: 2025-05-28.basil; embedded_connect_beta=v2;" \
  -d account=
{{CONNECTED_ACCOUNT_ID}}
 \
  -d "components[capital_financing][enabled]"=true \
  -d "components[capital_financing_promotion][enabled]"=true \
  -d "components[capital_financing_application][enabled]"=true

Capital-Komponente rendern

Initialisieren Sie nach dem Erstellen der Kontositzung eine StripeConnectInstance mit dem zurückgegebenen Client-Geheimnis. Weitere Informationen zum Initialisieren und Konfigurieren von Connect.js finden Sie unter Laden und Initialisieren von ConnectJS.

Nach der Initialisierung von StripeConnectInstance können Sie die Capital-Komponenten im Frontend rendern. Jede Komponente verfügt über nutzerdefinierte Ereignisse und Callback-Funktionen, mit denen Sie sie an die spezifischen Bedürfnisse Ihrer Website anpassen können. Die Komponenten bieten auch die Möglichkeit, nutzerdefinierte URLs für eine vollständige White-Label-Integration für Ihre Kundinnen und Kunden bereitzustellen.

capital-financing.js
// Include these elements
const capitalFinancing = stripeConnectInstance.create('capital-financing');
const capitalFinancingPromotion = stripeConnectInstance.create('capital-financing-promotion');
const capitalFinancingApplication = stripeConnectInstance.create('capital-financing-application');
container.appendChild(capitalFinancing);
container.appendChild(capitalFinancingPromotion);
container.appendChild(capitalFinancingApplication);

Komponenten gestalten und anpassen

Sie haben die Möglichkeit, eingebettete Komponenten an das Branding Ihres Unternehmens anzupassen. Detaillierte Anweisungen zum Anpassen der Benutzeroberfläche an das Design Ihrer Marke finden Sie unter Anpassen der in Connect eingebetteten Komponenten.

Siehe auch

War diese Seite hilfreich?
JaNein
Benötigen Sie Hilfe? Kontaktieren Sie den Kundensupport.
Nehmen Sie an unserem Programm für frühzeitigen Zugriff teil.
Schauen Sie sich unser Änderungsprotokoll an.
Fragen? Sales-Team kontaktieren.
LLM? Lesen Sie llms.txt.
Unterstützt von Markdoc