Avec l’éditeur de cartes wallet Brevo, vous pouvez créer des cartes personnalisées et à l’image de votre marque pour Apple Wallet et Google Wallet, sans code. Personnalisez la mise en page, les images et les couleurs pour refléter votre identité, insérez des variables de personnalisation pour adapter le contenu à chaque client, et utilisez la géolocalisation pour envoyer des notifications en fonction de la localisation.

Avant de commencer 

Avant de concevoir une carte, vous devez effectuer ce qui suit :

• Ajoutez vos certificats Apple et Google à Brevo.
  ➡️ Pour en savoir plus, consultez nos articles dédiés : Créer, ajouter ou prolonger un certificat Apple pour Brevo Wallet et Créer et ajouter un certificat Google pour Brevo Wallet.
• Créez une carte wallet

Comprendre la structure d’une carte wallet 

Avant de concevoir votre carte, vous devez comprendre comment elle est structurée. Les cartes Apple Wallet et Google Wallet ont chacune leur propre mise en page et structure de champs, et doivent être configurées séparément. 

Cliquez sur les onglets ci-dessous pour explorer l’anatomie de chaque type de carte et ses sections :

Carte Apple Wallet Carte Google Wallet

↪️ Retour

Les cartes wallet ont un recto et un verso. Le recto affiche votre image de marque et les informations clés en un coup d’œil. 
Développez les accordéons suivants pour en savoir plus sur chaque section du recto de la carte Apple Wallet :

🔴 En-tête

La section En-tête apparaît tout en haut de la carte et reste toujours visible, même lorsque la carte n’est pas ouverte. Elle contient généralement le nom et le logo de votre organisation ou de votre marque.

1. Logo de la carte
   Petite image dans le coin supérieur gauche de la carte, généralement le logo de votre marque.
2. Texte du logo
   Libellé court affiché à côté de votre logo, généralement le nom de votre marque.
3. Champs
   Ajoutez jusqu’à deux champs dans le coin supérieur droit de la carte, comme le prénom et le nom du client. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients.

🟠 Principal

La section Principal contrôle la bande centrale du recto de la carte et constitue la zone la plus visible. Elle contient généralement une bannière d’image. Utilisez-la pour mettre en avant les informations clés en un coup d’œil, comme un palier de fidélité, une valeur de réduction ou un nom d’événement.

1. Arrière-plan de la bande
   Image de bannière au centre de la carte.
2. Champs
   Ajoutez un champ pour afficher des informations clés, comme le nom du programme de fidélité ou le palier d’adhésion au-dessus de l’image de la bannière. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients.

🟡 Secondaire

La section Secondaire affiche des champs supplémentaires sous la section principale. Ajoutez jusqu’à quatre champs pour afficher des informations complémentaires, comme le nom du programme, la date d’expiration ou le niveau d’adhésion. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients. Vous pouvez aussi définir l’alignement du texte pour chaque champ : à gauche, au centre ou à droite.

🟢 Code-barres

La section Code-barres vous permet de configurer le code scannable sur la carte, qui peut être utilisé à un point de vente ou à l’entrée d’un événement. Il peut s’agir d’un QR code ou d’un code-barres standard, et sa valeur peut être personnalisée pour chaque contact.

Pour configurer un code-barres : 

1. Activez l'option Afficher le code-barres.
2. Sélectionnez le format du code-barres, par exemple Code128 ou QR code.
3. Sélectionnez l’encodage du code-barres, par exemple ISO88591.
4. Entrez la valeur du code-barres à encoder, généralement un ID de contact unique. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients. 
   
5. Dans le champ Texte alternatif, entrez un texte lisible par un humain affiché sous le code-barres, par exemple l’ID du contact. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients. 

Les cartes wallet ont un recto et un verso. Le verso contient des détails supplémentaires que votre client peut consulter en appuyant sur l’icône d’information sur son appareil. 
Développez l’accordéon suivant pour en savoir plus sur la section au dos de la carte Apple Wallet :

