Si estás desarrollando para usuarios de RU, usa los botones "Guardar en el teléfono", ya que Google Wallet no está disponible en estos países. Consulta los elementos y lineamientos relevantes. Si desarrollas apps para usuarios que están fuera de Rusia, actualiza el botón Agregar a la Billetera de Google. Para ello, descarga los elementos que aparecen a continuación.
Esta sección de la documentación está diseñada para ayudarte a crear imágenes y otros elementos de la interfaz de usuario a fin de que se vean bien en la app de la Billetera de Google.
Recursos
Botón Agregar a la Billetera de Google
El botón Agregar a la Billetera de Google se usa cada vez que diriges a los usuarios para que guarden un pase o una tarjeta de tu app o sitio web en la billetera. El botón Agregar a la Billetera de Google debe llamar a uno de los flujos de la API de la Billetera de Google. Estos flujos muestran la app de la Billetera de Google, en la que los usuarios pueden seguir las instrucciones para guardar pases en sus dispositivos Android y Cuenta de Google. Este botón se puede usar en apps, sitios web o correos electrónicos.
Los botones Agregar a la Billetera de Google están disponibles en formato XML, SVG y PNG para Android.
Descargar recursos - Android XML Descargar elementos - SVG Descargar elementos - PNGVer en el botón de Google Wallet
El botón Ver en la Billetera de Google se usa para vincular un usuario a su billetera a fin de ver una tarjeta o un pase guardados anteriormente. Este botón se puede usar en apps, sitios web o correos electrónicos.
Los botones para ver en la Billetera de Google están disponibles en formato SVG y PNG.
Descargar recursos - SVG Descargar elementos - PNGTodos los botones que se muestran en el sitio, la app o las comunicaciones por correo electrónico deben cumplir con los lineamientos de marca que se describen en esta página. Estos son algunos ejemplos de estos lineamientos:
- Tamaño en relación con otros botones o elementos similares de la página
- No se debe alterar la forma ni el color de los botones.
- Espacio libre
Botones localizados
Los botones localizados de Google Wallet se proporcionan para todos los mercados en los que Wallet está disponible. Si estás desarrollando para usuarios de estos mercados, usa siempre los botones vinculados anteriormente. No crees tu propia versión de los botones. Si no hay una versión localizada del botón en tu mercado, usa la versión en inglés del botón.
(en inglés),
Nombre localizado
Para mayor claridad, el nombre del producto de la Billetera de Google se localiza en mercados selectos. Si estás desarrollando para usuarios de estos países, siempre usa el nombre localizado a continuación para impresiones, correo electrónico y la Web. No crees tu propia versión localizada de "Google Wallet". Si tu mercado no aparece en la siguiente lista, usa "Google Wallet" en inglés.
| País | Nombre |
|---|---|
| Bielorrusia | Google Кошелек |
| Brasil | Carteira do Google |
| Chile | Billetera de Google |
| República Checa | Peněženka, Google |
| Grecia | {0/} |
| Hong Kong | Google 錢包 |
| Lituania | Google Piniginė |
| Polonia | Portfel Google |
| Portugal | Carteira da Google |
| Rumania | Portofel Google |
| Eslovaquia | Peňaženka Google |
| Taiwán | Google 錢包 |
| Turquía | Google Cüzdan |
| Emiratos Árabes Unidos | مescuactivo Google |
| Ucrania | Google Гаманець |
|
Estados Unidos (español)
*Usa este nombre en EE.UU. si la IU está en español. |
Billetera de Google |
Tamaño
Ajusta la altura y el ancho del botón Agregar a la Billetera de Google para que se ajuste a tu diseño. Si hay otros botones en la página, el botón Agregar a la Billetera de Google debe ser igual o más grande. No hagas que el botón Agregar a la Billetera de Google sea más pequeño que otros botones.
Estilo
Los botones para agregar a Google Wallet están disponibles en dos variantes: principal y condensada. El botón Agregar a la Billetera de Google solo viene en negro. Se proporcionan versiones localizadas del botón. No crees botones con tu propio texto localizado.
| Principal | Condensed |
|---|---|
|
|
| Usa el botón principal sobre fondos blancos y claros. | Usa el botón condensado si no hay suficiente espacio para la instancia principal o de ancho completo. |
Espacio libre
Siempre mantén el espacio mínimo libre de 8 dp en todos los lados del botón Agregar a la Billetera de Google. Asegúrate de que el espacio libre nunca se rompa con gráficos o texto.
Altura mínima
Todos los botones Agregar a la Billetera de Google deben tener una altura mínima de 48 dp.
Qué sí hacer y qué no hacer
| Lo que se debe hacer | Precauciones |
|---|---|
| Sugerencia: Usa solo los botones para agregar a la Billetera de Google que proporciona Google. | Lo que no debes hacer:Crea tus propios botones Agregar a la Billetera de Google o altera la fuente, el color, el radio del botón o el padding dentro del botón de cualquier manera. |
| Sugerencia: Usa el mismo estilo de botón en todo el sitio. | Precaución: Haz que los botones Agregar a la Billetera de Google sean más pequeños que otros botones. |
| Sugerencia: Asegúrate de que el tamaño de los botones Agregar a la Billetera de Google sea igual o mayor que el de otros botones. | Qué no hacer: Alterar el color del botón. |
| Sugerencia: Mantén la misma proporción de botones cuando cambies el tamaño de los botones Agregar a la Billetera de Google. | Qué no hacer: Ajusta el botón libremente. |
| Sugerencia: Usa la versión localizada de los botones. | Lo que no debes hacer: Crea tu propia versión localizada del botón. |
Prácticas recomendadas para colocar los botones
Muestra el botón Agregar a la Billetera de Google en las pantallas de apps de confirmación, páginas web o correos electrónicos. Consulta las siguientes prácticas recomendadas para orientar el diseño de la IU.
ID del campus
Muestra el botón Agregar a la Billetera de Google en las pantallas de confirmación de la app.
Uso del nombre de un producto de Google Wallet en el texto
Puedes usar texto para indicarle al usuario que se guardó su ID del campus en su dispositivo.
Escribir en mayúscula la letra “G” y la “W”
Utiliza siempre una "G" mayúscula y una "W" mayúscula seguida de letras minúsculas para hacer referencia a Google Wallet. No escribas con mayúscula el nombre completo “Google Wallet”, a menos que coincida con el estilo tipográfico en la IU.
No abrevies Google Wallet
Escribe siempre las palabras "Google" y "Wallet".
Cómo hacer coincidir el estilo de su IU
Configura "Google Wallet" con el mismo estilo de fuente y tipográfico que el resto del texto de la IU. No imite el estilo tipográfico de Google.
Usar siempre la versión localizada de "Google Wallet"
Siempre escribe "Google Wallet" en la copia localizada proporcionada.