Diretrizes de botão

Nestas diretrizes, você encontrará ajuda para implementar a API Google Pay for Passes nos seus apps ou sites.

Botão "Salvar no Google Pay"

O botão Salvar no Google Pay precisa chamar um dos fluxos da API Google Pay for Passes. Esses fluxos exibem uma tela em que os usuários podem salvar em dispositivos Android ingressos para eventos, vales-presente, ofertas, além de cartões de fidelidade, de embarque e de transporte público. Esse botão pode ser usado em apps, sites, e-mails ou SMS de comerciantes.

Recursos

Os botões Salvar no Google Pay estão disponíveis como arquivos EPS e SVG.

Fazer download dos recursos - EPS Fazer download dos recursos - SVG

Todos os botões Salvar no Google Pay exibidos em comunicações do seu site, app ou e-mails precisam estar em conformidade com nossas diretrizes para marcas descritas nesta página. Elas incluem, mas não se limitam a:

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

Os botões Salvar no Google Pay estão disponíveis nos seguintes idiomas: alemão, árabe, chinês simplificado, chinês tradicional, coreano, croata, dinamarquês, eslovaco, espanhol, finlandês, francês, holandês, inglês, indonésio, italiano, japonês, norueguês (bokmal), polonês, português, russo, sueco, tailandês, tcheco e ucraniano.

Tamanho

Ajuste a altura e a largura do botão Salvar no Google Pay para que ele caiba no seu layout. Se houver outros botões na página, o botão Salvar no Google Pay precisa ser do mesmo tamanho ou maior que esses botões. Não reduza o botão Salvar no Google Pay em relação a outros botões.

Estilo

Os botões Salvar no Google Pay estão disponíveis em três variações: preto, branco e branco com contorno em preto. Estão disponíveis botões com versões localizadas do texto. Não crie botões com seu próprio texto localizado.

Preto	Branco	Branco com contorno
Use o botão preto com planos de fundo brancos ou claros para que haja contraste. Não use esse botão em planos de fundo escuros. Como alternativa, use o botão branco.	Use o botão branco com planos de fundo escuros ou coloridos. Não use esse botão em fundos brancos ou claros. Como alternativa, use o botão preto ou o botão branco com contorno.	Use o botão branco com contorno como alternativa ao botão preto em planos de fundo brancos ou claros. Não use esse botão em fundos escuros ou coloridos. Nesse caso, use o botão branco padrão.

Espaço livre

Sempre mantenha pelo menos 8 dp de espaço livre em todos os lados do botão Salvar no Google Pay. O espaço livre não pode ser invadido por imagens nem texto.

Altura mínima

A altura mínima de todos os botões Salvar no Google Pay é 36 dp.

O que fazer e o que não fazer

O que fazer:	O que não fazer:
Recomendação: use somente os botões Salvar no Google Pay fornecidos pelo Google.	Restrição: não crie seus próprios botões Salvar no Google Pay nem altere a fonte, a cor, o raio ou o preenchimento do botão de maneira alguma.
Recomendação: use o mesmo estilo de botão em todo o site. Se a cor do plano de fundo mudar, adapte a cor dos botões.	Restrição: não deixe os botões Salvar no Google Pay menores que os outros.
Recomendação: verifique se os botões Salvar no Google Pay estão do mesmo tamanho ou maiores que os outros.	Restrição: 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 branco.
Recomendação: escolha uma cor de botão que contraste com o plano de fundo.	Restrição: não dimensione o botão livremente.
Recomendação: mantenha a proporção dos botões Salvar no Google Pay ao redimensioná-los.

Práticas recomendadas para posicionamento de botões

Para maximizar o número de objetos salvos, evidencie os botões Salvar no Google Pay no seu aplicativo, site ou e-mail. É preciso aderir às práticas recomendadas abaixo para receber a aprovação da marca do Google.

Cartões de fidelidade

Recomendamos que o botão Salvar no Google Pay fique próximo às experiências do usuário no aplicativo, site ou na comunicação por e-mail, onde as informações atuais sobre fidelidade do cliente são exibidas. O botão também é útil nas telas de confirmação exibidas logo após a inscrição do usuário no programa de fidelidade do seu app ou site.

Vales-presente

Recomendamos que o botão Salvar no Google Pay seja exibido na tela de confirmação que aparece depois que um usuário compra um vale-presente no seu app ou site. Também é importante exibir o botão em todos os e-mails enviados ao destinatário do vale-presente.

Ofertas

Recomendamos que o botão Salvar no Google Pay seja exibido próximo a telas ou páginas em que o usuário tenha acesso a ofertas no seu app ou site. Para melhores resultados, é altamente recomendável incluir o botão em todos e-mails enviados sobre a oferta.

Ingresso para eventos e cartões de transporte público

Exiba o botão Salvar no Google Pay ao final do seu fluxo de compra ou em telas de confirmação em apps, páginas da Web ou e-mails. Recomendamos que o botão Salvar no Google Pay seja exibido na página em que os usuários acessam os ingressos e cartões no app ou site.

Cartões de embarque

Exiba o botão Salvar no Google Pay ao final do seu fluxo de compra ou em telas de confirmação em apps, páginas da Web ou e-mails. Você também pode incluir o botão na página em que os passageiros fazem check-in de voos ou visualizam os cartões de embarque em seu site ou app. Inclua também em e-mails relevantes.

Uso do nome do produto do Google Pay em texto

É possível usar texto para indicar que o cartão de embarque, ingresso para eventos, bilhete de transporte público, cartão de fidelidade, vale-presente ou oferta do usuário foram salvos no dispositivo.

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

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

Não abrevie o 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.