Skip to content
Create account
 or
Sign in
The Stripe Docs logo
/
Create account
Sign in
Overview
Account management
Payment processing
Platform administration

Supported Connect embedded components

Learn about available embedded components.

Add Connect embedded components to your page as HTML elements or as React components.

Available components

Account management
Show account details and allow them to be edited.
Account onboarding
Show a localized onboarding form that validates data.
Balances
Show balance information and allow your connected accounts to perform payouts.
Disputes for a payment
Allow a connected account to view and manage disputes for a payment.
Disputes list
Display a list of disputes and allow your connected accounts to manage the disputes.
Documents
Show a list of documents available for download.
Financial account
Show details of a financial account.
Financial account transactions
Show a table of all transactions for a financial account.
Issuing card
Show an individual issued card.
Issuing cards list
Show a table of all issued cards.
Notification banner
Show a banner that lists required actions for risk interventions and onboarding requirements.
Payments
Show a list of payments with export, refund, and dispute capabilities.
Payment details
Show details of a given payment and allow users to manage disputes and perform refunds.
Payouts
Show payout information and allow your users to perform payouts.
Payouts list
Show a filterable list of payouts.
Tax registrations
Show and manage tax registrations from connected accounts.
Tax settings
Allow connected accounts to set up Stripe Tax.

Preview components

When using private preview components, use beta versions of the Stripe SDK, as well as preview versions of the @stripe/connect-js and @stripe/react-connect-js SDKs.

To create an account session with private preview components, use the Stripe beta SDKs:

Use the client-side libraries for rendering the private preview components:

Install the library:

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

If you’re using React in your application:

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

Available preview components

App install
Show a button to install an App.
App viewport
Show a view from an installed App.
Capital financing application
Show an end-to-end application flow for Capital financing.
Capital financing promotion
Show promotional content about a connected account's Capital financing offer and launch a Capital application.
Capital financing
Allow a connected account to view and manage their active Capital financing.
Payment method settings
Show a list of payment methods that connected accounts can manage and accept.
Reporting chart
Show charts to your connected accounts.

Integration guides

Accounting integrations
Show third-party accounting software integrations.
Fully embedded Connect platform integration
Allow your connected accounts to access Stripe Connect features from your own website, without a Stripe hosted dashboard.
Embedded finance
Use prebuilt UI components to embed Issuing and Treasury into your website.

Migrate from the v1 to v2 preview

  1. Update your client library.
  2. Update the beta header used from embedded_connect_beta=v1 to embedded_connect_beta=v2.
  3. Continue to use the preview releases of the @stripe/connect-js and @stripe/react-connect-js npm packages.
  4. Specify the list of components to enable as a parameter when creating an Account Session.

Migrate from the v2 preview to GA

If you’re using a preview component that’s now generally available, follow these steps:

  1. Update your client library.
  2. Remove the embedded_connect_beta header.
  3. Use the GA releases of the @stripe/connect-js and @stripe/react-connect-js npm packages.
Was this page helpful?
YesNo
Need help? Contact Support.
Join our early access program.
Check out our changelog.
Questions? Contact Sales.
LLM? Read llms.txt.
Powered by Markdoc