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

Komponente Capital-WerbungÖffentliche Vorschau

Zeigen Sie Werbeinhalte zum Finanzierungsangebot von Capital eines verbundenen Kontos an und starten Sie Ihren Capital-Antrag.

Mit der Capital-Promo-Komponente können Ihre berechtigten verbundenen Konten einen Finanzierungsantrag auf der Website oder im Anmeldeformular Ihrer Plattform ausfüllen. Verbundene Konten können ihren Angebotsbetrag und ihre Konditionen auswählen, Vertragsdetails einsehen und ihr Anmeldeformular einreichen. Diese Komponente zeigt zu Beginn des Anmeldevorgangs Bildungs- und Werbeinhalte zum Capital-Programm an.

Alternative Komponenten

Bevor Sie beginnen

Installieren eingebetteter Komponenten von Capital

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

Connect.js einrichten

Wenn Sie in Ihrem Anmeldeformular nicht bereits in Stripe eingebettete Komponenten verwenden, initialisieren Sie Connect.js, bevor Sie das Anmeldeformular integrieren.

Kontositzung erstellen

Geben Sie in Ihrer Anfrage zum Erstellen einer Kontositzung capital_financing_promotion im Parameter components an.

Command Line
cURL
Ruby
Python
PHP
Java
Node.js
Go
.NET
No results
curl https://api.stripe.com/v1/account_sessions \
  -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:" \
  -H "Stripe-Version: 2025-08-27.basil; embedded_connect_beta=v2;" \
  -d account=
{{CONNECTED_ACCOUNT_ID}}
 \
  -d "components[capital_financing_promotion][enabled]"=true

Komponente rendern

Stellen Sie die Capital-Promotion-Komponente im Frontend dar:

capital-financing-promotion.js
JavaScript
React
No results
// Include this element in your HTML
const capitalFinancingPromotion = stripeConnectInstance.create('capital-financing-promotion');
container.appendChild(capitalFinancingPromotion);
MethodeTypBeschreibungStandard
setOnApplicationSubmitted() => voidDas verbundene Konto hat seinen Finanzierungsantrag erfolgreich eingereicht.
setOnApplicationStepChange({step: string}) => voidDas verbundene Konto hat innerhalb des Anmeldeformulars einen Schritt durchlaufen.
setLayoutfull | bannerSteuert das Layout der Komponente. Der banner-Modus reduziert die vertikale Größe der Komponente erheblich, was beim Stapeln der Komponente mit anderen Inhalten auf der Seite nützlich ist.full
setOnEligibleFinancingOfferLoaded({productType: standard | refill | none}) => voidDas Finanzierungsangebot des verbundenen Kontos wurde geladen. Das Feld productType entspricht dem Feld product_type im Objekt Finanzierungsangebot.
setPrivacyPolicyUrlstringAbsolute URL einer Seite, die Ihre Datenschutzerklärung enthält.https://stripe.com/privacy
setHowCapitalWorksUrlstringAbsolute URL einer Seite mit Informationen über das Capital-Programm.https://docs.stripe.com/capital/how-capital-for-platforms-works
setEligibilityCriteriaUrlstringAbsolute URL einer Seite mit Informationen zu den Anspruchskriterien für das Capital-Programm.https://docs.stripe.com/capital/how-capital-for-platforms-works

Anzeigestatus festlegen

Fügen Sie die Werbekomponente auf der Startseite Ihrer Plattform oder eine spezielle Finanzierungsseite auf der Website oder in der App Ihrer Plattform hinzu. Das Anmeldeformular zeigt Inhalte dynamisch basierend auf dem Finanzierungsstatus des verbundenen Kontos an:

  • Keine aktive Finanzierung: Wenn das verbundene Konto nicht über eine aktive Finanzierung verfügt, zeigt die Komponente allgemeine Informationen über den Anspruch und das Darlehensprogramm an.

  • Mit aktivem Angebot: Wenn das verbundene Konto für ein Angebot berechtigt ist, zeigt die Komponente vollständige Angebotsdetails mit der Schaltfläche Anmeldeformular starten an.

  • Angebot wird geprüft: Nachdem ein berechtigtes verbundenes Konto ein Finanzierungsangebot angenommen und beantragt hat, verwenden Sie diesen Status, um den Status eines Anmeldeformulars anzuzeigen. Überwachen Sie das Ereignis onApplicationStepChange, um den Fortschritt des Angebots zu verfolgen. Dieses Ereignis wird ausgegeben, wenn das verbundene Konto zum nächsten Schritt übergeht oder zu einem vorherigen Schritt oder einer vorherigen Seite im Capital-Anmeldeformular zurücknavigiert. Der Name des nächsten Schritts wird dem Handler zur Verfügung gestellt, den Sie im Schrittfeld angeben. Diese Schritte können in beliebiger Reihenfolge angezeigt und wiederholt werden. Sie können die Schrittnamen jederzeit ändern, hinzufügen und entfernen.

    Verwenden Sie das onApplicationStepChange-Objekt nur für Analysezwecke, z. B. zur Verfolgung der durchschnittlichen Seitenabschlusszeit oder der Seiten mit dem größten Abfall. Verwenden Sie das onApplicationStepChange-Objekt nicht, um Betriebs- oder Support-Workflows auszulösen, z. B. das Senden von E-Mails an verbundene Konten, die das Anmeldeformular auf einer bestimmten Seite gestoppt haben.

  • Eingereichtes Angebot: Nachdem ein verbundenes Konto sein Anmeldeformular eingereicht hat, zeigt die Komponente einen leeren Bildschirm an. Überwachen Sie das Ereignis onApplicationSubmitted, um stattdessen einen Bestätigungsbildschirm anzuzeigen.

  • Aktive Finanzierung läuft: Die Komponente wird nicht angezeigt (gibt null zurück).

Komponente zur Prüfung einreichen

Um eine der Capital-Komponenten im Live-Modus verwenden zu können, müssen Stripe und unsere Finanzpartner alle für Kund/innen sichtbaren Inhalte prüfen und genehmigen, die sich auf Stripe Capital beziehen:

  1. Erstellen Sie ein Testangebot in einer Sandbox und legen Sie den Status des Angebots auf delivered fest. Verwenden Sie dieses Testangebot zur Vorschau des Anmeldeformulars auf der Website oder im Dashboard Ihrer Plattform.
  2. Erfassung einer Vorschau des Sandbox-Angebots und der Anzeige der eingebetteten Komponente auf der Nutzeroberfläche Ihrer Plattform (z. B. Screenshots oder ein aufgezeichnetes Video).
  3. Übermitteln Sie die Vorschau an Stripe. Nach der Genehmigung können Sie die Komponente mit Stripe im Live-Modus verwenden.

Siehe auch

War diese Seite hilfreich?
JaNein