Saltar al contenido

Diseñar pases de Google Wallet en el creador de pases

El creador de pases de Google Wallet es un diseñador visual en el Panel de Control. Eliges un tipo de pase, rellenas la marca, los campos y un código de barras, ves una vista previa en vivo y creas el pase. Cuando generas el pase, Pushwoosh crea el objeto de pase en Google Wallet y devuelve un enlace para guardar de “Añadir a Google Wallet”.

Crear un pase

Anchor link to

En el Panel de Control, ve a Campañas → Wallet Passes, abre la pestaña de Google Wallet y haz clic en Crear pase.

Página de Wallet Passes con la pestaña de Google Wallet abierta y el botón Crear pase visible

Configurar el pase

Anchor link to
  • Desde cero: empieza con un pase vacío. Elige un tipo de pase, luego establece los campos, la apariencia, un código de barras y otras opciones tú mismo en las secciones siguientes.

  • Desde una plantilla: haz clic en Cargar plantilla, elige un pase predefinido en Seleccionar Plantilla (genérico, oferta, fidelización, entrada de evento, tarjeta de regalo, vuelo o transporte) y confirma. El formulario rellena automáticamente el tipo de pase, los campos, los colores y el código de barras. Edita cualquier valor o cambia el tipo según sea necesario.

Elegir un tipo de pase

Anchor link to

En TIPO DE PASE, elige uno de los siete tipos de pase de Google Wallet. El tipo controla el diseño de la tarjeta y qué campos están disponibles. Los pases con tipo utilizan el diseño nativo de Google. El pase genérico es de formato libre.

  • Genérico: tarjeta de formato libre con tus propios campos.
  • Oferta: cupones y descuentos.
  • Tarjeta de fidelización: tarjetas de fidelización y de membresía.
  • Entrada de evento: entradas para eventos.
  • Tarjeta de regalo: tarjetas de regalo y prepago.
  • Vuelo: tarjetas de embarque.
  • Transporte: billetes de tren, autobús, tranvía y ferry.

Rellenar los campos del pase

Anchor link to

Los campos que ves dependen del tipo de pase. Los campos obligatorios están marcados. Campos comunes por tipo:

Tipo de pase
Campos clave
GenéricoTítulo de la tarjeta*, Encabezado*, Subencabezado, campos de la tarjeta
OfertaTítulo*, Proveedor*, Detalles, Letra pequeña, Canal de canje (en tienda / en línea / ambos), Nombre del emisor
FidelizaciónNombre del programa*, Nombre del miembro, ID del miembro, Saldo de puntos, Etiqueta de puntos, Nivel de recompensas, Etiqueta de nivel, Nombre del emisor
Entrada de eventoNombre del evento*, Lugar, Dirección, Fecha y hora de inicio/fin, Titular de la entrada, Número de entrada, Tipo, Sección, Fila, Asiento, Puerta
Tarjeta de regaloNombre del comerciante*, Número de la tarjeta*, PIN, Saldo + moneda
VueloCódigo IATA de la aerolínea*, Número de vuelo*, Origen*, Destino*, Salida*, Nombre del pasajero*, Hora de embarque, Asiento, Clase, Grupo de embarque, Código de confirmación
TransporteTipo de transporte* (autobús / tren / tranvía / ferry / otro), Operador*, Pasajero*, Tipo de viaje, tramos del viaje (origen*, destino*, horas, andén, vagón, asiento)

* Requerido por Google.

Personalizar el contenido del pase

Anchor link to

Cada pase está vinculado a un User ID. Usa marcadores de posición de tags para mostrar datos únicos de ese usuario, por ejemplo, un saldo de puntos en una tarjeta de fidelización o el nombre del destinatario en una tarjeta de regalo. Emite un pase por User ID para que cada destinatario obtenga sus propios valores.

Para insertar un marcador de posición de tag:

  1. Junto a un campo de texto compatible (por ejemplo, Comerciante, Título de la tarjeta o Encabezado), haz clic en {} para insertar un tag.
  2. En TAG, selecciona el tag que deseas insertar en el campo.
  3. En FORMATO, elige cómo mostrar el valor del tag: Tal cual (usa el valor almacenado), Entero (redondea a un número entero), Precio (0.00) (muestra dos decimales) o Poner en mayúscula la primera letra (pone en mayúscula la primera letra).
  4. En FALLBACK, opcionalmente introduce un texto que se mostrará cuando el destinatario no tenga un valor para el tag.
  5. Haz clic en Insertar.
Campo de pase con el diálogo Insertar un tag abierto, mostrando las opciones de Tag, Formato y Fallback

Pushwoosh rellena los valores de los tags cuando creas el pase y los actualiza en cada actualización.

Establecer la apariencia

Anchor link to

En APARIENCIA, configura los colores, las imágenes, quién puede guardar el pase y la caducidad.

Introduce un código hexadecimal en Color de fondo, por ejemplo #FFFFFF para blanco. Incluye el # inicial y seis caracteres.

Pega un enlace HTTPS público en URL del logotipo. Requerido para pases de fidelización y de transporte.

