Supported Connect embedded components

Learn about available embedded components.

Use Connect embedded components to build a custom dashboard for your connected accounts. They’re mobile-optimized and you can customize them to look like your website.

Web

iOS and Android

React Native

Add embedded components to your page as HTML elements or as React components. Web components are responsive and work on mobile web browsers.

Onboarding and compliance

Allow connected accounts to onboard, manage account details, and stay compliant.

Account management Show account details and allow them to be edited.

Account onboarding Show a localized onboarding form that validates data.

Notifications banner Show a banner that lists required actions for risk interventions and onboarding requirements.

Payments

Allow connected accounts to view and manage payments, refunds, and disputes.

Payments Show a list of payments with export, refund, and dispute capabilities.

Payment details Show details of a given payment and allow connected accounts to manage disputes and perform refunds.

Disputes for a payment Allow a connected account to view and manage disputes for a payment.

Disputes list Show a list of disputes and allow your connected accounts to manage them.

Payment method settings Show a list of payment methods that connected accounts can manage and accept.

Payouts

Allow connected accounts to view their balance, manage payout destinations, and pay out funds.

Payouts Show payout and balance information and allow your connected accounts to perform payouts.

Balances Show balance information and allow your connected accounts to perform payouts.

Payouts list Show a filterable list of payouts.

Payout Details Show the details of a payout.

Instant Payouts promotion Show promotional content to increase awareness and adoption of Instant Payouts.

Capital

Allow connected accounts to apply for and manage loans.

Capital financing application Preview Show an end-to-end application flow for Capital financing.

Capital financing promotion Preview Show promotional content about a connected account's Capital financing offer and launch a Capital application.

Capital financing Preview Allow a connected account to view and manage their active Capital financing.

Capital financing manual payment Preview Allow a connected account to make a manual payment toward eligible Capital financing.

Tax

Allow connected accounts to view and manage tax information.

Tax registrations Show and manage tax registrations from connected accounts.

Tax settings Allow connected accounts to set up Stripe Tax.

Export tax transactions Preview Enable connected account to generate summarized export of tax transactions.

Tax threshold monitoring Preview Show sales by tax location and whether taxability thresholds have been reached.

Product tax code selector Preview Allow connected accounts to set a tax code for their products.

Terminal

Allow connected accounts to order hardware and manage hardware orders.

Terminal hardware shop Show a hardware shop and allow connected accounts to purchase hardware.

Terminal hardware orders Show hardware orders and allow connected accounts to manage them.

Financial services

Allow connected accounts to manage financial accounts and issued cards. View the integration guide

Financial account Show details of a financial account.

Financial account transactions Show a table of all transactions for a financial account.

Financial account rewards Preview Show reward earnings for a financial account.

Issuing card Show an individual issued card.

Issuing cards list Show a table of all issued cards.

Reporting

Allow connected accounts to view and download reports.

Documents Show a list of documents available for download.

Balance report Allow connected accounts to view and export balance summary reports.

Payout reconciliation report Allow connected accounts to view and export payout reconciliation reports.

Reporting chart Preview Display a report in chart form.

Apps

Allow connected accounts to manage payments data in third-party applications. View the integration guide

App install Preview Show a button to install an App.

App viewport Preview Show a view from an installed App.

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 for platforms into your website.

Preview components

When using preview components, use beta versions of the Stripe SDK, and 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. 5. 0-beta. 1
• Python >= 12. 5. 0b1
• PHP >= 17. 6. 0-beta. 1
• Node >= 18. 5. 0-beta. 1
• .NET >= 48. 5. 0-beta. 1
• Java >= 29. 5. 0-beta. 1
• Go >= 82. 5. 0-beta. 1

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

Migrate from the v1 preview to the v2 preview

1. Update your client library.

• Ruby >= 15. 5. 0-beta. 1
• Python >= 12. 5. 0b1
• PHP >= 17. 6. 0-beta. 1
• Node >= 18. 5. 0-beta. 1
• .NET >= 48. 5. 0-beta. 1
• Java >= 29. 5. 0-beta. 1
• Go >= 82. 5. 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. 4. 0
• Python >= 12. 4. 0
• PHP >= 17. 5. 0
• Node >= 18. 4. 0
• .NET >= 48. 4. 0
• Java >= 29. 4. 0
• Go >= 82. 4. 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.