# Crie uma integração de pagamentos no aplicativo Use os pagamentos no aplicativo da Stripe para criar uma integração de pagamentos e fluxos de checkout personalizados para seus aplicativos iOS, Android e React Native. Essa visão geral ajuda você a planejar sua integração. > #### Aplicativos dos EUA que vendem produtos digitais > > Os aplicativos Android nos EUA que vendem produtos digitais agora podem processar pagamentos no aplicativo usando Stripe. Se você vende produtos digitais no iOS, veja como implementar um fluxo de aplicativo para web usando o Stripe Checkout em [Venda de produtos digitais e assinaturas no aplicativo](https://docs.stripe.com/mobile/digital-goods/checkout.md). Com os pagamentos no aplicativo da Stripe, você pode: 1. Exiba dinamicamente mais de 40 formas de pagamento, incluindo Apple Pay, Google Pay e Link, além das formas de pagamento salvas. 1. Colete informações de pagamento como números de cartão de crédito e detalhes de faturamento. 1. Finalize o pagamento gerenciando a autenticação como *3DS2* (3D Secure 2 (3DS2) removes friction from the authentication process and improves the purchase experience compared to 3D Secure 1. It's the main card authentication method used to meet Strong Customer Authentication (SCA) requirements in Europe and is a key mechanism for businesses to request exemptions to SCA) ou redirecionando para um aplicativo bancário. ## Escolha uma IU Escolha entre três integrações de IU diferentes, dependendo das suas necessidades preferenciais de UX e design. | | Payment Sheet | Controlador de fluxo | Payment Element | | -------------------------- | ------------------------- | -------------------------------------------- | --------------------------------------------------------------- | | Esforço de integração | Complexity: 2/5 | Complexity: 3/5 | Complexity: 3/5 | | Exibir formas de pagamento | Em uma tela | Em uma tela | Em uma visualização integrável | | Coletar dados de pagamento | Em uma tela | Em uma tela | Em uma tela | | Finalizar pagamento | Em uma tela | Você controla quando confirmar na sua IU | Você controla quando confirmar na sua IU | | Flexibilidade de layout | Apresentação de tela fixa | Tela fixa para seleção, confirmação flexível | Integre formas de pagamento em qualquer lugar do seu aplicativo | #### Payment Sheet ![Um fluxo de pagamento mostrando uma tela de carrinho com um botão Comprar que apresenta o Payment Sheet para finalizar o pagamento](https://b.stripecdn.com/docs-statics-srv/assets/overview-payment-sheet.1654dac09bb9ee7a067076b22842daa6.png) ![Código QR da App Store da vitrine de pagamentos no app do Stripe](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Essa integração exibe as formas de pagamento, coleta as informações de pagamento e finaliza o pagamento, tudo em uma única tela pré-configurada. Recomendamos para a maioria dos usuários o uso dessa IU para receber pagamentos no aplicativo. Você pode personalizar mais de 50 aspectos da aparência, incluindo cores e fontes, com o [guia da API Appearance](https://docs.stripe.com/elements/appearance-api/mobile.md). **Teste a demonstração**: escaneie o código QR ou use este [link](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para fazer o download de um app de demonstração interativo. **Melhor para…** - Adicionar pagamentos rapidamente no aplicativo com o mínimo de código. - Um checkout em que o cliente toca em um único botão “Comprar” e conclui o pagamento em uma só etapa. **Considere outra opção para…** - Coletar primeiro uma forma de pagamento e confirmar o pagamento separadamente na sua própria IU. Para fazer isso, [use o controlador de fluxo](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). - Incorpore formas de pagamento diretamente nas suas próprias telas, e não em uma tela, [usando o elemento de pagamento](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Controlador de fluxo ![Um fluxo de pagamento em várias etapas mostrando uma tela de carrinho que coleta uma forma de pagamento na tela da Stripe antes que o cliente toque no botão Comprar](https://b.stripecdn.com/docs-statics-srv/assets/overview-flow-controller.20860fdb0ea1653eb5d60c826eee527c.png) ![Código QR da App Store da vitrine de pagamentos no app do Stripe](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) O controlador de fluxo usa uma tela pré-configurada para exibir e coletar formas de pagamento, mas permite que você controle quando e como o pagamento é confirmado na sua própria IU. Tem as mesmas [opções de personalização de aparência](https://docs.stripe.com/elements/appearance-api/mobile.md) do Payment Sheet. **Teste a demonstração**: escaneie o código QR ou use este [link](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para fazer o download de um app de demonstração interativo. **Melhor para…** - O cliente seleciona uma forma de pagamento na tela da Stripe e confirma o pagamento na sua própria IU. - Ajustar totais, aplicar descontos ou recolher informações extras depois que o cliente escolher uma forma de pagamento. **Considere outra opção para…** - Uma única experiência de pagamento de ponta a ponta, gerenciada inteiramente em uma só tela. Para fazer isso, [use o Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Incorpore formas de pagamento diretamente nas suas próprias telas com linhas altamente personalizadas. Para fazer isso, [use o elemento de pagamento](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui). #### Payment Element ![Um fluxo de pagamento que mostra uma tela de carrinho que coleta uma forma de pagamento com o elemento de pagamento integrado em linha](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-inline.fa845b8ce13dee5940fb46c42b0570a4.png) *Elemento de pagamento incorporado diretamente no carrinho.* ![Um fluxo de pagamento que mostra uma tela de carrinho que coleta uma forma de pagamento com o elemento de pagamento em uma tela separada](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-interstitial.8b11682b3e8a874883a232afc1195530.png) *Elemento de pagamento exibido em uma tela dedicada.* ![Código QR da App Store da vitrine de pagamentos no app do Stripe](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) O elemento de pagamento exibe as formas de pagamento em uma visualização incorporável, não em uma tela, permitindo que você coloque a lista de formas de pagamento em qualquer lugar do seu aplicativo. Quando um cliente seleciona uma forma que requeira mais detalhes, a Stripe apresenta uma tela para coletar essas informações com segurança. Você controla quando e como o pagamento é confirmado na sua própria IU. Com o [guia da API Appearance](https://docs.stripe.com/elements/appearance-api/embedded-mobile.md), você pode personalizar completamente o visual e o comportamento das linhas de forma de pagamento de modo a corresponder aos padrões de navegação e ao sistema de design do seu aplicativo. **Teste a demonstração**: escaneie o código QR ou use este [link](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352) para fazer o download de um app de demonstração interativo. **Melhor para…** - Flexibilidade máxima no layout e na navegação do checkout. - Opções de pagamento que aparecem em linha (por exemplo, diretamente na IU do carrinho) ou em uma tela separada que você controla. **Considere outra opção para…** - Uma única experiência de pagamento de ponta a ponta, gerenciada inteiramente em uma só tela. Para essa configuração, [use o Payment Sheet](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui). - Uma etapa separada de “escolher forma de pagamento” antes da confirmação, sem incorporar formas de pagamento em linha. Para fazer isso, [use o controlador de fluxo](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui). #### Item 1 ## Escolher uma API A integração de pagamentos no aplicativo da Stripe usa [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) ou [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Aceitar um pagamento | ⠀ | | | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descrição | Colete o pagamento e cobre o cliente imediatamente. Nossa IU exibe uma caixa de seleção “Salvar minhas informações”, permitindo que os clientes salvem sua forma de pagamento para checkouts futuros. Saiba mais sobre [formas de pagamento salvas](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Formas de pagamento aceitas | Uso único e reutilizável | | Exemplos | - Comprar um produto ou serviço em uma única transação (por exemplo, checkout de comércio eletrônico) - Pagar por uma corrida ou entrega de refeições no ato do pedido | | **Comece já** | [Aceitar um pagamento com o elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) | ### Configurar uma forma de pagamento | ⠀ | | | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descrição | Colete e salve uma forma de pagamento para pagamentos futuros *sem* cobrar o cliente. | | Formas de pagamento aceitas | Somente formas de pagamento reutilizáveis | | Exemplos | - Registrar um aplicativo e salvar uma forma de pagamento durante o onboarding - Configurar uma forma de pagamento no início de uma assinatura com um período de teste gratuito - Coletar detalhes de pagamento para campanhas de crowdfunding (cobrar somente se a meta for atingida) - Armazenar informações de pagamento antes de ativar um serviço público ou outro serviço | | **Comece já** | [Configurar uma forma de pagamento com elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=setup) | ### Aceitar e configurar um pagamento | ⠀ | | | --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) com [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Descrição | Cobre o cliente agora e salve a forma de pagamento para uso futuro configurando seu PaymentIntent para salvar a forma de pagamento. Você pode exigir que todas as formas de pagamento sejam salvas configurando `setup_future_usage`. O uso de `setup_future_usage` desativa as formas de pagamento pontuais, como na maioria dos sistemas [compre agora e pague depois](https://docs.stripe.com/payments/buy-now-pay-later.md). Para oferecer suporte a formas de pagamento pontuais e reutilizáveis, configure o uso futuro em formas de pagamento específicas, como [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) para salvar cartões. | | Formas de pagamento aceitas | Uso único e reutilizável | | Exemplos | - Registrar usuários para uma assinatura que inclua um pagamento adiantado (por exemplo, cobrar o primeiro mês imediatamente) - Cobrar por uma compra inicial e, ao mesmo tempo, salvar a forma de pagamento para despesas adicionais ou compras complementares | | **Comece já** | [Aceitar e configurar um pagamento com o elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) | #### Item 2 ## Escolher uma API A integração de pagamentos no aplicativo da Stripe usa [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) ou [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Aceitar um pagamento | ⠀ | | | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descrição | Colete o pagamento e cobre o cliente imediatamente. Nossa IU exibe uma caixa de seleção “Salvar minhas informações”, permitindo que os clientes salvem sua forma de pagamento para checkouts futuros. Saiba mais sobre [formas de pagamento salvas](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Formas de pagamento aceitas | Uso único e reutilizável | | Exemplos | - Comprar um produto ou serviço em uma única transação (por exemplo, checkout de comércio eletrônico) - Pagar por uma corrida ou entrega de refeições no ato do pedido | | **Comece já** | [Aceitar um pagamento com o elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) | ### Configurar uma forma de pagamento | ⠀ | | | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descrição | Colete e salve uma forma de pagamento para pagamentos futuros *sem* cobrar o cliente. | | Formas de pagamento aceitas | Somente formas de pagamento reutilizáveis | | Exemplos | - Registrar um aplicativo e salvar uma forma de pagamento durante o onboarding - Configurar uma forma de pagamento no início de uma assinatura com um período de teste gratuito - Coletar detalhes de pagamento para campanhas de crowdfunding (cobrar somente se a meta for atingida) - Armazenar informações de pagamento antes de ativar um serviço público ou outro serviço | | **Comece já** | [Configurar uma forma de pagamento com elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=setup) | ### Aceitar e configurar um pagamento | ⠀ | | | --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) com [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Descrição | Cobre o cliente agora e salve a forma de pagamento para uso futuro configurando seu PaymentIntent para salvar a forma de pagamento. Você pode exigir que todas as formas de pagamento sejam salvas configurando `setup_future_usage`. O uso de `setup_future_usage` desativa as formas de pagamento pontuais, como na maioria dos sistemas [compre agora e pague depois](https://docs.stripe.com/payments/buy-now-pay-later.md). Para oferecer suporte a formas de pagamento pontuais e reutilizáveis, configure o uso futuro em formas de pagamento específicas, como [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) para salvar cartões. | | Formas de pagamento aceitas | Uso único e reutilizável | | Exemplos | - Registrar usuários para uma assinatura que inclua um pagamento adiantado (por exemplo, cobrar o primeiro mês imediatamente) - Cobrar por uma compra inicial e, ao mesmo tempo, salvar a forma de pagamento para despesas adicionais ou compras complementares | | **Comece já** | [Aceitar e configurar um pagamento com o elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) | #### Item 3 ## Escolher uma API A integração de pagamentos no aplicativo da Stripe usa [PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) ou [SetupIntents](https://docs.stripe.com/payments/setup-intents.md). ### Aceitar um pagamento | ⠀ | | | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | Descrição | Colete o pagamento e cobre o cliente imediatamente. Nossa IU exibe uma caixa de seleção “Salvar minhas informações”, permitindo que os clientes salvem sua forma de pagamento para checkouts futuros. Saiba mais sobre [formas de pagamento salvas](https://docs.stripe.com/payments/mobile.md#saved-payment-methods). | | Formas de pagamento aceitas | Uso único e reutilizável | | Exemplos | - Comprar um produto ou serviço em uma única transação (por exemplo, checkout de comércio eletrônico) - Pagar por uma corrida ou entrega de refeições no ato do pedido | | **Comece já** | [Aceitar um pagamento com o elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) | ### Configurar uma forma de pagamento | ⠀ | | | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | Descrição | Colete e salve uma forma de pagamento para pagamentos futuros *sem* cobrar o cliente. | | Formas de pagamento aceitas | Somente formas de pagamento reutilizáveis | | Exemplos | - Registrar um aplicativo e salvar uma forma de pagamento durante o onboarding - Configurar uma forma de pagamento no início de uma assinatura com um período de teste gratuito - Coletar detalhes de pagamento para campanhas de crowdfunding (cobrar somente se a meta for atingida) - Armazenar informações de pagamento antes de ativar um serviço público ou outro serviço | | **Comece já** | [Configurar uma forma de pagamento com elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=setup) | ### Aceitar e configurar um pagamento | ⠀ | | | --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) com [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) | | Descrição | Cobre o cliente agora e salve a forma de pagamento para uso futuro configurando seu PaymentIntent para salvar a forma de pagamento. Você pode exigir que todas as formas de pagamento sejam salvas configurando `setup_future_usage`. O uso de `setup_future_usage` desativa as formas de pagamento pontuais, como na maioria dos sistemas [compre agora e pague depois](https://docs.stripe.com/payments/buy-now-pay-later.md). Para oferecer suporte a formas de pagamento pontuais e reutilizáveis, configure o uso futuro em formas de pagamento específicas, como [payment_method_options[card][setup_future_usage]](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) para salvar cartões. | | Formas de pagamento aceitas | Uso único e reutilizável | | Exemplos | - Registrar usuários para uma assinatura que inclua um pagamento adiantado (por exemplo, cobrar o primeiro mês imediatamente) - Cobrar por uma compra inicial e, ao mesmo tempo, salvar a forma de pagamento para despesas adicionais ou compras complementares | | **Comece já** | [Aceitar e configurar um pagamento com o elemento de pagamento](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) | ## Formas de pagamento salvas O recurso de pagamentos no aplicativo da Stripe permite salvar, exibir e gerenciar formas de pagamento salvas, como cartão, conta bancária americana e débito SEPA. O consentimento é coletado automaticamente, garantindo a conformidade global. #### Item 1 ![Formas de pagamento salvas no Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Acessar as formas de pagamento salvas na Payment Sheet #### Item 2 ![Formas de pagamento salvas no Payment Sheet](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Exemplos de como os clientes podem acessar as formas de pagamento salvas no Payment Sheet #### Item 3 ![Formas de pagamento salvas no Payment Element](https://b.stripecdn.com/docs-statics-srv/assets/pe-saved-payment-methods.6aef147c8b230f2cb50c115b2054f814.png) Exemplos de como os clientes podem acessar os métodos de pagamento salvas no Payment Element A [API CustomerSessions](https://docs.stripe.com/api/customer_sessions.md) fornece controle adicional sobre: - Quando exibir ou ocultar a caixa de consentimento para salvar - Quando mostrar ou ocultar as formas de pagamento salvas - Permitir que os compradores removam as formas de pagamento salvas - Impedir que os compradores removam a última forma de pagamento salva ## Recursos e disponibilidade - **UI** Pagamentos no aplicativo - **Personalização da IU** Extensivo, usando a [API Appearance](https://docs.stripe.com/elements/appearance-api/mobile.md) - **Formas de pagamento** 1 - [100+](https://docs.stripe.com/payments/payment-methods/integration-options.md#choose-how-to-add-payment-methods) - [Formas de pagamento dinâmicas](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) - [Checkout mais rápido com Link](https://docs.stripe.com/payments/link.md) - [Apple Pay](https://docs.stripe.com/apple-pay.md), [Google Pay](https://docs.stripe.com/google-pay.md) e [Amazon Pay](https://docs.stripe.com/payments/amazon-pay.md) - [Formas de pagamento personalizadas](https://docs.stripe.com/payments/mobile/custom-payment-methods.md) - **Suporte a SDK** [iOS](https://github.com/stripe/stripe-ios), [Android](https://github.com/stripe/stripe-android) e [React Native](https://github.com/stripe/stripe-react-native) - **Pagamentos únicos e recorrentes** Sim - **Proteção contra fraudes** [Sim](https://docs.stripe.com/radar.md) - **Pagamentos globais** [Sim](https://stripe.com/global) 1Os métodos de pagamento com carteira exigem o [registro do seu domínio](https://docs.stripe.com/payments/payment-methods/pmd-registration.md).