# Composants intégrés Connect pris en charge En savoir plus sur les composants intégrés disponibles. Utilisez les composants intégrés de Connect pour créer un dashboard personnalisé pour vos comptes connectés. Ils sont optimisés pour mobile et peuvent être [personnalisés](https://docs.stripe.com/connect/customize-connect-embedded-components.md) pour s’intégrer à l’apparence de votre site web. Ajoutez des composants intégrés à votre page sous forme d’éléments HTML ou de composants React. Les composants web sont réactifs et fonctionnent sur les navigateurs web mobiles. ## Intégration et conformité Offrez à vos comptes connectés la possibilité de s’inscrire, de gérer leurs informations et d’assurer leur conformité. [Gestion des comptes](https://docs.stripe.com/connect/supported-embedded-components/account-management.md): Affichez les informations relatives au compte et donnez la possibilité de les modifier. [Inscription des comptes](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md): Affichez un formulaire d'inscription des utilisateurs localisé qui valide les données. [Bannière de notifications](https://docs.stripe.com/connect/supported-embedded-components/notification-banner.md): Affichez une bannière qui énumère les actions requises pour les interventions en cas de risque et les exigences en matière d'inscription des utilisateurs. ## Paiements Offrez à vos comptes connectés la possibilité de consulter et de gérer les paiements, les remboursements et les litiges. [Paiements](https://docs.stripe.com/connect/supported-embedded-components/payments.md): Affichez une liste des paiements avec les fonctionnalités d'exportation, de remboursement et de contestation. [Détails du paiement](https://docs.stripe.com/connect/supported-embedded-components/payment-details.md): Affichez les détails d’un paiement donné et offrez à vos comptes connectés la possibilité de gérer les litiges et d’effectuer des remboursements. [Litiges relatifs à un paiement](https://docs.stripe.com/connect/supported-embedded-components/disputes-for-a-payment.md): Autorisez un compte connecté à consulter et à gérer les litiges relatifs à un paiement. [Liste des litiges](https://docs.stripe.com/connect/supported-embedded-components/disputes-list.md): Affichez la liste des litiges et offrez à vos comptes connectés la possibilité de les gérer. [Paramètres des moyens de paiement (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/payment-method-settings.md): Affichez la liste des moyens de paiement que les comptes connectés peuvent gérer et accepter. ## Virements Offrez à vos comptes connectés la possibilité de consulter leur solde, gérer les destinations de virement et virer des fonds. [Virements](https://docs.stripe.com/connect/supported-embedded-components/payouts.md): Affichez les informations relatives aux virements et aux soldes, et offrez à vos comptes connectés la possibilité d’effectuer des virements. [Soldes](https://docs.stripe.com/connect/supported-embedded-components/balances.md): Affichez les informations relatives au solde et autorisez vos comptes connectés à effectuer des virements. [Liste de virements](https://docs.stripe.com/connect/supported-embedded-components/payouts-list.md): Affichez une liste filtrable de virements. [Détails du virement](https://docs.stripe.com/connect/supported-embedded-components/payout-details.md): Affichez les détails d'un virement. [Promotion des virements instantanés](https://docs.stripe.com/connect/supported-embedded-components/instant-payouts-promotion.md): Montrez du contenu promotionnel pour accroître la notoriété et l'adoption des virements instantanés. ## Capital Offrez à vos comptes connectés la possibilité de demander et de gérer des prêts. [Demande de prêt Capital (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing-application.md): Montrer un flux de demande de bout en bout pour le financement Capital. [Promotion du financement Capital (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing-promotion.md): Afficher du contenu promotionnel sur l'offre de financement Capital d'un compte connecté et lancer une demande de prêt Capital. [Financement Capital (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/capital-financing.md): Autoriser un compte connecté à visualiser et à gérer son financement actif Capital. ## Taxes Offrez à vos comptes connectés la possibilité d’afficher et de gérer les informations fiscales. [Immatriculations fiscales](https://docs.stripe.com/connect/supported-embedded-components/tax-registrations.md): Affiche et gère les immatriculations fiscales des comptes connectés. [Paramètres fiscaux](https://docs.stripe.com/connect/supported-embedded-components/tax-settings.md): Autorise les comptes connectés à configurer Stripe Tax. [Exporter les transactions fiscales (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/export-tax-transactions.md): Activez le compte connecté pour générer et exporter des fichiers récapitulant les transactions avec taxe. [Suivi des seuils fiscaux (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/tax-threshold-monitoring.md): Affichez vos ventes par territoire et vérifiez si les seuils d'assujettissement aux taxes ont été atteints. [Sélecteur de code de taxe produit (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/product-tax-code-selector.md): Autoriser les comptes connectés à définir un code fiscal pour leurs produits. ## Terminal Autorisez les comptes connectés à commander du matériel et à gérer ces commandes. [Achetez du matériel pour Terminal](https://docs.stripe.com/connect/supported-embedded-components/terminal-hardware-shop.md): Affichez un magasin de matériel et autorisez aux comptes connectés d’acheter du matériel. [Commandes de lecteurs Terminal](https://docs.stripe.com/connect/supported-embedded-components/terminal-hardware-orders.md): Affichez les commandes de matériel et autorisez aux comptes connectés de les gérer. ## Services financiers Autorisez les comptes connectés à gérer les comptes financiers et les cartes émises. [Consultez le guide d’intégration](https://docs.stripe.com/issuing/integration-guides/embedded-finance.md?integration=embedded) [Compte financier](https://docs.stripe.com/connect/supported-embedded-components/financial-account.md): Afficher les détails d'un compte financier. [Transactions sur le compte financier](https://docs.stripe.com/connect/supported-embedded-components/financial-account-transactions.md): Affichez un tableau de toutes les transactions d'un compte financier. [Carte Issuing](https://docs.stripe.com/connect/supported-embedded-components/issuing-card.md): Présentez une carte individuelle. [Liste des cartes Issuing](https://docs.stripe.com/connect/supported-embedded-components/issuing-cards-list.md): Affichez un tableau de toutes les cartes bancaires émises. ## Reporting Offrez à vos comptes connectés la possibilité de consulter et télécharger des rapports. [Documents](https://docs.stripe.com/connect/supported-embedded-components/documents.md): Affichez une liste des documents disponibles au téléchargement. [Rapport sur le solde](https://docs.stripe.com/connect/supported-embedded-components/balance-report.md): Autoriser les comptes connectés à consulter et à exporter les rapports de résumé de solde. [Rapport de rapprochement des virements](https://docs.stripe.com/connect/supported-embedded-components/payout-reconciliation-report.md): Autoriser les comptes connectés à consulter et à exporter les rapports de rapprochement des virements. [Graphique de suivi (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/reporting-chart.md): Affichez un rapport sous forme de graphique. ## Applications Offrez à vos comptes connectés la possibilité de gérer les données de paiement dans des applications tierces. [Consulter le guide d’intégration](https://docs.stripe.com/stripe-apps/embedded-apps.md) [Installation de l'application (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/app-install.md): Affichez un bouton pour installer une application. [Fenêtre d'affichage de l'application (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/app-viewport.md): Affichez une vue d'une application installée. ## Guides d’intégration [Intégrations comptables](https://docs.stripe.com/stripe-apps/embedded-apps.md): Affichez les intégrations de logiciels de comptabilité tiers. [Intégration complète de la plateforme Connect](https://docs.stripe.com/connect/build-full-embedded-integration.md): Permettez à vos comptes connectés d'accéder aux fonctionnalités de Stripe Connect depuis votre site Web, sans passer par un tableau de bord hébergé par Stripe. [Services financiers intégrés](https://docs.stripe.com/issuing/integration-guides/embedded-finance.md?integration=embedded): Utilisez des composants d’interface utilisateur préconfigurés pour intégrer Issuing et Treasury pour les plateformes à votre site web. ## Composants bêta Lorsque vous utilisez des composants de prévisualisation, utilisez les versions bêta du SDK Stripe et les versions de prévisualisation des SDK [@stripe/connect-js](https://github.com/stripe/connect-js) et [@stripe/react-connect-js](https://github.com/stripe/react-connect-js). Pour créer une session de compte avec des composants bêta privés, utilisez les SDK Stripe : - [Ruby](https://github.com/stripe/stripe-ruby/#public-preview-sdks) `>=15.5.0-beta.1` - [Python](https://github.com/stripe/stripe-python/#public-preview-sdks) `>=12.5.0b1` - [PHP](https://github.com/stripe/stripe-php/#public-preview-sdks) `>=17.6.0-beta.1` - [Node](https://github.com/stripe/stripe-node/#public-preview-sdks) `>=18.5.0-beta.1` - [.NET](https://github.com/stripe/stripe-dotnet#public-preview-sdks) `>=48.5.0-beta.1` - [Java](https://github.com/stripe/stripe-java#public-preview-sdks) `>=29.5.0-beta.1` - [Go](https://github.com/stripe/stripe-go#public-preview-sdks) `>=82.5.0-beta.1` Utilisez les bibliothèques côté client pour afficher les composants de bêta privée : #### npm Installez la bibliothèque : ```bash npm install --save @stripe/connect-js@preview ``` Si vous utilisez React dans votre application : ```bash npm install --save @stripe/react-connect-js@preview ``` #### GitHub Téléchargez le [@stripe/connect-js](https://github.com/stripe/connect-js) et le code source des bibliothèques [@stripe/react-connect-js](https://github.com/stripe/react-connect-js) directement depuis GitHub. ### Migrer de l’aperçu v1 à l’aperçu v2 1. Mettez à jour votre bibliothèque client. - [Ruby](https://github.com/stripe/stripe-ruby/#public-preview-sdks) `>=15.5.0-beta.1` - [Python](https://github.com/stripe/stripe-python/#public-preview-sdks) `>=12.5.0b1` - [PHP](https://github.com/stripe/stripe-php/#public-preview-sdks) `>=17.6.0-beta.1` - [Node](https://github.com/stripe/stripe-node/#public-preview-sdks) `>=18.5.0-beta.1` - [.NET](https://github.com/stripe/stripe-dotnet#public-preview-sdks) `>=48.5.0-beta.1` - [Java](https://github.com/stripe/stripe-java#public-preview-sdks) `>=29.5.0-beta.1` - [Go](https://github.com/stripe/stripe-go#public-preview-sdks) `>=82.5.0-beta.1` 1. Mettez à jour l’en-tête bêta utilisé de `embedded_connect_beta=v1` à `embedded_connect_beta=v2`. 1. Continuez à utiliser les versions bêta des paquets npm `@stripe/connect-js` et `@stripe/react-connect-js`. 1. Indiquez la liste des `components` à activer en tant que paramètre lors de la création d’une [session de compte](https://docs.stripe.com/api/account_sessions/create.md). ### Migrer de la version bêta v2 vers la version accessible au public Si vous utilisez un composant en version bêta désormais accessible au public, procédez comme suit : 1. Mettez à jour votre bibliothèque client. - [Ruby](https://github.com/stripe/stripe-ruby) `>=15.4.0` - [Python](https://github.com/stripe/stripe-python) `>=12.4.0` - [PHP](https://github.com/stripe/stripe-php) `>=17.5.0` - [Node](https://github.com/stripe/stripe-node) `>=18.4.0` - [.NET](https://github.com/stripe/stripe-dotnet) `>=48.4.0` - [Java](https://github.com/stripe/stripe-java) `>=29.4.0` - [Go](https://github.com/stripe/stripe-go) `>=82.4.0` 1. Supprimez l’en-tête `embedded_connect_beta`. 1. Utilisez les versions définitives des paquets npm `@stripe/connect-js` et `@stripe/react-connect-js`. Utilisez le SDK mobile pour intégrer des composants nativement sur iOS ou Android. [Inscription des comptes](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md?platform=ios): Affichez un formulaire d'inscription des utilisateurs localisé qui valide les données. [Paiements (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/payments.md?platform=ios): Affichez une liste des paiements avec les fonctionnalités d'exportation, de remboursement et de contestation. [Virements (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/payouts.md?platform=ios): Affichez les informations relatives aux virements et aux soldes, et offrez à vos comptes connectés la possibilité d’effectuer des virements. Utilisez le SDK React Native pour intégrer des composants à vos applications mobiles React Native. [Inscription des comptes (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/account-onboarding.md?platform=react-native): Affichez un formulaire d'inscription des utilisateurs localisé qui valide les données. [Paiements (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/payments.md?platform=react-native): Affichez une liste des paiements avec les fonctionnalités d'exportation, de remboursement et de contestation. [Virements (Aperçu)](https://docs.stripe.com/connect/supported-embedded-components/payouts.md?platform=react-native): Affichez les informations relatives aux virements et aux soldes, et offrez à vos comptes connectés la possibilité d’effectuer des virements. ## Demander l’accès (Private preview) Connectez-vous pour demander l’accès aux composants intégrés Connect pour React Native en version bêta privée. Si vous n’avez pas de compte Stripe, vous pouvez [vous inscrire dès maintenant](https://dashboard.stripe.com/register).