Mobile Payment Element
Aceite pagamentos no seu aplicativo móvel.
O Mobile Payment Element é um componente de IU para criar fluxos de checkout em seu aplicativo móvel. Use os nossos SDKs para iOS, Android e React Native para começar a criar com ele. Você pode estilizar todos os Elements para corresponder à aparência do seu aplicativo.
Com o Mobile Payment Element, você obtém:
- Acesso a mais de 100 formas de pagamento globais Isso inclui Apple Pay, Link e outras formas de pagamento populares que são ativadas automaticamente.
- Formas de pagamento dinâmicas Simplifique o código das formas de pagamento ordenando e exibindo dinamicamente as formas de pagamento e lançando testes A/B para ver novas formas de pagamento.
- Personalizações da IU para corresponder ao seu aplicativo Faça a correspondência entre a IU e o design do seu aplicativo. O layout permanece consistente, mas você pode modificar cores, fontes e muito mais.
- Coleta de endereços Colete endereços de cobrança totais ou parciais com qualquer forma de pagamento.
- Salvar e exibir cartões e contas bancárias Salve, reutilize e gerencie cartões e contas bancárias. Você também pode armazenar os dados de pagamento de um cliente sem um pagamento inicial.
Demonstração dos elementos no app da Stripe
Leia este código QR com um dispositivo móvel iOS para experimentar um App Clip interativo que demonstra os elementos do aplicativo da Stripe. No App Clip, você pode gerar diferentes especificações de IU para ver qual funciona melhor para o seu caso de uso.
Opções de integração
O Mobile Payment Element tem duas opções principais de integração:
- Payment Sheet: uma planilha pré-criada que você pode integrar em qualquer lugar do seu aplicativo. A planilha exibe a lista de formas de pagamento, os botões de pagamento expresso e o botão de confirmação.
- Embedded Element: um componente suspenso personalizável que incorpora uma lista de formas de pagamento em qualquer tela do seu aplicativo. Quando uma forma de pagamento é selecionada na lista, uma folha inferior coleta os dados do pagamento.
Comparação das integrações do Payment Sheet e do Embedded Element.
Layout
Quando usar o Payment Sheet, defina o layout como . para a Stripe para fornecer o layout de forma de pagamento apropriado. Você também pode selecionar o layout . ou horizontal.
Ao usar o Embedded Element, escolha entre layout de rádio, layout de marca de seleção ou botões flutuantes com um traçado selecionado.
O Payment Sheet está disponível nos seguintes modos: horizontal, carrossel e vertical.
O Embedded Element aceita: botões de opção, marcas de seleção e layouts de botões flutuantes.
Aparência
Use a API Appearance para personalizar a aparência do Mobile Payment Element de acordo com seu aplicativo. Com a API Appearance, você pode controlar fontes, cores, bordas, sombras e assim por diante.
O Payment Sheet oferece estilização personalizada para os seguintes modos: horizontal, carrossel e vertical.
O Embedded Element aceita estilos personalizados para: botões de seleção e layouts de botões flutuantes.
formas de pagamento
O Mobile Payment Element fornece acesso a mais de 100 formas de pagamento em todos os países aceitos pela Stripe. É possível habilitar formas de pagamento do seu Stripe Dashboard ou usando formas de pagamento externas.
Os provedores de formas de pagamento frequentemente alteram seus requisitos de coleta e exibição. Quando você usa o Mobile Payment Element para exibir formas de pagamento, a Stripe processa toda a coleta de dados de pagamento em formulários pré-integrados e localizados que mantemos atualizados com cada provedor de pagamento.
A Payment Sheet mostra exemplos do formulário do cartão e do formulário Klarna. O Embedded Element mostra exemplos de uso de P24 e débito SEPA.
Carteiras
O Mobile Payment Element aceita carteiras populares, como Apple Pay e Link, uma carteira criada pela Stripe.
- O Payment Sheet pode mostrar carteiras usando botões expressos.
- O Embedded Element mostra carteiras alinhadas como opções de forma de pagamento.
O Payment Sheet ilustra o suporte nativo a Apple Pay. O Embedded Element ilustra o suporte nativo ao Link.
Formas de pagamento salvas
O Mobile Payment Element foi integrado para salvar, exibir e gerenciar formas de pagamento salvas. Os estados de consentimento são tratados automaticamente, garantindo a conformidade global.
As formas de pagamento salvas aceitam cartões, contas bancárias dos EUA e contas de débito SEPA.
A API CustomerSessions oferece controle adicional sobre:
- Quando mostrar ou ocultar a caixa de consentimento de salvamento
- Quando mostrar ou ocultar as formas de pagamento salvas
- Permitir que os compradores removam formas de pagamento salvas
- Impedir que os compradores removam a última forma de pagamento salva
Exemplos de como os clientes podem acessar formas de pagamento salvas no Payment Sheet e no Embedded Element.
Coletar dados de endereço
Você pode configurar o Mobile Payment Element para coletar dados de pagamento adicionais, incluindo nome, e-mail, telefone e endereço de cobrança, independentemente da forma de pagamento usada.
O Payment Sheet exibe o formulário do cartão com os dados de faturamento habilitados. O Embedded Element mostra o formulário P24 com os detalhes de faturamento habilitados.
Outros recursos
O Mobile Payment Element contém vários recursos adicionais, incluindo:
- Nova coleta de CVC: configure se é necessário uma nova coleta de CVC quando os usuários pagam com uma forma de pagamento salva.
- Filtragem de bandeiras de cartão: Configure quais bandeiras de cartão você aceita.