Payment Element

Embed payment methods directly in your app.

The Payment Element is a customizable drop-in component that embeds a list of payment methods on any screen in your app. When a customer selects a payment method from the list, a sheet below it collects payment details. You can customize it to match the look and feel of your app. The In-app Payment Element is available in our iOS, Android, and React Native SDKs. See our accept in-app payments guide to get started.

US apps selling digital goods

Android apps in the US that sell digital goods can process payments in-app using the Payment Element. If you sell digital goods on iOS, see how to implement an app-to-web flow using Stripe Checkout in Sell in-app digital goods and subscriptions.

This feature is available across all supported platforms.

Tap to add your card availability

The tap to add your card feature is in private preview. You can learn more about how to request access and integrate the feature.

Payment Element integration example

With the Payment Element, you get:

• Access to over 100 global payment methods: This includes Apple Pay, Link, and other popular payment methods that are automatically enabled.
• Dynamic payment methods: Dynamically order and display payment methods and launch A/B tests for new payment methods.
• UI customizations to match your app: Match the UI to the design of your app. The layout stays consistent, but you can modify colors, fonts, and so on.
• Address collection: Collect full or partial billing addresses with any payment method.
• Saved payment methods: Save, reuse, and manage cards and bank accounts. You can also store a customer’s payment details without an initial payment.

Stripe in-app Elements demo

Scan this QR code or use this link to download an interactive demo app that demonstrates Stripe’s in-app Elements. In the app, you can generate different UI specifications to see which works best for your use case.

Layout

Choose between radio layout, check mark layout, or floating buttons.

Payment Element supports: radio buttons, checkmarks, and floating button layouts.

Appearance

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

Examples of different ways to style Payment Element

Payment methods

The 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 Custom Payment Methods.

Payment method providers often change their collection and display requirements. When you use 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.

Examples of P24 and the related setting debit in the Payment Element

Wallets

Payment Element supports popular wallets, including Apple Pay and Link, a wallet built by Stripe. Payment Element shows wallets in-line as payment method options.

Example of Link in Payment Element

Saved payment methods

The Payment Element supports saving, displaying, and managing saved payment methods. Consent collection is handled automatically, ensuring global compliance.

Saved payment methods supports cards, US bank accounts, and the related setting 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 customers to remove saved payment methods
• Preventing customers from removing the last saved payment method

Examples of how customers can access saved payment methods in Payment Element

Collect address details

You can configure the Payment Element to collect additional payment information, including name, email, phone number, and billing address, regardless of which payment method a customer uses.

Full address collection includes Stripe-provided autocomplete for supported countries, with no additional setup required.

Note

By using autocomplete, you agree to comply with the Google Maps Platform Acceptable Use Policy. If you violate this policy, Stripe might disable autocomplete or take other necessary action.

Example showing full billing details collected

Additional features

The Payment Element also contains the following features:

• CVC recollection: Configure whether CVC re-collection is required when users pay with a saved payment method.
• Card brand filtering : Configure which card brands you accept.