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.
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.