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 un flux 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 conviviale et conforme
  • Personnalisez le style pour proposer une intégration en marque blanche adaptée à l’interface de votre application

Pour en savoir plus, reportez-vous à la section Prise en main des composants Connect intégrés.

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.

Configuration

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

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

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

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

Pour tester l’intégration de vos composants intégrés, utilisez les outils en mode test de Capital dans le Dashboard afin de créer une offre de financement de test.

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_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

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.
Propulsé par Markdoc