Accéder directement au contenu
Créez un compte
 ou
connecter-vous
Logo de la documentation Stripe
/
Créez un compte
Connectez-vous

Configurer les composants intégrés CapitalVersion bêta privée

Intégrez des offres de financement à votre site web.

Utilisez les composants intégrés de Capital pour intégrer le financement directement dans votre application. Vous pouvez utiliser ces composants prédéfinis pour :

  • Gérez le processus de demande des utilisateurs et la logique de remboursement, et affichez les offres de financement
  • Présentez les détails de l’offre de manière claire et conforme
  • Personnalisez le style pour proposer une intégration en marque blanche adaptée à l’interface de votre application
Exemple d'interface utilisateur utilisant le composant intégré Capital Financing

Un exemple de site Web qui présente le composant Capital Financing

Capital propose trois principaux composants intégrés :

ComposantDescription
Promotion du financement CapitalFaites la promotion de nouvelles offres et informez vos clients sur l’admissibilité et les conditions de l’offre. Affichez le composant Financing Promotion pour promouvoir davantage votre programme de financement et fournissez un point de contact à vos clients afin qu’ils puissent demander une offre.
Financement CapitalAffichez les offres de financement actives, l’état d’avancement des remboursements, l’historique des transactions et facilitez les remboursements de l’utilisateur. Intégrez le composant de financement dans le Dashboard ou la page de rapports Capital de votre application.
Demande de financement CapitalHébergez et gérez le flux de demande de financement pour vos clients. N’utilisez le composant de demande autonome que si vous souhaitez proposer un frontend plus personnalisé. Sinon, le composant Financing promotion permet à vos clients d’effectuer leur demande dans une boîte de dialogue.

Nous vous recommandons de placer le composant de promotion du financement à un endroit où vos clients peuvent facilement le voir. Reportez-vous à la section Intégrer une vignette promotionnelle pour obtenir des conseils sur la façon de promouvoir une offre.

Configuration

Les composants Capital sont actuellement en version bêta privée et nécessitent l’utilisation de SDK en version bêta.

Installez une version bêta des SDK Stripe pour créer des sessions de compte avec des composants de la version bêta privée :

Utilisez la version bêta des bibliothèques côté client de Stripe pour afficher les composants de la version bêta privée :

Installez la bibliothèque :

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

Si vous utilisez React dans votre application :

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

Reportez-vous au Guide de test de Capital pour créer une offre de financement test et tester l’intégration de votre composant intégré.

Créer une session de compte

Créez une session de compte pour permettre à vos comptes connectés d’accéder à un composant intégré. Pour utiliser les composants Capital intégrés, assurez-vous d’inclure les composants capital_financing_promotion capital_financing_application et capital_financing dans les paramètres de votre demande.

Les composants Capital sont en version bêta privée et nécessitent l’ajout de l’en-tête bêta dans la demande de création de session de compte : 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

Affichage du composant Capital

Après avoir créé la session de compte, initialisez un StripeConnectInstance à l’aide de la clé secrète client renvoyée. Pour en savoir plus sur l’initialisation et la configuration de Connect.js, consultez Charger et initialiser ConnectJS.

Une fois que vous avez initialisé StripeConnectInstance, vous pouvez afficher les composants Capital sur le front-end. Chaque composant propose des événements personnalisés et des fonctions de rappel, ce qui vous permet de les adapter aux besoins spécifiques de votre site web. Les composants offrent également la possibilité de fournir des URL personnalisées afin de proposer à votre clientèle une intégration en marque blanche.

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

Styliser et personnaliser les composants

Vous avez la possibilité de personnaliser les composants intégrés afin qu’ils correspondent à l’image de marque de votre entreprise. Pour obtenir des instructions détaillées sur l’adaptation de l’interface utilisateur au design de votre marque, consultez Personnalisation des composants Connect intégrés.

Voir aussi

Cette page vous a-t-elle été utile ?
OuiNon
Besoin d'aide ? Contactez le service Support.
Rejoignez notre programme d'accès anticipé.
Consultez notre log des modifications.
Des questions ? Contactez l'équipe commerciale.
LLM ? Lire llms.txt.
Propulsé par Markdoc