Diretrizes da marca

Com estas diretrizes, você poderá implementar o Google Pay nos seus apps.

Botões de pagamento do Google Pay

O botão de pagamento do Google Pay aciona a API Google Pay. Ela exibe a página de pagamento em que os usuários podem selecionar a forma de pagamento.

Recursos

Todos os botões de pagamento do Google Pay exibidos no seu site precisam estar em conformidade com nossas diretrizes da promoção de marca, incluindo, entre outros, os requisitos a seguir:

  • Dimensão em relação a outros botões ou elementos semelhantes da página
  • Contraste com a cor de fundo da área ao redor
  • Espaço livre

"Comprar com o Google Pay"

Os botões de pagamento "Comprar com o Google Pay" estão disponíveis como bitmaps redimensionáveis (arquivos NinePatch) adequados para inclusão no seu layout.

Fazer o download dos recursos

O recurso "Comprar com o Google Pay" está disponível nos seguintes idiomas: alemão, árabe, búlgaro, catalão, chinês, coreano, croata, dinamarquês, holandês, inglês, eslovaco, esloveno, espanhol, estoniano, finlandês, francês, grego, indonésio, italiano, japonês, malaio, norueguês, polonês, português, russo, sérvio, sueco, tailandês, tcheco, turco e ucraniano.

Os botões de pagamento "Doar com o Google Pay" estão disponíveis como bitmaps redimensionáveis (arquivos NinePatch) adequados para a inclusão no seu layout apenas se você atender aos critérios de qualificação da organização sem fins lucrativos. Esses critérios serão verificados durante a integração. Depois da aprovação, você terá a qualificação necessária para usar o botão de pagamento "Doar com o Google Pay".

Fazer o download dos recursos

O recurso "Doar com o Google Pay" está disponível nos seguintes idiomas: alemão, árabe, búlgaro, catalão, chinês, checo, coreano, croata, dinamarquês, espanhol, esloveno, estoniano, finlandês, francês, grego, holandês, indonésio, inglês, italiano, japonês, malaio, norueguês, polonês, português, russo, sérvio, sueco, tailandês, turco e ucraniano.

Estilo

Os botões de pagamento do Google Pay estão disponíveis em três variações: preto, branco e branco com contorno. Cada uma vem com e sem o texto "Comprar com". Estão disponíveis botões de pagamento com versões localizadas do texto "Comprar com". A marca Google Pay nunca é traduzida. Não crie botões com seu próprio texto localizado.

Preto Branco Branco com contorno
Botões pretos de pagamento do Google Pay Botões brancos de pagamento do Google Pay Botões brancos de pagamento do Google Pay com contorno

Use botões pretos com planos de fundo brancos ou claros para que haja contraste.

Use botões brancos com planos de fundo escuros ou coloridos.

Use botões brancos com contorno como alternativa aos botões pretos em planos de fundo brancos ou claros.

Espaço livre

Sempre mantenha um espaço livre mínimo de 8 dp em todos os lados do botão de pagamento. O espaço livre não pode ser invadido por imagens nem texto.

Exemplo de espaço livre do botão de pagamento do Google Pay para Android

Largura mínima

O botão do Google Pay precisa ter uma largura mínima de 90 dp. Todos os botões de pagamento "Comprar com o Google Pay" precisam ter uma largura mínima de 152 dp.

Ilustração de largura mínima do botão de pagamento do Google Pay

O que fazer e o que não fazer

O que fazer O que não fazer
  • Use somente os botões do Google Pay fornecidos pelo Google.
  • Use os botões do Google Pay para iniciar o fluxo de pagamento.
  • Use o mesmo estilo de botão em todo o site.
  • Verifique se o tamanho dos botões do Google Pay permanece igual ou maior do que os outros botões.
  • Escolha uma cor de botão que contraste com o plano de fundo.
  • Crie seus próprios botões do Google Pay ou altere a fonte, a cor, o raio ou o padding do botão de alguma maneira.
  • Use os botões de pagamento do Google Pay para iniciar alguma ação que não seja o fluxo de pagamento.
  • Alterne entre variações de cor ou versões com ou sem texto.
  • Reduza o tamanho do botão do Google Pay em relação aos outros.
  • Use uma cor de botão que seja semelhante ao plano de fundo. Por exemplo, não use o botão branco em um fundo branco.

Marca Google Pay

Use apenas a marca Google Pay fornecida abaixo para mostrar o produto como opção de pagamento nos seus fluxos finalização de compras.

Recursos

Faça o download da marca Google Pay como um arquivo SVG:

Fazer o download dos recursos

Marca

Use a marca Google Pay para mostrar o produto como opção de pagamento:

Marca Google Pay

Inclua o nome "Google Pay" no texto próximo à marca caso já faça isso com outras marcas. Não mude a cor ou o tamanho do contorno da marca nem faça qualquer tipo de alteração. Use apenas a marca fornecida pelo Google.

Espaço livre

Sempre mantenha pelo menos metade (0,5x) da altura do Super G em todos os lados da marca de aceitação do Google Pay. O espaço livre precisa estar igual ao das outras identidades da marca exibidas.

Exemplo de espaço livre da marca Google Pay

Tamanho

Ajuste a altura à das outras identidades da marca exibidas no seu fluxo de pagamento. Não reduza o tamanho da marca Google Pay em relação às outras.

Use a marca Google Pay para representar o produto como opção de pagamento e use a mesma imagem em todo o processo de compra.

