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.

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.

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
Preview
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.

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.

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.

Treasury and issuing

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.
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.
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 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:

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