Estos lineamientos tienen como objetivo ayudarte a implementar la API de Google Wallet en tus apps o sitios web.
Botón Guardar en Google Pay
El botón Guardar en Google Pay debe llamar a uno de los flujos de la API de Google Pay para pases. Estos flujos muestran una pantalla en la que los usuarios pueden guardar tarjetas de embarque, entradas para eventos, boletos de transporte público, tarjetas de lealtad, tarjetas de regalo y ofertas en sus dispositivos Android. Este botón se puede usar en apps, sitios web, correos electrónicos o SMS de comercios.
Recursos
Los botones Guardar en Google Pay están disponibles como archivos EPS y SVG.
Descargar recursos (EPS) Descargar recursos (SVG)
Todos los botones Guardar en Google Pay que se muestren en tu sitio, app o comunicaciones por correo electrónico deben cumplir con nuestros lineamientos de desarrollo de la marca, que se describen en esta página. Entre ellos, se incluyen los siguientes:
- Tamaño en relación con otros botones o elementos similares de la página
- Contraste con el color de fondo del área circundante
- espacio en blanco
Los botones Guardar en Google Pay están disponibles en los siguientes idiomas: alemán, árabe, chino simplificado, chino tradicional, coreano, croata, checo, danés, eslovaco, español, finlandés, francés, holandés, indonesio, inglés, italiano, japonés, noruego (bokmål),, portugués, ruso, sueco, tailandés y ucraniano.
Tamaño
Ajusta la altura y el ancho del botón Guardar en Google Pay para que se adapte a tu diseño. Si hay otros botones en la página, el botón Guardar en Google Pay debe tener el mismo tamaño que estos, o uno mayor. No crees un botón Guardar en Google Pay más pequeño que los demás botones.
Estilo
Los botones Guardar en Google Pay están disponibles en tres variantes: negro, blanco y blanco con un contorno negro. Se proporcionan botones con versiones localizadas del texto. No crees botones con tu propio texto localizado.
 |
 |
 |
| Negro | Blanco | Blanco con contorno |
| Usa el botón negro en fondos blancos o claros para proporcionar contraste. No uses el botón negro en fondos oscuros. En su lugar, usa el botón blanco. | Usa el botón blanco en fondos oscuros o de color. No uses el botón blanco en fondos blancos o claros. En su lugar, usa el botón negro o el botón blanco con un contorno. | Usa el botón blanco con un contorno como alternativa al botón negro en fondos blancos o claros. No uses este botón en fondos oscuros o de color; en su lugar, usa el botón blanco estándar. |
espacio en blanco
Siempre mantén un espacio libre de 8 dp en todos los lados del botón Guardar en Google Pay. Asegúrate de que el espacio libre nunca incluya elementos gráficos o texto.
Altura mínima
Todos los botones Guardar en Google Pay deben tener una altura mínima de 36 dp.
Qué hacer y qué no hacer
| Qué debes hacer | Lo que no debes hacer |
|---|---|
| Qué hacer: Usa solo los botones Guardar en Google Pay que proporciona Google. | Qué no hacer: No crees tus propios botones Guardar en Google Pay ni alteres la fuente, el color, el radio del botón ni el relleno dentro del botón de ninguna manera. |
| Correcto: Usa el mismo estilo de botón en todo el sitio. El color del botón puede adaptarse si cambia el color del fondo. | Incorrecto: No crees botones Guardar en Google Pay más pequeños que los demás. |
| Qué hacer: Asegúrate de que el tamaño de los botones Guardar en Google Pay sea igual o mayor que el de otros botones. | No: No uses un color de botón similar al del fondo. Por ejemplo, no uses el botón blanco sobre un fondo blanco. |
| Correcto: Asegúrate de elegir un color de botón que contraste con el fondo. | Incorrecto: No cambies el tamaño del botón de forma libre. |
| Qué hacer: Mantén la misma proporción del botón cuando cambies el tamaño de los botones Guardar en Google Pay. |
Prácticas recomendadas para la colocación de botones
Para maximizar la cantidad de objetos guardados, muestra los botones Guardar en Google Pay de forma destacada en tu app, sitio web o correo electrónico. Deberás seguir las prácticas recomendadas que se indican a continuación para recibir la aprobación de la marca por parte de Google.
Tarjetas de lealtad
Te recomendamos que coloques el botón Guardar en Google Pay cerca de las experiencias del usuario en tu app, sitio o comunicación por correo electrónico en los que muestres información actual de lealtad del cliente. También es útil mostrar el botón en las pantallas de confirmación que aparecen justo después de que los usuarios se registran en tu programa de lealtad en tu app o sitio web.
Tarjetas de regalo
Te recomendamos que coloques el botón Guardar en Google Pay en la pantalla de confirmación que aparece después de que un usuario compra una tarjeta de regalo en tu app o sitio web. También es una buena idea mostrar el botón en cualquier comunicación por correo electrónico que se envíe al destinatario de la tarjeta de regalo.
Ofertas
Te recomendamos que coloques el botón Guardar en Google Pay cerca de las pantallas o páginas de tu app o sitio web en las que los usuarios acceden a las ofertas. Para obtener mejores resultados, te recomendamos que incluyas el botón en cualquier comunicación por correo electrónico sobre la oferta.
Boletos de transporte público y entradas para eventos
Muestra el botón Guardar en Google Pay al final del flujo de compra o en las pantallas de confirmación de la app, las páginas web o los correos electrónicos. Te recomendamos que coloques el botón Guardar en Google Pay donde los usuarios acceden a sus entradas en tu app o sitio web.
Tarjetas de embarque
Muestra el botón Guardar en Google Pay al final del flujo de compra o en las pantallas de confirmación de la app, las páginas web o los correos electrónicos. También puedes mostrar el botón donde los pasajeros realizan la confirmación de sus vuelos o ven sus tarjetas de embarque en tu sitio web o app, o bien incluirlo en correos electrónicos pertinentes.
Uso del nombre del producto Google Pay en texto
Puedes usar texto para indicarles a los usuarios que sus tarjetas de embarque, entradas para eventos, boletos de transporte público, tarjetas de lealtad, tarjetas de regalo o promociones se guardaron en sus dispositivos.
Escribe las letras "G" y "P" en mayúscula
Cuando escribas el nombre "Google Pay", usa siempre mayúsculas iniciales (es decir, las letras "G" y "P"). No escribas todo el nombre en mayúsculas ("GOOGLE PAY"), a menos que sea para que concuerde con el estilo tipográfico de tu IU.
No abrevies Google Pay
Siempre escribe completos "Google" y "Pay".
Adapta las palabras al estilo de tu IU
El nombre "Google Pay" debe tener la misma fuente y estilo tipográfico que el resto del texto de la IU. No imites el estilo tipográfico de Google.
No traduzcas Google Pay
Siempre escribe "Google Pay" en inglés. No lo traduzcas a otros idiomas.