Genérico
El pase genérico es el tipo de pase más versátil disponible en Apple Wallet y Google Wallet. Está diseñado para los casos de uso que no corresponden a una categoría dedicada — tarjetas de socio, tarjetas regalo, cupones, credenciales de acceso, bonos y cualquier otro tipo de pase que requiera un diseño flexible y personalizado.
Para crear una nueva plantilla de pase genérico, acceda al módulo «Plantillas de pases» (Hub > Wallet > Plantillas de pases).
Haga clic en el botón Crear una plantilla de pase.
Una vez creada su plantilla, deberá definir las personalizaciones de la plantilla desde el módulo Plantillas de pases.
Debe crearse una plantilla por caso de uso. Si emite pases para diferentes programas o tipos de tarjetas, cree una plantilla por tipo.
Paso 1 - Configuración
Este primer paso le permite definir la información básica de su plantilla:
- Nombre: el nombre interno de su plantilla. Solo es visible para usted y su equipo en su licencia. Recomendamos adoptar una convención de nomenclatura clara.
- Tipo: el tipo de su plantilla de pase. Determina el diseño visual y los campos disponibles para esta plantilla.
El nombre de su plantilla es el que aparece en su lista de pases y en los informes. Si prevé emitir pases para varios programas o tipos de tarjetas, incluya este contexto en el nombre desde el principio.
Paso 2 - Campos
Los campos son los datos que alimentan sus pases. Cada campo que desee mostrar o utilizar, ya sea fijo o personalizado, debe definirse aquí en primer lugar.
Existen dos tipos de campos:
- Campos comunes: el valor es fijo e idéntico para todos los pases generados a partir de esta plantilla. No puede modificarse al crear el pase. Utilícelos para los datos idénticos para todos los titulares: nombre de su organización, colores de su marca.
- Campos de pase: el valor puede sustituirse al crear el pase. El valor definido aquí es el valor predeterminado, utilizado si no se proporciona ningún otro valor. Utilícelos para los datos variables por titular: nombre del titular, identificador de socio, saldo de la cuenta.
Deberá añadir todos los campos que utilizará en su plantilla de pase. Estos campos podrán incluirse en sus pases y determinarán los datos mostrados a los usuarios. En el paso 3, definirá dónde se mostrarán estos campos en el pase.
Los campos que deban personalizarse según los atributos del perfil deberán configurarse en las personalizaciones de la plantilla.
Es posible que observe que algunos campos aparecen tanto en los campos comunes como en los campos de pase — por ejemplo backgroundColor. Esto es intencionado: Apple Wallet permite personalizar ciertas propiedades a nivel del pase individual, lo que significa que cada pase emitido puede tener su propio valor. Google Wallet, en cambio, no admite este nivel de personalización para estas mismas propiedades y requiere un valor único compartido por todos los pases. Si emite pases para ambas plataformas, definir el campo en ambas secciones garantiza la máxima flexibilidad.
Campos comunes
Los campos comunes definen los datos compartidos por todos los pases generados a partir de esta plantilla.
Los campos comunes son compartidos por todos los pases generados a partir de esta plantilla. Sus valores solo pueden modificarse actualizando la plantilla directamente. Tenga en cuenta que las modificaciones realizadas en los campos comunes solo se aplicarán a los pases recién creados. Los pases existentes solo pueden actualizarse mediante una campaña de actualización.
| Clave | Tipo | Descripción |
|---|---|---|
issuerName | String | El nombre de la organización emisora del pase (ej.: Mi Empresa). Se muestra en el pase y es utilizado por los lectores de pantalla. |
hexBackgroundColor | Color | El color de fondo del pase de Google Wallet, definido en código hexadecimal (ej.: #FFFFFF). |
Campos de pase
Los campos de pase controlan la apariencia visual del pase y los datos personalizados que se muestran para cada titular.
A diferencia de los campos comunes, estos campos están reservados para las propiedades que contienen los datos únicos de un pase específico emitido para un usuario específico. Estos campos pueden modificarse al crear o actualizar un pase.
| Clave | Tipo | Descripción |
|---|---|---|
backgroundColor | Color | El color de fondo del pase de Apple Wallet en formato hexadecimal (ej.: #FFFFFF). |
foregroundColor | Color | El color del texto principal del pase de Apple Wallet (ej.: #000000). Asegure un contraste suficiente con el color de fondo para garantizar la legibilidad. |
labelColor | Color | El color de las etiquetas de campo del pase de Apple Wallet (ej.: #000000). Las etiquetas son los pequeños títulos que se muestran encima de cada valor. |
icon | Image | El icono de la aplicación que se muestra en la lista de pases y en las notificaciones del sistema. Tamaño: 29×29 pt (@2x: 58×58 px). PNG con fondo transparente. |
logo | Image | Su logotipo que se muestra en la esquina superior izquierda del pase. Tamaño: 160×50 pt (@2x: 320×100 px). Fondo transparente obligatorio. |
thumbnail | Image | Una imagen cuadrada que se muestra en el lado derecho del pase de Apple Wallet. Tamaño: 90×90 pt (@2x: 180×180 px). |
genericLogo | Image | El logotipo que se muestra en el pase de Google Wallet. Tamaño recomendado: 256×256 px. |
genericWideLogo | Image | Un logotipo amplio que se muestra en el pase de Google Wallet, utilizado como alternativa al logotipo estándar. Tamaño recomendado: 1032×336 px. |
heroImage | Image | Una imagen de banner a todo ancho que se muestra en el pase de Google Wallet. Tamaño recomendado: 1032×336 px. |
cardTitle | String | El título de la tarjeta, que se muestra de forma destacada en el pase de Google Wallet. |
header | String | El texto de encabezado que se muestra en el pase de Google Wallet. |
cardTitle, header y cualquier otro dato a nivel del pase son los campos que generalmente inyectará de forma dinámica al emitir el pase, ya que varían según el titular.
Añadir y eliminar campos
Tiene la posibilidad de eliminar campos marcando la casilla a la izquierda del campo y haciendo clic en Eliminar campos.
También tiene la posibilidad de añadir campos si faltan algunos. Haga clic en Añadir un campo.
Para el campo añadido, deberá elegir:
- el tipo: string, blob, date, number, money, color, image, JSON o boolean
- la clave: el nombre técnico del campo
- el valor: el valor predeterminado del campo
Paso 3 - Diseño
Una vez añadidos todos los campos que desea utilizar en su plantilla en el segundo paso, podrá definir cómo se renderizará su pase en cada plataforma. Este paso está dividido en dos pestañas, una para Apple Wallet y otra para Google Wallet.
- Apple Wallet
- Google Wallet
Apple Wallet
La pestaña Apple Wallet está dividida en cuatro subpestañas: General, Diseño, Datos y Semántica.
La plantilla genérica se presenta de la siguiente manera:
General
En esta pestaña, puede personalizar la información básica de su pase. Para cada campo:
- Puede elegir campos comunes o campos de pase que haya definido en el paso anterior. Solo estarán disponibles los campos con el formato esperado.
- Puede añadir un nuevo campo: si olvidó añadir un campo en el paso anterior, puede añadirlo aquí y se añadirá automáticamente a la lista de campos del paso 2.
- Puede optar por usar otro valor, un valor estático que no prevé reutilizar en otros campos.
La siguiente tabla presenta los campos y su descripción.
| Campo | Descripción |
|---|---|
| Nombre de la organización | El nombre que se muestra en el pase. Generalmente el nombre de su marca o de su organización. Asócielo a su campo issuerName. |
| Descripción | Una breve descripción textual utilizada por las herramientas de accesibilidad y la búsqueda en el dispositivo. |
| Identificadores de App Store | Vincula su pase a una aplicación en la App Store. Aparece un banner invitando al usuario a instalar su aplicación en el reverso del pase. |
| URL de lanzamiento de la aplicación | Una URL que abre directamente su aplicación cuando se selecciona desde el pase. Requiere un identificador de App Store. |
| Información de usuario | Un campo de metadatos para transmitir datos personalizados no mostrados con el pase. Útil para el seguimiento interno o la vinculación con el CRM. |
| Impedir el uso compartido de pases | Cuando está activado, impide que el usuario transfiera el pase a otras personas. |
Diseño
La subpestaña Diseño corresponde directamente a los campos de pase definidos en el segundo paso. Seleccione el campo correspondiente para cada elemento visual mediante el menú desplegable.
Para el pase genérico, los elementos visuales disponibles son: Texto del logotipo, Icono (29×29 pt, @2x: 58×58 px), Logotipo (160×50 pt, @2x: 320×100 px), Miniatura (90×90 pt, @2x: 180×180 px), Color de fondo, Color de primer plano y Color de etiquetas.
En el lado derecho de su pantalla dispone de una vista previa de su plantilla de pase.
Datos
La subpestaña Datos le permite asignar sus campos a las zonas visuales del pase (Encabezado, Principales, Secundarios, Auxiliares y Reverso). Utilice las columnas Etiqueta, Clave y Valor para controlar lo que se muestra en cada zona y en qué orden.
Para cada zona del pase:
-
Puede añadir un campo, para el que deberá definir diferentes propiedades. Tenga en cuenta que aquí está definiendo el diseño del pase. Por lo tanto, definirá las etiquetas a mostrar y el valor a presentar. Estos dos elementos no provienen necesariamente del mismo campo definido en el paso 2.
- Clave: la clave única para la combinación etiqueta/valor
- Etiqueta: la etiqueta del campo, que es la parte que se muestra arriba
- Valor: el valor del campo, que es la parte que se muestra abajo
- Alineación: la alineación del campo
-
Puede eliminar un campo de esta zona del pase marcando la casilla a la izquierda del campo y haciendo clic en Eliminar campos.
-
Puede modificar un campo haciendo clic en él.
El orden de los campos en cada zona determina su orden de visualización de izquierda a derecha en el pase. Utilice la vista previa en tiempo real a la derecha para verificar el diseño a medida que realiza la configuración.
Las zonas disponibles para el pase genérico son:
| Zona | Descripción |
|---|---|
| Campos de encabezado | Se muestran en la parte superior del pase, junto al logotipo. Visibles en la lista de pases sin abrir el pase. Úselos para el identificador más crítico (ej.: tipo de tarjeta, nivel de socio). |
| Campos principales | El campo más destacado en el anverso del pase. Úselo para la información más importante (ej.: nombre del titular, identificador de socio). |
| Campos secundarios | Se muestran bajo el campo principal. Úselos para la información complementaria (ej.: fecha de vencimiento, saldo de la cuenta). |
| Campos auxiliares | Se muestran bajo los campos secundarios. Úselos para los detalles adicionales. |
| Campos en el reverso | Se muestran en el reverso del pase (cuando el usuario pulsa el botón ⓘ). Úselos para las condiciones generales, los datos de contacto o cualquier información que no necesite ser inmediatamente visible. |
Semántica
Las semánticas son metadatos legibles por máquinas que Apple utiliza para alimentar funciones del sistema como las sugerencias de Siri, la búsqueda Spotlight y la visualización proactiva en la pantalla de bloqueo. No son visibles en el pase en sí — funcionan silenciosamente en segundo plano para hacer su pase más inteligente.
Para los pases genéricos, las semánticas están organizadas en dos categorías:
Tarificación
| Campo | Descripción |
|---|---|
| Código de divisa | El código de divisa ISO 4217 para el valor del pase (ej.: EUR, USD). |
| Importe | El importe asociado al pase (ej.: saldo de una tarjeta regalo o valor de un bono). |
Otros
| Campo | Descripción |
|---|---|
| Acceso Wi-Fi | Una o varias redes Wi-Fi a las que se puede conectar automáticamente cuando el pase es relevante. Añada una red haciendo clic en Añadir una red e introduciendo el SSID y la contraseña. |
Rellenar las semánticas es opcional pero recomendable — permite a iOS mostrar su pase de forma contextual sin ningún esfuerzo adicional de su parte.
Para cada semántica:
- Puede elegir campos comunes o campos de pase que haya definido en el paso anterior. Solo estarán disponibles los campos con el formato esperado.
- Puede añadir un nuevo campo: si olvidó añadir un campo en el paso anterior, puede añadirlo aquí y se añadirá automáticamente a la lista de campos del paso 2.
- Puede optar por usar otro valor, un valor estático que no prevé reutilizar en otros campos.
Google Wallet
La pestaña Google Wallet está dividida en cuatro subpestañas: General, Diseño, Datos comunes y Datos del pase.
General
En esta pestaña, puede personalizar la información básica de su pase. Para cada campo:
- Puede elegir campos comunes o campos de pase que haya definido en el paso anterior. Solo estarán disponibles los campos con el formato esperado.
- Puede añadir un nuevo campo: si olvidó añadir un campo en el paso anterior, puede añadirlo aquí y se añadirá automáticamente a la lista de campos del paso 2.
- Puede optar por usar otro valor, un valor estático que no prevé reutilizar en otros campos.
La siguiente tabla presenta los campos y su descripción.
| Campo | Descripción |
|---|---|
| Activar Smart Tap | Activa las interacciones sin contacto NFC para los terminales compatibles con Google Smart Tap. |
| Animación de seguridad | Un patrón de seguridad animado que se muestra en el pase para prevenir la falsificación. |
| Requisito de desbloqueo | Define si el dispositivo debe estar desbloqueado para mostrar el pase. |
| Múltiples dispositivos y titulares permitidos | Controla si el pase puede ser guardado por varios usuarios. Por defecto: Multiple Users. |
| URL de la página de inicio | Una URL que se muestra en el pase y enlaza a su sitio web o a la página de su programa. |
| Elegibilidad para capturas de pantalla | Controla si el pase puede capturarse en pantalla en el dispositivo. |
| Restricción NFC | Define restricciones adicionales sobre el comportamiento de las interacciones NFC. |
Diseño
La subpestaña Diseño corresponde directamente a los campos de pase definidos en el paso 2. Para Google Wallet, dos elementos visuales son configurables: la imagen principal (516×168 pt, subida en @2x: 1032×336 px) y el color de fondo. Seleccione el campo de pase correspondiente para cada uno mediante el menú desplegable.
Datos comunes
La subpestaña Datos comunes asocia sus campos comunes a la plantilla de datos estructurada de Google Wallet. Seleccione el campo común correspondiente para cada ubicación mediante el menú desplegable.
Para cada campo:
- Puede elegir campos comunes que haya definido en el paso anterior. Solo estarán disponibles los campos con el formato esperado.
- Puede añadir un nuevo campo: si olvidó añadir un campo en el paso anterior, puede añadirlo aquí y se añadirá automáticamente a la lista de campos del paso 2.
- Puede optar por usar otro valor, un valor estático que no prevé reutilizar en otros campos.
Datos genéricos
| Campo | Descripción |
|---|---|
| Nombre del emisor | El nombre de la organización emisora del pase. |
Datos del pase
La subpestaña Datos del pase asocia sus campos de pase a los datos que se muestran en cada pase individual de Google Wallet.
Para cada campo:
- Puede elegir campos de pase que haya definido en el paso anterior. Solo estarán disponibles los campos con el formato esperado.
- Puede añadir un nuevo campo: si olvidó añadir un campo en el paso anterior, puede añadirlo aquí y se añadirá automáticamente a la lista de campos del paso 2.
- Puede optar por usar otro valor, un valor estático que no prevé reutilizar en otros campos.
Datos de tarjetas genéricas
| Campo | Tamaño recomendado | Descripción |
|---|---|---|
| Título de la tarjeta | — | El título que se muestra de forma destacada en el pase de Google Wallet. Corresponde a cardTitle. |
| Logotipo | 256×256 px | Un logotipo cuadrado que se muestra en el pase. Corresponde a genericLogo. |
| Logotipo amplio | 1032×336 px | Un logotipo amplio que se muestra en el pase, utilizado como alternativa al logotipo estándar. Corresponde a genericWideLogo. |
| Encabezado | — | El texto de encabezado que se muestra en el pase. Corresponde a header. |
| Subtítulo | — | Un texto secundario que se muestra bajo el encabezado. |
Notificaciones
| Campo | Descripción |
|---|---|
| Tipo de notificación | Define el tipo de notificación enviada al usuario cuando se actualiza el pase. |
Enlaces de aplicación
Utilice esta sección para proporcionar información sobre una aplicación complementaria. Puede configurar enlaces por separado para Android, iOS y Web.
| Campo | Descripción |
|---|---|
| Imagen del logotipo de la aplicación | El logotipo de la aplicación complementaria, que se muestra junto al enlace. |
| URL de la aplicación | La URL o el enlace profundo hacia la aplicación complementaria. |
| Título | El título del enlace hacia la aplicación. |
| Descripción | Una breve descripción que se muestra con el enlace. |
Otros
Utilice esta sección para enriquecer el reverso del pase de Google Wallet con contenido adicional.
| Campo | Descripción |
|---|---|
| Mensajes | Mensajes contextuales que se muestran al titular del pase. Haga clic en Añadir un mensaje para añadir uno. |
| Imágenes | Imágenes adicionales que se muestran en el pase. Haga clic en Añadir una imagen para añadir una. |
| Textos informativos | Bloques de texto informativo (ej.: condiciones generales). Haga clic en Añadir un texto informativo para añadir uno. |
| Enlaces | Enlaces externos que se muestran en el pase (ej.: su sitio web o la página de su programa). Haga clic en Añadir un enlace para añadir uno. |
Previsualice siempre las versiones Apple Wallet y Google Wallet de su pase antes de publicarlo. La vista previa en tiempo real en el lado derecho de la pantalla se actualiza al instante a medida que realiza la configuración.
Paso 4 - Pertinencia
La pertinencia define cuándo y dónde su pase se muestra automáticamente en la pantalla de bloqueo del usuario, sin necesidad de activar manualmente una notificación.
Localizaciones
Añada coordenadas GPS para activar la visualización del pase en la pantalla de bloqueo cuando el usuario entre en un radio definido alrededor de un lugar. Para los pases genéricos, los casos de uso más relevantes son:
- Sus tiendas o lugares
- Los puntos de servicio o de validación
Haga clic en Añadir una ubicación para añadir un nuevo lugar. Puede añadir varias localizaciones por plantilla.
Las localizaciones son compartidas entre Apple Wallet y Google Wallet.
Beacons (solo Apple Wallet)
Los beacons BTLE permiten una activación ultra-precisa en interiores, imposible de lograr con el GPS. Si sus lugares han desplegado beacons Bluetooth, puede configurar el pase para que se muestre automáticamente cuando el dispositivo del usuario detecte un beacon específico.
Configure cada beacon con su UUID, y opcionalmente sus valores Major y Minor para una segmentación más precisa.
La pertinencia por beacon requiere un despliegue físico de hardware beacon in situ. Coordínese con el operador del lugar antes de configurar esta opción.
Paso 5 - Código de barras
El código de barras es el elemento escaneable que conecta su pase digital con su infraestructura física de validación o control de acceso.
| Formato | Descripción | Recomendación |
|---|---|---|
| None | Ningún código de barras se muestra en el pase. | Solo si su validación se basa exclusivamente en NFC. |
| QR Code | Código de barras matricial 2D. Gran capacidad de datos, escaneo rápido, ampliamente compatible. | Recomendado para la mayoría de los casos de uso. |
| PDF417 | Código de barras apilado 2D. | Utilícelo si su sistema de validación requiere específicamente el PDF417. |
| 1D (Code 128) | Código de barras lineal. Baja capacidad de datos. | Adecuado para implementaciones simples con códigos cortos. |
| Aztec | Código de barras matricial 2D. Compacto y eficiente, nativo de Apple Wallet. | Adecuado si su infraestructura de escaneo lo admite. |
El QR Code es el formato más universalmente compatible. Si su infraestructura de validación existente utiliza un formato de código de barras específico, utilícelo aquí para garantizar la compatibilidad con sus escáneres.