In Capital eingebettete Komponenten einrichtenPrivate Vorschau

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

Install a beta version of the Stripe SDKs to create account sessions for private preview components:

• Ruby >=13.4.0-beta.4
• Python >=11.5.0b3
• PHP >=16.5.0-beta.3
• Node >=17.6.0-beta.3
• .NET >=47.3.0-beta.3
• Java >=28.3.0-beta.3
• Go >=81.3.0-beta.3

Use the beta version of the Stripe’s client-side libraries to render private preview components:

Um Ihre eingebettete Komponentenintegration zu testen, verwenden Sie die Testmodus-Tools für Capital im Dashboard, um ein Testfinanzierungsangebot zu 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;

curl https://api.stripe.com/v1/account_sessions \
  -u "
sk_test_4eC39HqLyjWDarjtT1zdp7dc
:" \
  -H "Stripe-Version: 2025-02-24.acacia; 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

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 benutzerdefinierte 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, benutzerdefinierte URLs für eine vollständige White-Label-Integration für Ihre Kundinnen und Kunden bereitzustellen.

// 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);

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.