Skip to content
Create account
or
Sign in
The Stripe Docs logo
/
Ask AI
Create account
Sign in
Get started
Payments
Finance automation
Platforms and marketplaces
Money management
Developer tools
Get started
Payments
Finance automation
Get started
Payments
Finance automation
Platforms and marketplaces
Money management
Overview
Get started with Connect
Integration fundamentals
Example integrations
Onboard accounts
Configure account Dashboards
    Get started with Connect embedded components
    Supported Connect embedded components
      Available Components
      Account management
      Account onboarding
      Balances
      Documents
      Financial account
      Financial account transactions
      Issuing card
      Issuing cards list
      Notification banner
      Payment details
      Payments
      Payouts
      Payouts list
      Tax registrations
      Tax settings
      Preview components
      App install
      App viewport
      Capital financing
      Capital financing application
      Capital financing promotion
      Disputes for a payment
      Export Tax Transactions
      Payment method settings
      Reporting chart
    Customize Connect embedded components
    Stripe Dashboard customization
    Platform controls for Stripe Dashboard accounts
    Express Dashboard
Accept payments
Pay out to accounts
Manage your Connect platform
Tax forms for your Connect platform
Work with connected account types
HomePlatforms and marketplacesConfigure account DashboardsSupported Connect embedded components

Payment method settingsPrivate preview

Display a configurable list of payment methods that connected accounts can offer during checkout.

Copy page

Render a connected account’s Payment Method Configuration to enable customization of payment methods displayed at checkout. Connected accounts can customize their checkout payment methods and provide the necessary compliance details for their usage.

Private preview

This Connect embedded component is in private preview. Request access below.

Note

We support the following payment methods in the embedded component:

Affirm, Afterpay Clearpay, Amazon Pay, Apple Pay, Bancontact, BLIK, Cards, EPS, Google Pay, iDEAL, Klarna, Link, P24, Sofort, and Zip.

The embedded payment method settings uses the Payment Method Configurations and Account Capabilities APIs to display a list of customizable payment methods to your connected accounts. If a connected account requires additional compliance data prior to requesting the payment method capability, the component indicates this and collects the necessary information in advance.

Requirements

Your integration must use dynamic payment methods to automatically apply the connected account’s preferences during checkout. In prebuilt payment UIs such as Payment Element and Checkout, Stripe handles the logic for displaying eligible payment methods for each transaction.

Install a beta version of the Stripe SDKs to create account sessions for private preview components:

  • Ruby >=15.1.0-beta.1
  • Python >=12.1.0b2
  • PHP >=17.2.0-beta.3
  • Node >=18.1.0-beta.2
  • .NET >=48.1.0-beta.3
  • Java >=29.1.0-beta.2
  • Go >=82.1.0-beta.2

Use the beta version of the Stripe’s client-side libraries to render 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

Integrate the component

When creating an Account Session, enable payment method settings by specifying payment_method_settings in the components parameter.

Command Line
cURL
curl https://api.stripe.com/v1/account_sessions \ -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:"
\ -H "Stripe-Version: 2025-04-30.basil; embedded_connect_beta=v2;" \ -d account=
{{CONNECTED_ACCOUNT_ID}}
\ -d "components[payment_method_settings][enabled]"=true

After creating the account session and initializing ConnectJS, you can render the payment method settings component in the frontend:

payment-method-settings.js
JavaScript
// Include this element in your HTML const paymentMethodSettings = stripeConnectInstance.create('payment-method-settings'); container.appendChild(paymentMethodSettings);

Platform-level controls

The embedded payment method settings component respects the platform-level defaults that you configure in the Dashboard or the Payment Method Configurations API.

For payment methods that you configure as On by default or Off by default, the connected account can override that preference in the component. If you have set a payment method to Blocked, it’s completely hidden in the component.

Multiple payment method configurations

With default settings, the embedded payment method settings component shows the connected account’s default payment method configuration. During the preview, the component supports multiple configurations with the payment-method-configuration attribute.

Supported parameters

This embedded component supports the following parameters:

MethodTypeDescription
setPaymentMethodConfigurationstringSet the payment method configuration ID to appear in the component. You can pass any payment method configuration that the connected account owns. If you don’t set this parameter, the embedded component shows the connected account’s default payment method configuration that inherits from your platform’s settings. For more information, see Payment method configurations or List payment method configurations.optional

Request early access Private preview

Sign in to request access to this Connect embedded component in preview.

If you don’t have a Stripe account, you can register here.

See also

  • Connect integration guide
  • Upgrading to dynamic payment methods
  • Payment Method Configurations API
  • Account Capabilities API
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