🟣 Informations textuelles

La section Informations textuelles contrôle le contenu visible au verso de la carte lorsqu’un contact appuie dessus dans son wallet. Elle peut être utilisée pour des instructions, des conditions générales, des coordonnées, des instructions d’utilisation, des informations de compte ou toute information supplémentaire dont votre client peut avoir besoin.

1. Nom de la carte
   Le nom affiché en haut. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients.
2. Champs
   Ajoutez jusqu'à 10 champs pour des informations comme les conditions générales, les coordonnées du contact ou les instructions d'utilisation. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients.

↪️ Retour

Les cartes wallet ont un recto et un verso. Le recto affiche votre image de marque et les informations clés en un coup d’œil. 
Développez les accordéons suivants pour en savoir plus sur chaque section située au recto de la carte Google Wallet :

🔴 En-tête

La section En-tête apparaît tout en haut de la carte et reste toujours visible, même lorsque la carte n’est pas ouverte. Elle contient généralement le nom et le logo de votre organisation ou de votre marque.

1. Logo
   Petite image en haut à gauche de la carte, généralement le logo de votre marque.
2. Titre de la carte
   Libellé court affiché à côté de votre logo, généralement le nom de votre marque.
3. Texte du sous-titre
   Sous-titre facultatif affiché sous le titre de la carte.
4. Texte de l’en-tête
   Titre principal affiché en évidence sur la carte, par exemple le nom du programme de fidélité. 

🟡 Corps

La section Corps vous permet d’ajouter des rangées d’informations sur le recto de la carte. Elle inclut généralement le nom du client et des champs clés tels que le solde de points, le palier d’adhésion ou les informations sur l’événement. Vous pouvez ajouter jusqu’à trois rangées, et chacune peut contenir un ou plusieurs champs.  

🟢 Code-barres

La section Code-barres vous permet de configurer le code scannable sur la carte, qui peut être utilisé à un point de vente ou à l’entrée d’un événement. Il peut s’agir d’un QR code ou d’un code-barres standard, et sa valeur peut être personnalisée pour chaque contact.

Pour configurer un code-barres : 

1. Activez l'option Afficher le code-barres.
2. Sélectionnez le format du code-barres, par exemple Code128 ou QR code.
3. Entrez la valeur du code-barres à encoder, généralement un ID de contact unique. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients. 
   
4. Dans le champ Texte alternatif, entrez un texte lisible par un humain affiché sous le code-barres, par exemple l’ID du contact. Utilisez l’icône Ajouter une variable { } pour insérer une variable de personnalisation qui s’adaptera à chacun de vos clients. 

🟠 Image

La section Image vous permet d'importer une image principale affichée en bas de la carte pour renforcer votre identité de marque, mettre en avant une promotion ou afficher des visuels spécifiques à un palier. Il peut s’agir d’une bannière ou d’une image principale affichée en bas de la carte.

Cliquez sur Changer l’image pour utiliser une image de votre bibliothèque de contenu ou cliquez sur l’icône de suppression pour la supprimer. 

Les cartes wallet ont un recto et un verso. Le verso contient des détails supplémentaires que votre client peut consulter en appuyant sur l’icône d’information sur son appareil. 
Développez les accordéons suivants pour en savoir plus sur chaque section au verso de la carte Google Wallet :

🟣 Contenu supplémentaire

La section Contenu supplémentaire contrôle le contenu visible au verso de la carte lorsqu’un contact appuie dessus dans son wallet. Elle peut être utilisée pour des instructions, des conditions générales, des coordonnées, des instructions d’utilisation, des informations de compte ou toute information supplémentaire dont votre client peut avoir besoin.

🔵 Liens

La section Liens vous permet d’ajouter des liens cliquables au dos de la carte. Vous pouvez l’utiliser pour ajouter des liens vers votre site web, votre boutique en ligne, un appel au support ou toute autre URL. Ajoutez un libellé pour chaque lien afin que les clients sachent où ils vont. Trois types de liens sont disponibles :

