Con el editor de pases de wallet de Brevo, puedes crear pases personalizados y con tu marca para Apple Wallet y Google Wallet, todo ello sin código. Personaliza el diseño, las imágenes y los colores para que reflejen tu identidad, inserta variables de personalización para adaptar el contenido a cada cliente y utiliza el geovallado para enviar notificaciones en función de la ubicación.

Antes de empezar 

Antes de diseñar un pase, debes:

• Añadir tus certificados de Apple y Google a Brevo.
  ➡️ Para obtener más información, consulta nuestros artículos dedicados: Crear, añadir o ampliar un certificado de Apple para Brevo Wallet y Crear y añadir un certificado de Google para Brevo Wallet.
• Crear un pase de wallet

Comprender la estructura de un pase de wallet 

Antes de diseñar tu pase, debes comprender cómo está estructurado. Los pases de Apple Wallet y Google Wallet tienen cada uno su diseño y estructura de campos y deben configurarse por separado. 

Haz clic en las pestañas siguientes para explorar la estructura de cada tipo de pase y sus secciones:

Pase de wallet de Apple Pase de wallet de Google

↪️ Ver el reverso

Los pases de wallet tienen un anverso y un reverso. El anverso muestra tu marca y la información clave de un solo vistazo. 
Despliega los siguientes acordeones para obtener más información sobre cada sección del anverso del pase de Apple Wallet:

🔴 Encabezado

La sección Header (Encabezado) aparece en la parte superior del pase y siempre está visible, incluso cuando el pase no está abierto. Normalmente contiene el nombre y el logo de tu organización o marca.

1. Logo del pase
   Pequeña imagen situada en la esquina superior izquierda del pase, normalmente el logo de tu marca.
2. Texto del logo
   Breve etiqueta que aparece junto a tu logo, normalmente el nombre de tu marca.
3. Campos
   Añade hasta dos campos en la esquina superior derecha del pase, como el nombre y los apellidos del cliente. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes.

🟠 Principal

La sección Primary (Principal) ocupa la franja central del anverso del pase y la zona más destacada visualmente. Suele contener un banner con una imagen. Utilízala para resaltar información clave de un solo vistazo, como un nivel de fidelización, el importe de un descuento o el nombre de un evento.

1. Fondo de la franja
   Imagen de banner en el centro del pase.
2. Campos
   Añade un campo para mostrar información clave, como el nombre del programa de fidelización o el nivel de membresía, encima de la imagen de banner. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes.

🟡 Secundario

La sección Secondary (Secundario) muestra campos adicionales debajo de la sección principal. Añade hasta cuatro campos para mostrar información complementaria, como el nombre del programa, la fecha de caducidad o el nivel de membresía. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes. También puedes configurar la alineación del texto para cada campo: a la izquierda, al centro o a la derecha.

🟢 Código de barras

La sección Barcode (Código de barras) te permite configurar el código escaneable del pase que se puede utilizar en un punto de venta o en la entrada a un evento. Puede ser un código QR o un código de barras estándar, y su valor se puede personalizar para cada contacto.

Para configurar un código de barras: 

1. Activa o desactiva la opción Show barcode (Mostrar código de barras).
2. Selecciona el formato del código de barras, por ejemplo Code128 o QR code (Código QR).
3. Selecciona la codificación del código de barras, por ejemplo, ISO88591.
4. Introduce el valor del código de barras que se va a codificar, normalmente un ID de contacto único. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes. 
   
5. En el campo Alternative text (Texto alternativo), introduce un texto legible para los usuarios que se mostrará debajo del código de barras, por ejemplo, el ID de contacto. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes. 

Los pases de wallet tienen un anverso y un reverso. El reverso contiene detalles adicionales que tu cliente puede leer tocando el icono de información en su dispositivo. 
Despliega el siguiente acordeón para obtener más información sobre la sección del reverso del pase de Apple Wallet:

🟣 Información de texto

La sección Text information (Información de texto) controla el contenido que se muestra en el reverso del pase cuando un contacto lo selecciona en su wallet. Se puede utilizar para instrucciones, términos y condiciones, datos de contacto, instrucciones de canje, datos de la cuenta o cualquier información adicional que tu cliente pueda necesitar.

1. Nombre del pase
   El nombre que se muestra en la parte superior. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes.
2. Campos
   Añade hasta 10 campos para detalles como términos y condiciones, datos de contacto o instrucciones de canje. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes.

↪️ Ver el reverso

Los pases de wallet tienen un anverso y un reverso. El anverso muestra tu marca y la información clave de un solo vistazo. 
Despliega los siguientes acordeones para obtener más información sobre cada sección del anverso del pase de Google Wallet:

🔴 Encabezado

La sección Header (Encabezado) aparece en la parte superior del pase y siempre está visible, incluso cuando el pase no está abierto. Normalmente contiene el nombre y el logo de tu organización o marca.

1. Logo
   Pequeña imagen situada en la esquina superior izquierda del pase, normalmente el logo de tu marca.
2. Título del pase
   Breve etiqueta que aparece junto a tu logo, normalmente el nombre de tu marca.