Opcionalmente, pega un enlace en URL de la imagen principal para un banner ancho debajo de los detalles de la tarjeta en el anverso del pase. El tamaño recomendado es 1032×336 px.

Sección APARIENCIA con campos de color de fondo, URL del logotipo, URL de la imagen principal, Quién puede guardar el pase y Fecha de caducidad

Quién puede guardar el pase

Anchor link to

En Quién puede guardar el pase, selecciona quién puede añadir el pase a Google Wallet:

  • Un usuario, todos sus dispositivos (predeterminado): el pase está vinculado a una cuenta de Google y se sincroniza en todos los dispositivos de esa cuenta.
  • Un usuario, un dispositivo: el pase se guarda solo en un único dispositivo.
  • Cualquiera con el enlace: cada cuenta de Google que abra el enlace para guardar obtiene el mismo objeto de pase compartido. Cuando actualizas el pase, Google entrega el cambio a todos los titulares automáticamente.

Establece la Fecha de caducidad para cuando Google deba hacer caducar el pase, o déjalo vacío para que no caduque.

Añadir un código de barras

Anchor link to

En CÓDIGO DE BARRAS, elige un formato e introduce el valor a codificar:

  1. Formato: elige cómo se ve el código de barras y qué tipo de escáner puede leerlo.
    • QR_CODE: código cuadrado que la mayoría de los teléfonos y escáneres leen fácilmente. El mejor para la mayoría de los pases.
    • PDF_417: código de barras ancho compuesto por varias filas de líneas. A menudo se requiere para las tarjetas de embarque.
    • AZTEC: código cuadrado compacto, similar al QR. Común en entradas de eventos y de transporte.
    • CODE_128 / EAN_13: códigos de barras 1D. Elígelos solo si tu escáner o sistema de punto de venta los requiere.
  2. Valor: los datos codificados en el código de barras (por ejemplo, un número de entrada o de membresía). Para usar un valor único por usuario, haz clic en {} junto al campo e inserta un marcador de posición de tag.
  3. Texto alternativo: texto que se muestra debajo del código de barras en el pase.
Sección CÓDIGO DE BARRAS con los campos Formato, Valor y Texto alternativo

Añadir campos de detalles y enlaces

Anchor link to

En el anverso del pase, los usuarios ven la tarjeta principal. Cuando abren los detalles del pase (el reverso), pueden leer secciones adicionales y tocar los enlaces que añadas aquí.

  • Módulos de texto: bloques de texto adicionales en el reverso del pase. Establece un encabezado (el título de la sección) y un cuerpo (el texto). Úsalos para términos, instrucciones u otra información que no quepa en el anverso.
  • Enlaces: enlaces táctiles en el reverso del pase. Establece una URL y una descripción corta (por ejemplo, “Localizador de tiendas” o “Términos y condiciones”).
Secciones MÓDULOS DE TEXTO y ENLACES con los campos de encabezado, cuerpo, URL y descripción

Añadir un enlace a la aplicación (opcional)

Anchor link to

En ENLACE A LA APLICACIÓN, añade un botón en el anverso del pase que abra una página web o tu aplicación de Android al tocarlo. Puedes establecer una URL, un nombre de paquete de Android, o ambos.

Si solo estableces la URL, el botón abrirá esa dirección web en cualquier dispositivo. Si solo estableces un nombre de paquete, el botón funcionará en dispositivos Android que tengan la aplicación instalada, sin una alternativa web.

Sección ENLACE A LA APLICACIÓN con los campos de URL y nombre del paquete de Android

Añadir ubicaciones (opcional)

Anchor link to

En Relevancia basada en la ubicación, añade puntos de interés. Google muestra una notificación geocercada cuando el usuario está cerca de una ubicación que añadas. Por ejemplo, muestra una tarjeta de fidelización cerca de tu tienda, una entrada de evento cerca del lugar del evento, o una tarjeta de embarque cerca del aeropuerto.

Puedes añadir hasta 10 ubicaciones, cada una establecida por latitud y longitud.

Sección UBICACIONES con campos de latitud y longitud para añadir puntos de interés

Introducir un User ID

Anchor link to

Introduce el User ID de Pushwoosh para la persona que recibirá este pase.

Pushwoosh emite el pase a ese usuario y lo lista bajo USUARIO en Todos los pases.

Previsualizar y validar

Anchor link to

Una previsualización en vivo se actualiza a medida que editas, para que puedas ver aproximadamente cómo se verá el pase en Google Wallet.

Para comprobar el pase con los requisitos de Google sin crearlo, haz clic en Validar. El creador señalará los campos obligatorios que faltan y otros problemas.

Generar el pase

Anchor link to

Haz clic en Generar. Pushwoosh comprueba el pase y lo crea en Google Wallet. Obtendrás un enlace para guardar de Añadir a Google Wallet para compartir con los usuarios. En pocos segundos, el pase aparecerá en Todos los pases.

Para editar, obtener el enlace para guardar, invalidar y eliminar pases después de la creación, consulta Gestionar pases existentes.

Gestionar pases a través de la API

Anchor link to

Todo lo que hace el creador de pases también está disponible a través de la API de Google Wallet: crear, actualizar, listar, obtener un enlace para guardar, establecer el estado y eliminar pases.