O que fazer e o que não fazer

O que fazer O que não fazer
  • Use somente a marca Google Pay fornecida pelo Google.
  • Use a marca Google Pay para indicar o produto como opção de pagamento durante os fluxos de pagamento.
  • Altere de alguma maneira a marca Google Pay ou crie sua própria.
  • Traduza a palavra “Pay”.
  • Exiba a marca Google Pay em um tamanho diferente ou menor que os logotipos das outras opções de pagamento.

Google Pay em textos

Você pode usar textos para indicar que aceita o Google Pay como opção de pagamento e promovê-lo na comunicação de marketing.

As letras “G” e “P” precisam estar em maiúsculo

Sempre use "G" e "P" em caixa alta, seguidas de letras minúsculas. Não escreva todo o nome “GOOGLE PAY” em letras maiúsculas, a menos que esse seja o estilo tipográfico da sua IU. Nunca escreva “GOOGLE PAY” em letras maiúsculas na sua comunicação de marketing.

Não abrevie Google Pay

Sempre escreva as palavras "Google" e "Pay".

Use o mesmo estilo da sua IU

"Google Pay" precisa estar escrito na mesma fonte e no mesmo estilo tipográfico que todos os outros textos na sua UI. Não imite o estilo tipográfico do Google.

Não traduza Google Pay

Sempre escreva "Google Pay" em inglês. Não traduza para outro idioma.

Use o símbolo de marca registrada na primeira vez que "Google Pay" aparecer na comunicação de marketing

Ao usar “Google Pay” na sua comunicação de marketing, inclua o símbolo de marca registrada, ™, na primeira ocorrência do nome ou naquela que tiver maior destaque. Não use esse símbolo para indicar o Google Pay como opção de pagamento na sua IU.

Se os logotipos de outras opções de pagamento não são exibidas, represente o Google Pay em forma de texto.

Use a mesma fonte e o mesmo estilo tipográfico de todos os textos na sua IU para escrever o nome "Google Pay".

Ao exibir informações de pagamento em páginas e e-mails de confirmação, indique se o cliente usou o Google Pay.

Práticas recomendadas do Google Pay

Maximize as conversões com páginas de pagamento e fluxos de finalização de compra que permitem ao cliente analisar as informações de faturamento e confirmar a transação com rapidez e facilidade.

Veja a seguir as práticas recomendadas:

Defina o Google Pay como sua opção de pagamento principal

Sempre que possível, exiba o botão do Google Pay em destaque e considere torná-lo a opção de pagamento padrão ou única.

Permita que seus clientes façam compras sem uma conta

A criação de contas atrasa o processo de pagamento e pode resultar em carrinhos abandonados. Use o Google Pay para permitir que o usuário faça o pagamento com ainda mais rapidez. Se você quiser que seus clientes criem uma conta, permita que eles façam isso depois de concluir a compra.

Use o Google Pay para iniciar o pagamento ao finalizar a compra no carrinho

O botão do Google Pay exibe a página de pagamento. Nessa página, os clientes só podem selecionar e confirmar uma única forma de pagamento. Verifique se você tem todas as outras informações necessárias antes de oferecer aos clientes a opção de selecionar o botão do Google Pay. Essas informações podem incluir:

  • O tamanho, a cor e a quantidade do item
  • A mensagem de presente adicionada, se houver
  • O código promocional, se houver
  • O prazo do frete preferido
  • Os destinos de itens individuais

Se um cliente não fornecer alguma das informações necessárias, ofereça um feedback em tempo real sobre o que está faltando antes de exibir a página de pagamento.

Adicione o botão do Google Pay às páginas de detalhes do produto além do botão de finalização de compra do carrinho

Acelere a finalização da compra de itens únicos permitindo que os clientes façam compras individuais diretamente nas páginas de detalhes do produto. Se um cliente escolher essa opção, exclua os outros itens do carrinho, já que a página de pagamento permite que o cliente confirme apenas as informações de pagamento e frete.

Inclua o Google Pay nas páginas de confirmação e nos recibos

Ao exibir informações de pagamento nas páginas de confirmação e recibos por e-mail, indique se o cliente pagou com o Google Pay e garanta que o Google Pay seja exibido de maneira consistente com outras formas de pagamento. Nunca exiba os números da conta, as datas de validade dos cartões ou outros detalhes da forma de pagamento por completo ao usuário. Use sempre o texto descritivo retornado pela API Google Pay para identificar a forma de pagamento.

Veja a seguir alguns exemplos:

  • "Rede •••• 1234 com o Google Pay"
  • "Rede •••• 1234 (Google Pay)"
  • "Google Pay (Rede •••• 1234)"
  • "PayPal abc...d@gmail.com com o Google Pay"
  • "Forma de pagamento: Google Pay"
  • "Pago com o Google Pay"

Combine todas as informações

A captura de tela de uma integração concluída assemelha-se à imagem a seguir. A integração também inclui as etapas Seleção do item/Pré-compra, Transação, Seletor do Google Pay e Pós-compra.

Essas telas representam um processo de compra recomendado do Google Pay para uma experiência no carrinho de compras.

Receber aprovação

Depois de fazer a integração com a API Google Pay, é necessário solicitar a aprovação para todos os locais em que exibe ou cita o Google Pay na sua UI para ter acesso de produção.

Complete nossa Lista de verificação de integração para enviar sua integração de aplicativos para análise. Você receberá aprovação ou feedback em até um dia útil.