3. Texto del subtítulo
   Subtítulo opcional que se muestra debajo del título del pase.
4. Texto del encabezado
   El encabezado principal que se muestra de forma destacada en el pase, por ejemplo, el nombre del programa de fidelización. 

🟡 Cuerpo

La sección Body (Cuerpo) te permite añadir filas de información al anverso del pase. Normalmente incluye el nombre del cliente y campos clave como el saldo de puntos, el nivel de membresía o la información del evento. Puedes añadir hasta tres filas, y cada una puede contener uno o varios campos.  

🟢 Código de barras

La sección Barcode (Código de barras) te permite configurar el código escaneable del pase que se puede utilizar en un punto de venta o en la entrada a un evento. Puede ser un código QR o un código de barras estándar, y su valor se puede personalizar para cada contacto.

Para configurar un código de barras: 

1. Activa o desactiva la opción Show barcode (Mostrar código de barras).
2. Selecciona el formato del código de barras, por ejemplo Code128 o QR code (Código QR).
3. Introduce el valor del código de barras que se va a codificar, normalmente un ID de contacto único. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes. 
   
4. En el campo Alternative text (Texto alternativo), introduce un texto legible para los usuarios que se mostrará debajo del código de barras, por ejemplo, el ID de contacto. Utiliza el icono de Añadir variable { } para insertar una variable de personalización que se adaptará a cada uno de tus clientes. 

🟠 Imagen

La sección Image (Imagen) te permite subir una imagen principal que se muestra en la parte inferior del pase para reforzar la identidad de tu marca, destacar una promoción o mostrar elementos visuales específicos de cada nivel. Puede ser un banner o una imagen principal que se muestra en la parte inferior de la tarjeta.

Haz clic en Change image (Cambiar imagen) para utilizar una imagen de tu biblioteca de contenido, o haz clic en el icono de eliminar para borrarla. 

Los pases de wallet tienen un anverso y un reverso. El reverso contiene detalles adicionales que tu cliente puede leer tocando el icono de información en su dispositivo. 
Amplía los siguientes acordeones para obtener más información sobre cada sección del reverso del pase de Google Wallet:

🟣 Contenido adicional

La sección Additional content (Contenido adicional) controla el contenido que se muestra en el reverso del pase cuando un contacto lo selecciona en su wallet. Se puede utilizar para instrucciones, términos y condiciones, datos de contacto, instrucciones de canje, datos de la cuenta o cualquier información adicional que tu cliente pueda necesitar.

🔵 Enlaces

La sección Links (Enlaces) te permite añadir enlaces en los que se puede hacer clic en el reverso del pase. Se puede utilizar para añadir enlaces que dirijan a tu sitio web, tienda online, servicio de asistencia o cualquier otra URL. Añade una etiqueta a cada enlace para que los clientes sepan adónde les lleva. Hay disponibles tres tipos de enlaces:

1. Email
   Introduce una descripción y añade un enlace que abrirá el buzón preferido de tu cliente con una ventana de redacción de email dirigida a una dirección específica.
2. Teléfono
   Introduce una descripción y añade un enlace que iniciará una llamada telefónica.
3. URL
   Añade un enlace a una página web. Introduce una descripción y el URI de destino.

Paso 1: Configurar el estilo del pase de wallet

La pestaña Style (Estilo) te permite definir los colores del texto y del fondo de tu pase de wallet.  Haz clic en el icono de color situado junto al elemento al que quieres aplicar un color específico. Puedes elegir un color, introducir su código o utilizar el color de tu marca.

Paso 2: Configurar y personalizar el pase de wallet

La pestaña Content (Contenido) es donde defines el texto, las imágenes y los datos que se muestran en tu pase de wallet. Utilízala para:

• Añadir y mover campos para insertar y reorganizar la información que se muestra en tu pase.
• Añadir un código de barras para mostrar un código único y escaneable en el pase de cada contacto.
• Insertar variables de personalización para mostrar información individual, como el nombre de un cliente o sus puntos de fidelización.

Añadir y mover campos dentro del pase

Para insertar y mover un campo dentro del diseño de tu wallet: 

1. En el editor de wallet, abre la sección en la que quieras añadir o mover un campo.
2. Haz clic en + Add field (Añadir campo) para insertar un nuevo campo y complétalo con su etiqueta y su valor. 
3. Haz clic en Save (Guardar). 
4. Haz clic y mantén pulsado el icono de arrastrar situado junto al nombre del campo y arrástralo hasta la posición en la que quieras colocarlo.
    

Añadir un código de barras al pase

Puedes añadir un código de barras al diseño de tu tarjeta wallet para que la tarjeta de cada contacto muestre un código escaneable. Esto resulta útil para programas de fidelización, acceso a eventos o cualquier caso de uso que requiera un identificador único por contacto.

Para insertar un código de barras en el diseño de tu wallet:

