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.
   • Expresión para insertar una regla condicional (declaración if) para mostrar u ocultar contenido de forma dinámica en función de los datos del destinatario, como mostrar un contenido específico solo a clientes VIP y no a otros. 
     
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.

Paso 4: Configurar las opciones avanzadas

Accede a la pestaña Advanced (Avanzado) para ir más allá y enviar notificaciones basadas en la ubicación, personalizar la página en la que los clientes añaden tu pase, elegir cómo aparece tu organización en las notificaciones y controlar si tu pase se puede compartir.

📍 Geovallado

Gracias al geovallado, 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.

✅ Personalizar la página de inscripción

La página de inscripción es la página que ven los clientes cuando abren el enlace de instalación de tu pase. Personaliza su título, subtítulo y logotipo para que se ajusten a tu marca y a tu mensaje. Si dejas un campo vacío, Brevo utilizará el contenido predeterminado.

Para personalizar tu página de inscripción:

1. En la pestaña Advanced (Avanzado), desplázate hacia abajo hasta la sección Enrollment page settings (Configuración de la página de inscripción).
2. En el campo Main title (Título principal), introduce el título que aparece en la parte superior de la página de inscripción.
   
3. En el campo Subtitle (Subtítulo), introduce el texto complementario que acompaña al título. Este texto solo se muestra en equipos de escritorio.
4. (Opcional) Haz clic en el icono Añadir variable { } junto a un campo para insertar una variable de personalización, como el nombre del contacto.
5. Junto a Logo (Logotipo), haz clic en Select image (Seleccionar imagen) y elige el logotipo que quieres mostrar en la página de inscripción de la biblioteca de contenido. Recomendamos utilizar una imagen cuadrada.

📇 Personalizar el nombre y el logotipo de la notificación

Define cómo aparece tu pase en el wallet de tus clientes cuando se envía una actualización. Elige el nombre y el icono que se mostrarán en la notificación para que los clientes reconozcan tu marca de inmediato en lugar del nombre legal de tu organización.

Para personalizar cómo aparece tu pase en las notificaciones:

1. En la pestaña Advanced (Avanzado), desplázate hacia abajo hasta la sección Notification settings (Configuración de notificaciones).
2. En el campo Organization name (Nombre de la organización), introduce el nombre de tu marca, que se mostrará como título de la notificación cuando tu pase envíe una actualización.
   
3. (Opcional) Haz clic en el icono Añadir variable { } para insertar una variable de personalización.
4. Junto a Icon (Icono), haz clic en Select image (Seleccionar imagen) y elige tu logotipo en la biblioteca de contenido para que aparezca en las notificaciones. Recomendamos utilizar una imagen horizontal.

📤 Permite el uso compartido de pases de wallet entre dispositivos

El uso compartido de pases permite distribuir un mismo pase entre varios dispositivos. Está desactivado de forma predeterminada por razones de seguridad. Actívalo cuando los clientes puedan querer añadir el mismo pase a varios dispositivos, por ejemplo, en el caso de una tarjeta de fidelidad.

Para permitir el uso compartido de pases:

1. En la pestaña Advanced (Avanzado), desplázate hacia abajo hasta la sección Sharing (Uso compartido).
2. Activa Enable pass sharing (Activar uso compartido de pases).
   
3. (Opcional) Establece un número máximo de veces que un contacto puede compartir el pase entre dispositivos. Este límite de uso compartido solo está disponible para Apple. Si dejas el campo vacío, el límite de uso compartido se establece en ilimitado.  

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.

➡️ Para obtener más información sobre cómo compartir tu pase de wallet, consulta nuestra sección dedicada Compartir tu pase de wallet en el artículo Crear un pase de Wallet.

⏭️ ¿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.