Supported Connect 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:

• Ruby >=15.3.0-beta.1
• Python >=12.3.0b1
• PHP >=17.4.0-beta.1
• Node >=18.3.0-beta.1
• .NET >=48.3.0-beta.1
• Java >=29.3.0-beta.1
• Go >=82.3.0-beta.1

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

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.
   • Ruby >=15.3.0-beta.1
   • Python >=12.3.0b1
   • PHP >=17.4.0-beta.1
   • Node >=18.3.0-beta.1
   • .NET >=48.3.0-beta.1
   • Java >=29.3.0-beta.1
   • Go >=82.3.0-beta.1
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.
   • Ruby >=15.2.0
   • Python >=12.2.0
   • PHP >=17.3.0
   • Node >=18.2.0
   • .NET >=48.2.0
   • Java >=29.2.0
   • Go >=82.2.0
2. Remove the embedded_connect_beta header.
3. Use the GA releases of the @stripe/connect-js and @stripe/react-connect-js npm packages.