Estos lineamientos se diseñaron para ayudarte a implementar la API Passes de Google Pay en tus apps o sitios web.
Botón para guardar en Google Pay
El botón Guardar en Google Pay debe llamar a uno de los flujos de la API Passes de Google Pay. Estos flujos muestran una pantalla en la que los usuarios pueden guardar tarjetas de embarque, entradas para eventos o de transporte público, tarjetas de lealtad, tarjetas de regalo y ofertas en sus dispositivos Android. Este botón se puede usar en apps para comerciantes, sitios web, correos electrónicos o SMS.
Recursos
Los botones para guardar en Google Pay están disponibles en archivos EPS y SVG.
Descargar elementos - EPS Descargar elementos - SVG
Todos los botones de Guardar en Google Pay que se muestran en el sitio, la app o las comunicaciones por correo electrónico deben cumplir con nuestros lineamientos de marca, que se describen en esta página. Se incluyen, entre otros:
- 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 libre
Los botones Guardar en Google Pay están disponibles en los siguientes idiomas: alemán, árabe, checo, coreano, danés, español, finés, francés, indonesio, inglés, italiano, japonés, neerlandés,, portugués, ruso, sueco, tailandés,, portugués, ruso, sueco, tailandés y ucraniano.
Tamaño
Ajusta la altura y el ancho del botón Guardar en Google Pay para adaptarlo a tu diseño. Si hay otros botones en la página, el botón Guardar en Google Pay debe tener un tamaño igual o superior a estos botones. No permitas que el botón Guardar en Google Pay sea más pequeño que otros botones.
Mantén tu estilo
Los botones para 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 sobre fondos blancos o claros para contrastar los colores. No uses el botón negro sobre fondos oscuros. En su lugar, usa el botón blanco. | Usa el botón blanco sobre fondos oscuros o coloridos. No uses el botón blanco sobre fondos blancos o claros. En su lugar, utiliza 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 sobre fondos blancos o claros. No uses este botón en fondos oscuros o coloridos. En su lugar, usa el botón blanco estándar. |
Espacio libre
Siempre mantén el espacio libre mínimo de 8 dp en todos los lados del botón Guardar en Google Pay. Asegúrate de que el espacio libre nunca se rompa con gráficos o texto.
Altura mínima
Todos los botones para guardar en Google Pay deben tener una altura mínima de 36 dp.
Qué sí hacer y qué no hacer
| Lo que se debe hacer | Precauciones |
|---|---|
| Sugerencia: Usa solo los botones Guardar en Google Pay que proporciona Google. | Precaución: No crees tus propios botones de Guardar en Google Pay ni alteres la fuente, el color, el radio del botón ni el padding del botón de ninguna manera. |
| Sugerencia: Usa el mismo estilo de botón en todo el sitio. El color del botón se puede adaptar si cambia el color del fondo. | Lo que no debes hacer: Evita que los botones de Guardar en Google Pay sean más pequeños que otros. |
| Sugerencia: 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 que sea similar al fondo. Por ejemplo, no uses el botón blanco sobre un fondo blanco. |
| Acción: Asegúrate de elegir un color de botón que contraste con el fondo. | Qué no hacer: No se puede escalar sin escala el botón. |
| Sugerencia: Mantén la misma proporción de botones cuando cambies el tamaño de los botones Guardar en Google Pay. |
Prácticas recomendadas para colocar los botones
Para maximizar la cantidad de objetos guardados, muestra los botones Guardar en Google Pay de manera destacada en tu app, sitio web o correo electrónico. Debes cumplir con las siguientes prácticas recomendadas para recibir la aprobación de marca 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 donde muestres la información de lealtad de los clientes actuales. También es útil mostrar el botón en las pantallas de confirmación que aparecen inmediatamente después de que los usuarios se registran en el 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 el usuario compre 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 los que los usuarios accedan a las ofertas. Para obtener mejores resultados, se recomienda que incluyas el botón en cualquier comunicación por correo electrónico sobre la oferta.
Boletos de transporte público y eventos
Muestra el botón Guardar en Google Pay al final del flujo de compra o en las pantallas de apps, las páginas web o los correos electrónicos de confirmación. Te recomendamos que coloques el botón Guardar en Google Pay para que los usuarios accedan a los boletos 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 apps, las páginas web o los correos electrónicos de confirmación. También puedes mostrar el botón en el que los pasajeros registran su vuelo, ver sus tarjetas de embarque en tu sitio web o app, o incluirlo en correos electrónicos relevantes.
Uso del nombre de producto de Google Pay en el texto
Puedes usar un texto para indicarle al usuario que su tarjeta de embarque, evento o transporte público, tarjeta de lealtad o tarjeta de regalo se guardó en su dispositivo.
Escribir en mayúscula la letra “G” y la “P”
Usa siempre una "G" mayúscula y una "P" mayúscula seguida de letras minúsculas para hacer referencia a Google Pay. No escribas con mayúscula el nombre completo “GOOGLE PAY”, a menos que coincida con el estilo tipográfico en tu IU.
No abrevies Google Pay
Escriba siempre las palabras "Google" y "Pay".
Cómo hacer coincidir el estilo de su IU
Establezca "Google Pay" en el mismo estilo de fuente y tipográfico que el resto del texto en su IU. No imite el estilo tipográfico de Google.
No traducir Google Pay
Escriba siempre "Google Pay" en inglés. No la traduzcas a otro idioma.