Payment Element

O Payment Element é um componente pronto para uso que exibe uma lista de formas de pagamento em qualquer tela do app. Quando o cliente escolhe uma forma de pagamento da lista, uma ficha abaixo desta coleta os detalhes de pagamento necessários. Você pode personalizá-lo para manter a identidade visual de seu aplicativo. O Payment Element do aplicativo está disponível nos SDKs para iOS, Android e React Native. Vide nosso guia aceitar pagamentos em apps para começar.

Exemplo de integração do Payment Element

Com o Payment Element, você obtém:

• Acesso a mais de 100 formas de pagamento globais: inclui Apple Pay, Link e outros métodos ativados automaticamente.

• Formas de pagamento dinâmicas: exiba e organize formas de pagamento de forma automática e realize testes A/B para avaliar novas opções.

• Personalização da interface de acordo com seu app: ajuste a aparência para combinar com o design do aplicativo. A estrutura permanece, mas é possível modificar cores, tipografia e outros elementos visuais.

• Coleta de endereço: solicite endereços de cobrança completos ou parciais em qualquer forma de pagamento.

• Formas de pagamento salvas: permita armazenar, reutilizar e gerenciar cartões e contas bancárias. Também é possível guardar os dados de pagamento do cliente mesmo sem uma transação inicial.

Layout

Escolha entre layout de rádio, layout de marca de seleção ou botões flutuantes.

O Payment Element é compatível com: botões de opção, marcas de seleção e layouts de botões flutuantes.

Aparência

Use a Appearance API para personalizar a aparência do Payment Element de acordo com seu aplicativo. Com a Appearance API, você pode controlar fontes, cores, bordas, sombras e assim por diante.

Exemplos de diferentes maneiras de estilizar o Payment Element

Formas de pagamento

O Payment Element fornece acesso a mais de 100 formas de pagamento em todos os países aceitos pela Stripe. Você pode ativar as formas de pagamento no Stripe Dashboard ou usando Formas de pagamento personalizadas.

Os provedores de formas de pagamento costumam alterar os requisitos de coleta e exibição. Quando você usa o Payment Element para exibir formas de pagamento, a Stripe lida com toda a coleta de detalhes de pagamento em formulários pré-criados e localizados, que mantemos atualizados com cada provedor de pagamento.

Exemplos de débito P24 e SEPA no Payment Element

Carteiras

O Payment Element aceita carteiras populares, incluindo Apple Pay e Link, uma carteira criada pela Stripe. O Payment Element mostra as carteiras em linha como opções de formas de pagamento.

Exemplo do Link no Payment Element

Formas de pagamento salvas

O Payment Element aceita salvar, exibir e gerenciar formas de pagamento salvas. A cobrança do consentimento é feita 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 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

Exemplos de como os clientes podem acessar os métodos de pagamento salvas no Payment Element

Coletar dados de endereço

Você pode configurar o Payment Element para coletar informações adicionais de pagamento, incluindo nome, e-mail, número de telefone e endereço de cobrança, independentemente da forma de pagamento utilizada pelo cliente.

Exemplo mostrando todos os detalhes de cobrança coletados

Outros recursos

O Payment Element também contém os seguintes recursos:

• Recoleta de CVC: configure se a recoleta de CVC é necessária quando os usuários pagam com uma forma de pagamento salva.
• Filtragem de marcas de cartão: configure quais bandeiras de cartão você aceita.