Diretrizes da marca

Nas diretrizes a seguir, você verá como fazer referência à marca Google Pay nos seus sites.

Botões de pagamento do Google Pay

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

Recursos

O método JavaScript createButton() fornece regras CSS inseridas dinamicamente e um arquivo SVG carregado a partir da CDN do Google para um elemento HTML <button>. A variante "Comprar com o Google Pay" exibe automaticamente um botão traduzido em um idioma compatível que corresponde às configurações do navegador do visitante.

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 requisitos:

  • O tamanho precisa ser parecido com o de outros botões ou elementos semelhantes da página.
  • A cor do botão precisa contrastar com a cor do plano de fundo da área ao redor.
  • O botão precisa manter a quantidade mínima de espaço livre em todos os lados.

Se esse método de conveniência ou os idiomas compatíveis não atenderem às suas necessidades, entre em contato conosco.

Estilo

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

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

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.

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

Exemplos

Espaçamento correto dos botões
Se você colocar um botão do Google Pay ao lado de outro botão, verifique se os tamanhos são iguais. Use sempre um botão do Google Pay que contraste com o plano de fundo em que é exibido.
Ajuste do tamanho do botão
Ao ajustar o tamanho do botão do Google Pay, mantenha sempre as regras de altura, largura e preenchimento.  

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 que os outros botões.
  • Escolha uma cor de botão que contraste com o plano de fundo.
  • Não crie seus próprios botões do Google Pay nem altere a fonte, a cor, o raio do botão ou o preenchimento no botão de maneira alguma.
  • Não use os botões de pagamento do Google Pay para iniciar qualquer ação que não seja o fluxo de pagamento.
  • Não alterne entre variações de cor ou versões com ou sem texto.
  • Não reduza o botão do Google Pay em relação a outros botões.
  • Não 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 da mesma cor.

Marca Google Pay

Use somente a marca Google Pay fornecida nestas diretrizes ao mostrar o Google Pay como opção de pagamento nos seus fluxos de finalização de compra.

Recursos

Clique no botão a seguir para fazer o download da marca Google Pay em um formato de 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" em texto ao lado da marca caso já faça isso com outras opções de pagamento. Não mude a cor ou o peso do contorno da marca nem faça qualquer tipo de alteração. Use apenas a marca fornecida pelo Google.

Espaço livre

Sempre mantenha a quantidade de espaço livre mínima em todos os lados da marca Google Pay. Essa medida é igual à altura da letra "G" no logotipo do produto.

Tamanho

Ajuste a altura à das outras identidades da marca exibidas no seu fluxo de pagamento. Não reduza a 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 processos de finalização de compra.
  • Não faça nenhum tipo de alteração na marca nem crie a sua.
  • Não traduza a palavra "Pay".
  • Não 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 do seu site. Nunca escreva “GOOGLE PAY” em letras maiúsculas na sua comunicação de marketing.

Não abrevie o Google Pay

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

Ajuste ao estilo do seu site

Use a mesma fonte e o mesmo estilo tipográfico de todos os textos do seu site para escrever o nome "Google Pay". Não imite o estilo tipográfico do Google.

Não traduza "Google Pay"

Sempre escreva "Google Pay" em inglês. Não traduza esse nome 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 no seu site.

Se as identidades de marca de outras opções de pagamento não forem exibidas, represente o Google Pay em forma de texto. "Google Pay" precisa estar escrito na mesma fonte e no mesmo estilo tipográfico de todos os outros textos do seu site.

Práticas recomendadas do Google Pay

Maximize as conversões com páginas de pagamento e processos de finalização de compra em que os clientes possam analisar as informações de pagamento 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. Você também pode torná-la a opção padrão ou a única opção de pagamento.

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 que os usuários possam comprar sem login. 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 podem selecionar e confirmar uma única forma de pagamento e um endereço de entrega. Verifique se você tem todas as outras informações necessárias antes de dar aos clientes a opção de selecionar o botão do Google Pay. Outras informações podem incluir:

  • O tamanho, a cor ou a quantidade do item
  • A opção de adicionar uma mensagem de presente ou usar um código promocional
  • A possibilidade de escolher diferentes prazos e destinos para envio de itens específicos

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

Acelere a 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 Google Pay seja exibido de maneira consistente com outras formas de pagamento.

Nunca exiba os números de conta, a data 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 exemplos de textos aceitáveis:

  • "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"
confirmação do pagamento
Ao exibir informações de pagamento em páginas e e-mails de confirmação, indique se o cliente usou o Google Pay.

Combine todas as informações

A captura de tela de uma integração concluída tem a aparência da 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.

Experiência de compra na Web
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, você precisará solicitar a aprovação para todos os locais em que exibe ou cita o Google Pay no seu site para ter acesso de produção.

Como solicitar aprovação

Preencha nossa Lista de verificação de integração e envie sua integração da Web para análise. Você receberá aprovação ou feedback em um dia útil.