1. En el editor de wallet, abre la sección de códigos de barras de tu diseño para Apple Wallet o Google Wallet.
2. Activa la opción Show barcode (Mostrar código de barras).
3. Selecciona un formato de código de barras. Los siguientes formatos están disponibles tanto para Apple Wallet como para Google Wallet:
   • Código QR: un código de matriz cuadrada, ampliamente compatible con las cámaras de los smartphones.
   • Código 128: un código de barras lineal (1D), que suele utilizarse para datos alfanuméricos, como números de pedido o de membresía.
   • Aztec: un código cuadrado compacto que funciona bien en condiciones de impresión de baja resolución.
   • PDF417: un código de barras lineal apilado que puede almacenar mayores cantidades de datos y se utiliza habitualmente en documentos de transporte o de identidad.
4. Si el wallet es para Apple Wallet, selecciona una codificación para definir cómo se codifican los datos del código de barras:
   • ISO88591: codificación de caracteres estándar de Europa Occidental.
   • ISO88591 Short: una variante compacta de ISO-8859-1.
   • UTF8: admite una gama más amplia de caracteres, incluidos los acentuados y los alfabetos no latinos.
5. Introduce el valor del código de barras. Se trata de los datos codificados en el código de barras, es decir, la información que leerá el escáner. Puedes introducir un valor fijo o insertar una variable de personalización (por ejemplo, un número de tarjeta de fidelidad único para cada contacto).
6. (Opcional) Introduce un texto alternativo. Se trata del texto legible para los usuarios que se muestra debajo del código de barras. Puedes introducir un valor fijo o insertar una variable de personalización.

Insertar variables de personalización en el pase

Puedes personalizar la tarjeta wallet de cada contacto insertando atributos de contacto o variables de fidelización directamente en el diseño de tu wallet. Esto te permite mostrar información individual, como el nombre de un contacto o sus puntos de fidelización, en cada tarjeta generada.

Para insertar una variable de personalización en el diseño de tu wallet:

1. En el editor de wallet, abre una sección y añade o elige un campo en el que quieras insertar una variable.
2. Haz clic en el icono de Insertar variable { }.
3. Selecciona la categoría de la variable:
   • Contact attributes (Atributos de contacto) para insertar información a nivel de contacto, como el nombre, los apellidos o la dirección de email.
   • Loyalty (Fidelización) para insertar datos específicos de fidelización, como el saldo de puntos o el nombre del nivel.
4. Selecciona la variable específica que quieras insertar. Se añadirá en la posición del cursor dentro del bloque de texto.

Tu variable de personalización ya está insertada. Al abrir tu tarjeta wallet, cada uno de tus contactos verá su información individual, en este caso su nombre. 

(Opcional) Paso 3: Traducir el pase

Si quieres que tu pase llegue a los contactos en su idioma preferido, puedes configurar varias versiones de idioma directamente desde el editor de pases. Cada contacto recibirá automáticamente la versión que coincida con el idioma almacenado en sus atributos de contacto:

➡️ Para obtener más información cómo traducir tu pase de wallet, consulta nuestro artículo dedicado Traducir los pases de wallet a varios idiomas.

(Opcional) Paso 4: Configurar notificaciones de geovallado

Gracias a la geovalla, podrás atraer a los clientes en el lugar y el momento adecuados enviándoles notificaciones cuando se acerquen a una de tus tiendas.

Añade las ubicaciones de tus tiendas a tu cuenta de Brevo y configura notificaciones basadas en la ubicación. Elige qué tienda activa la notificación, personaliza el mensaje que recibirán los clientes cuando estén cerca y utiliza el icono de Añadir variable { } para personalizarlo para cada cliente.

➡️ Para obtener más información sobre cómo configurar notificaciones basadas en la ubicación, consulta nuestro artículo dedicado Enviar notificaciones de geovallado a los titulares de pases de wallet.

Paso 5: Guardar y compartir el pase

Ahora que tu pase está diseñado tanto para Apple Wallet como para Google Wallet, haz clic en Save & quit (Guardar y salir) para guardar tu diseño. Tu pase estará disponible en Marketing > Wallet.

Cuando tu pase esté listo, comparte el enlace de instalación con tus clientes. Cuando pulsen en el enlace, se les pedirá que añadan el pase a su aplicación Apple Wallet o Google Wallet.

Puedes distribuir el enlace a través de cualquier canal, por ejemplo:

• Campañas de email o SMS
  Incluye el enlace en una campaña de Brevo para llegar a tus contactos directamente.
• Tu sitio web
  Añade un botón o enlace "Añadir a wallet" en una página relevante, como la de confirmación del pago o la del programa de fidelización.
• Tu aplicación móvil o web
  Incorpora el enlace en un punto relevante del recorrido del cliente.
• Materiales impresos o señalización en tienda
  Convierte el enlace en un código QR que los clientes puedan escanear en el momento.

➡️ Para obtener más información sobre cómo compartir tu pase de wallet, consulta nuestro artículo dedicado Impulsar la captación de tarjetas wallet con diferentes puntos de contacto.

⏭️ ¿Qué es lo siguiente?

• Crear una campaña wallet
• Configurar una automatización para notificar a los contactos de wallet o trasladarlos a otro pase
• Enviar notificaciones de geovallado a los titulares de pases de wallet

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con la agencia partner de Brevo adecuada.