Capacitação de apps de pagamento com o Web Payments

Novos padrões da Web para uma experiência de pagamento simplificada.

Um dos principais impulsionadores do ecossistema para a Web são os pagamentos. Com sistemas de pagamento seguros, contínuos e flexíveis, a Web pode se tornar uma plataforma sustentável e lucrativa. Os padrões de pagamentos na Web têm o potencial de ser um elemento fundamental para permitir a integração perfeita de soluções de pagamento nos fluxos de finalização de compra do comerciante.

O que é o Web Payments?

O Web Payments é uma série de novas APIs de pagamento padronizadas disponíveis em navegadores modernos, incluindo a API Payment Request, a API Payment Handler e algumas outras. Esses novos primitivos de navegador simplificam os pagamentos on-line e permitem que os apps de pagamento se integrem aos navegadores mais facilmente.

Os padrões são flexíveis. Eles funcionam com vários tipos de sistemas de pagamento e destinam-se a funcionar em qualquer navegador em qualquer dispositivo, forma de pagamento ou provedor de serviços de pagamento. Essa flexibilidade permite a simplicidade de desenvolvimento, a consistência na implantação e a compatibilidade futura com novas tecnologias de pagamento.

A pesquisa mostra que fluxos longos de finalização de compra levam ao abandono do carrinho. Com o Web Payments, o fluxo de finalização de compra é simplificado para alguns toques, em vez da entrada manual de dados de faturamento para cada compra. Veja uma demonstração abaixo de como o Google Pay usa os pagamentos na Web para criar um fluxo contínuo. O mesmo pode ser feito por qualquer outro app de pagamento:

Fluxo de finalização de compra com o Google Pay e o Web Payments.
  1. O cliente vai para o caixa e pressiona o botão GPay.

  2. O app Google Pay é iniciado no site do comerciante.

  3. O cliente confirma o pagamento no app Google Pay depois de examinar os detalhes.

  4. O comerciante verifica o pagamento e a compra é aprovada.

Suporte ao navegador

O Web Payments consiste em algumas tecnologias diferentes, e o status do suporte depende do navegador.

Chromium Safari Firefox
Computador Android Computador Dispositivo móvel Computador/dispositivo móvel
API Payment Request
API Payment Handler
App de pagamento para iOS/Android ✔* ✔*

Os benefícios de integrar pagamentos pela Web em um app de pagamento

Com a integração com o Web Payments, os apps de pagamento podem oferecer uma experiência de usuário melhor aos clientes, uma experiência de desenvolvedor melhor e uma segurança mais rigorosa.

Melhor experiência do usuário

  • Pagamentos com base no contexto:os pagamentos são feitos em modais, no contexto do site do comerciante, sem redirecionamentos ou janelas pop-up.

  • Finalização da compra mais rápida: os clientes podem salvar os detalhes de pagamento com segurança no navegador ou em um app de pagamento para serem usados em qualquer site de comerciante autorizado.

  • Experiência de compra simplificada:depois de concluir (ou cancelar) o pagamento, o cliente acessa o site do comerciante exatamente de onde parou.

Melhor experiência do desenvolvedor

  • Integração fácil:os pagamentos pela Web podem ser estendidos a partir de um app de pagamento específico da plataforma ou de um app de pagamento baseado na Web.

  • Baixo custo de integração:os comerciantes podem integrar os pagamentos na Web com JavaScript e uma integração básica do lado do servidor.

  • Padrões:o protocolo e o formato de dados para troca de informações com comerciantes são padronizados e não requer integração profunda.

Segurança mais rigorosa

  • a prevenção de transferência por sideload ao invocar apps de pagamento específicos da plataforma.

  • Projetado com os paradigmas de segurança e privacidade futuros em mente.

O uso do Web Payments também permite que apps de pagamento tragam qualquer tipo de forma de pagamento para a Web, como e-money, criptomoedas, transferências bancárias e muito mais. O Web Payments foi criado com a sustentabilidade em mente e não coloca nenhuma restrição no processamento e nas formas de pagamento.

Comparação dos pagamentos na Web com outras abordagens

Considere as abordagens existentes para integrar pagamentos na Web:

  • Iframes:uso do JavaScript para injetar o site do gerenciador de pagamentos em um iframe e coletar a credencial de pagamento do cliente por meio de um formulário.

  • Pop-ups:uso de JavaScript para abrir uma janela pop-up e coletar as credenciais de pagamento do cliente, seja por meio de um formulário ou solicitando que ele autentique e selecione uma credencial de pagamento.

  • Redirecionamentos: o comerciante redireciona o cliente para o site de um gerenciador de pagamento e permite que o cliente autentique e selecione as credenciais de pagamento. O URL de redirecionamento é comunicado por meio de um servidor.

  • OAuth:o comerciante permite que o cliente faça a autenticação e a autorização com a identidade de um gerenciador de pagamento via OAuth, selecione uma forma de pagamento, um endereço de entrega etc. usando a interface iframe no contexto.

Veja uma comparação entre eles e os Pagamentos na Web:

Pagamentos na Web iframe Pop-up Redirecionamento OAuth
Pagamentos dentro do contexto ✔*
Atualizações dinâmicas de preços
Experiência de compra simplificada
Integração de apps específicos da plataforma
Baixo custo de integração
Padrões

Integração de pagamentos na web em aplicativos existentes

É possível integrar o Web Payments em apps de pagamento específicos da plataforma e baseados na Web: se o app de pagamento específico da plataforma não estiver instalado, o app de pagamento baseado na Web poderá ser usado como substituto. Clientes e comerciantes podem enviar e receber pagamentos facilmente pela forma de pagamento que escolherem, dependendo do ambiente.

Apps de pagamento específicos da plataforma

  • Ideal para apps de pagamento que já têm uma grande base de instalação e querem oferecer aos usuários atuais uma experiência consistente na Web.

  • Ao contrário do recurso "Intent" do Android, o Web Payments realiza a verificação de assinatura antes de executar o app de pagamento, o que impossibilita o sideload de apps de pagamento maliciosos.

No vídeo acima, o Google Pay é um app de pagamento específico da plataforma.

Apps de pagamento na Web

  • Mais proteção para o futuro: as técnicas típicas de apps de pagamento, como redirecionamentos ou pop-ups, são baseadas em cookies de terceiros que podem se tornar obsoletos. Embora ainda seja difícil prever as consequências, os Pagamentos da Web buscam mais privacidade na Web e um mundo sem cookies de terceiros.

  • A rota baseada na Web é ideal para serviços da Web que têm um grande número de clientes com o cartão registrado.

Fluxo de finalização de compra com um app de pagamento baseado na Web.

Como funciona a adoção pelo comerciante?

Para que um app de pagamento esteja disponível em um comerciante, o comerciante precisa adotá-lo explicitamente. Tecnicamente, o comerciante precisa especificar o identificador do app de pagamento (identificador da forma de pagamento) e usar a API Payment Request com ele.

Sugerimos que você forneça uma boa documentação nos guias de integração e nos SDKs ou nas bibliotecas para facilitar a integração. Por exemplo, o Google Pay oferece um guia para desenvolvedores.

Trabalhar com gateways de pagamento também é uma boa opção, porque eles ajudam a escalonar seu alcance.

Qual é o custo?

O Web Payments trata de uma tecnologia padrão no navegador. Os apps de pagamento que o adotam ou ativam no navegador não cobram nenhuma taxa por conta própria.