1. Email
   Entrez une description et ajoutez un lien qui ouvrira la boîte email préférée de votre client avec une fenêtre de rédaction d’email vers une adresse spécifiée.
2. Téléphone
   Saisissez une description et ajoutez un lien qui lancera un appel.
3. URL
   Ajoutez un lien vers une page web. Entrez une Description et l’URI de destination.

Étape 1 : définir le style de votre carte wallet

L’onglet Style vous permet de définir les couleurs du texte et de l’arrière-plan de votre carte wallet.  Cliquez sur l’icône de couleur à côté de l’élément auquel vous souhaitez appliquer une couleur spécifique. Vous pouvez choisir une couleur, entrer son code ou utiliser la couleur de votre marque.

Étape 2 : configurer et personnaliser votre carte wallet

L’onglet Contenu est l’endroit où vous définissez le texte, les images et les données affichés sur votre carte wallet. Utilisez-le pour effectuer ce qui suit :

• Ajouter et déplacer des champs pour insérer et réorganiser les informations affichées sur votre carte.
• Ajouter un code-barres pour afficher un code unique et scannable sur la carte de chaque contact.
• Insérer des variables de personnalisation pour afficher des informations individuelles telles que le nom d’un client ou des points de fidélité.

Ajouter et déplacer des champs dans votre carte

Pour insérer et déplacer un champ dans le design de votre carte : 

1. Dans l’éditeur de cartes wallet, ouvrez une section dans laquelle vous souhaitez ajouter ou déplacer un champ.
2. Cliquez sur + Ajouter un champ pour insérer un nouveau champ, puis renseignez son libellé et sa valeur. 
3. Cliquez sur Enregistrer. 
4. Cliquez sur l'icône pour faire glisser à côté du nom de votre champ et maintenez-la enfoncée, puis faites glisser le champ à l’endroit où vous voulez le placer.
    

Ajouter un code-barres à votre carte

Vous pouvez ajouter un code-barres au design de votre carte wallet afin que la carte de chaque contact affiche un code scannable. C’est utile pour les programmes de fidélité, l’accès à des événements ou tout autre cas d’usage nécessitant un identifiant unique par contact.

Pour insérer un code-barres dans le design de votre carte wallet :

1. Dans l’éditeur de cartes wallet, ouvrez la section code-barres de votre design Apple ou Google Wallet.
2. Activez l’option Afficher le code-barres.
3. Sélectionnez un format de code-barres. Les formats suivants sont disponibles pour Apple et Google Wallet :
   • QR code, un code matriciel carré, largement pris en charge par les caméras de smartphones.
   • Code 128, un code-barres linéaire (1D), souvent utilisé pour des données alphanumériques telles que des numéros de commande ou d’adhésion.
   • Aztec, un code carré compact qui fonctionne bien dans des conditions d’impression basse résolution.
   • PDF417, un code-barres linéaire empilé qui peut stocker des quantités de données plus importantes, couramment utilisé pour les documents de transport ou d’identité.
4. Si le wallet est pour Apple Wallet, sélectionnez un encodage pour définir comment les données du code-barres sont encodées :
   • ISO88591, encodage de caractères standard d'Europe occidentale.
   • ISO88591 Short, une variante compacte de l’ISO-8859-1.
   • UTF8, prend en charge une plus large gamme de caractères, y compris les caractères accentués et les écritures non latines.
5. Entrez la valeur du code-barres. Il s'agit des données encodées dans le code-barres, les informations qu'un scanner lira. Vous pouvez entrer une valeur fixe ou insérer une variable de personnalisation (par exemple, un numéro de carte de fidélité unique pour chaque contact).
6. (Facultatif) Entrez un texte alternatif. Il s’agit du texte lisible par un humain affiché sous le code-barres. Vous pouvez entrer une valeur fixe ou insérer une variable de personnalisation.

