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
About Stripe payments
Upgrade your integration
Payments analytics
Online payments
OverviewFind your use caseManaged Payments
Use Payment Links
Build a checkout page
Build an advanced integration
Build an in-app integration
Payment Methods
Add payment methods
Manage payment methods
Faster checkout with Link
Payment interfaces
Payment Links
Checkout
Web Elements
In-app Elements
    Overview
    Address Element
    Mobile Payment Element
    Migrate from Basic Integration
Payment scenarios
Custom payment flows
Flexible acquiring
Orchestration
In-person payments
Terminal
Other Stripe products
Financial Connections
Crypto
Climate
HomePaymentsIn-app Elements

Stripe in-app Elements

Build payments into your mobile app.

Use Stripe’s in-app Elements, a set of UI components, to build checkout flows in your mobile app. Start building with the iOS, Android, and React Native SDKs. You can customise all the Elements to match the look and branding of your application.

Examples of apps using the Address Element, Mobile Payment Element, and Card Element in an iOS app.

Mobile Payment Element

Accept payments using the Mobile Payment Element. Choose between two Payment UIs: the Payment Sheet or the Embedded Element.

Payment Sheet

Accept payments by opening a pre-built sheet anywhere in your app.

Embedded Element

Accept payments by embedding a customisable drop-in component with a list of payment methods on any screen in your app.

Features

  • Access to over 100 global payment methods This includes Apple Pay, Link, and other popular payment methods that are automatically enabled.

  • Dynamic payment methods Simplify your payment methods code by dynamically ordering and displaying payment methods and launch A/B tests for new payment methods.

  • UI customisations to match your app Change the UI to fit your app’s design. The layout stays consistent, but you can modify colours, fonts, and more.

  • Address collection Collect complete or partial billing addresses with any payment method.

  • Save and display cards and bank accounts Save, reuse, and manage cards and bank accounts. You can also store a customer’s payment details without an initial payment.

Other in-app Elements

Use the Element that best suits your use case. For example, use the Address Element to collect shipping addresses or to collect billing addresses separately from payment details.

Additionally, you can use the Customer Sheet to let your users manage their payment methods on your app’s settings page. However, because the Customer Sheet alone doesn’t support checkout flows, you must also use the Mobile Payment Element to process payments.

Address Element

A pre-built sheet for collecting billing and shipping addresses.

Customer Sheet

A pre-built UI for managing a customer’s saved payment methods in your app’s settings page.

Card Element

Use the basic card field in your own payment UI.

Legacy

Sign up for updates

Was this page helpful?
YesNo
Need help? Contact Support.
Join our early access programme.
Check out our changelog.
Questions? Contact Sales.
LLM? Read llms.txt.
Powered by Markdoc