Mobile Payment Element

The Mobile Payment Element is a UI component for building checkout flows in your mobile app. Use our iOS, Android, and React Native SDKs to start building with it. You can style all Elements to match the look and feel of your app.

With the Mobile Payment Element, you get:

• Global payment methods: Access to over 100 global payment methods, including wallets such as Apple Pay and Link.
• Saved payment methods: Save, reuse, and manage cards and bank accounts with built-in features.
• Compliance: A globally compliant interface—Stripe handles requirements for displaying mandates and consent notices to buyers.
• Up-to-date forms: Localized forms with built-in error handling—Stripe keeps each payment method provider’s requirements up to date.
• Address collection: Collect full or partial billing addresses with any payment method.
• Native features: Native behaviors, such as card scanning with the device camera.
• Other features: Additional features such as CVC re-collection and control over which card brands you accept.

Integration options

The Mobile Payment Element has two main integration options:

• Payment Sheet: A prebuilt sheet that can be opened anywhere in your app. The sheet displays the list of payment methods, displays express pay buttons, and contains the confirmation button.
• Embedded Payment Element: A customizable drop-in component that embeds a list of payment methods on any screen in your app. When a payment method is selected from the list, a bottom sheet collects payment details.

Layout

When using the Payment Sheet, set the layout to .automatic for Stripe to provide the appropriate payment method layout. You can also select .vertical or horizontal layout.

When using the Embedded Payment Element, choose between radio layout, check mark layout, or floating buttons with a selected stroke.

Appearance

Use the Appearance API to customize the look and feel of the Mobile Payment Element to match your app. With the Appearance API, you can control fonts, colors, borders, shadows, and so on.

Payment methods

The Mobile Payment Element provides access to over 100 payment methods across all Stripe-supported countries. You can enable payment methods from your Stripe Dashboard or by using External Payment Methods.

Payment method providers often change their collection and display requirements. When you use the Mobile Payment Element to display payment methods, Stripe handles all payment detail collection in prebuilt, localized forms that we keep up-to-date with each payment provider.

Wallets

The Mobile Payment Element supports popular wallets, including Apple Pay and Link, the Stripe click-to-pay checkout solution.

• The Payment Sheet can show wallets using express buttons.
• The Embedded Element shows wallets in-line as payment method options.

Saved payment methods

The Mobile Payment Element has built in support for saving, displaying, and managing saved payment methods. Consent states are handled automatically, ensuring global compliance.

Saved payment methods supports cards, US bank accounts, and SEPA debit accounts.

The CustomerSessions API provides additional control over:

• When to show or hide the save consent box
• When to show or hide the saved payment methods
• Allowing buyers to remove saved payment methods
• Preventing buyers from removing the last saved payment method

Collecting address details

You can configure The Mobile Payment Element to collect additional payment information, including name, email, phone and billing address, regardless of which payment method is being used.

Additional features

The Mobile Payment Element contains several additional features, including:

1. CVC Re-collection: Configure whether CVC re-collection is required when users pay with a saved payment method.
2. Card Brand Filtering: Configure which card brands you accept.