Insérer des variables de personnalisation dans votre carte

Vous pouvez personnaliser la carte wallet de chaque contact en insérant des attributs du contact ou des variables de fidélité directement dans le design de votre carte wallet. Cela vous permet d'afficher des informations individuelles, comme le nom d'un contact ou des points de fidélité, sur chaque carte générée.

Pour insérer une variable de personnalisation dans le design de votre carte wallet :

1. Dans l’éditeur de cartes wallet, ouvrez une section, puis ajoutez ou choisissez un champ dans lequel vous souhaitez insérer une variable.
2. Cliquez sur l’icône Insérer une variable { }.
3. Sélectionnez la catégorie de variable :
   • Les attributs du contact permettent d’insérer des informations au niveau du contact, comme le prénom, le nom ou l’adresse email.
   • Fidélité pour insérer des données spécifiques à la fidélité, comme le solde de points ou le nom du palier.
4. Sélectionnez la variable spécifique que vous souhaitez insérer. Elle s’ajoute à l’emplacement du curseur dans le bloc de texte.

Votre variable de personnalisation est maintenant insérée. Lorsqu’il ouvre sa carte wallet, chacun de vos contacts voit ses informations individuelles, ici son prénom. 

(Facultatif) Étape 3 : traduire votre carte

Si vous souhaitez que votre carte atteigne les contacts dans leur langue préférée, vous pouvez configurer plusieurs versions linguistiques directement depuis l’éditeur de cartes. Chaque contact recevra automatiquement la version correspondant à la langue enregistrée dans ses attributs du contact :

➡️ Pour en savoir plus sur la traduction de votre carte wallet, consultez notre article dédié Traduire vos cartes wallet dans plusieurs langues.

(Facultatif) Étape 4 : configurer les notifications de géolocalisation

Avec la Géolocalisation, communiquez avec vos clients au bon endroit et au bon moment en envoyant des notifications lorsqu’ils s’approchent du lieu de l'un de vos magasins.

Ajoutez des lieux de magasin à votre compte Brevo et configurez des notifications basées sur le lieu. Choisissez quel lieu déclenche la notification, personnalisez le message que les clients recevront à proximité, et utilisez l’icône Ajouter une variable { } pour le personnaliser pour chaque client.

➡️ Pour en savoir plus sur la configuration des notifications basées sur la localisation, consultez notre article dédié Envoyer des notifications de géolocalisation aux détenteurs de cartes wallet.

Étape 5 : enregistrer et partager votre carte

Maintenant que votre carte est conçue pour Apple et Google Wallet, cliquez sur Enregistrer & quitter pour enregistrer votre design. Votre carte sera disponible dans Marketing > Wallet.

Une fois votre carte prête, partagez le lien d’installation avec vos clients. Lorsqu’ils appuient sur le lien, une invite s’affiche pour ajouter la carte à leur app Apple Wallet ou Google Wallet.

Vous pouvez distribuer le lien via n’importe quel canal, par exemple :

• Campagnes email ou SMS
  Incluez le lien dans une campagne Brevo pour atteindre vos contacts directement.
• Votre site web
  Ajoutez un bouton ou un lien « Ajouter au Wallet » sur une page pertinente, comme votre page de confirmation de paiement ou la page de votre programme de fidélité.
• Votre application mobile ou web
  Intégrez le lien à un moment pertinent de votre parcours client.
• Documents imprimés ou signalétique en magasin
  Convertissez le lien en QR code que les clients peuvent scanner sur place.

➡️ Pour en savoir plus sur la façon de partager votre carte wallet, consultez notre article dédié Augmenter la sélection par carte wallet avec différents points de contact.

⏭️ Et après ?

• Créer une campagne wallet
• Configurer une automatisation pour notifier les contacts wallet et/ou les déplacer vers une autre carte
• Envoyer des notifications de géolocalisation aux détenteurs de cartes wallet

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.