Carte cadeau
Le pass carte cadeau transforme vos cartes cadeaux en un pass vivant, toujours à jour dans Apple Wallet et Google Wallet. Les numéros de carte, les codes PIN et les soldes sont stockés de manière sécurisée et mis à jour en temps réel — sans que vos clients aient à ouvrir une application.
Pour créer un nouveau template de pass carte cadeau, accédez au module « Templates de pass » (Hub > Wallet > Templates de pass).
Cliquez sur le bouton Créer un template de pass.
Une fois votre template créé, vous devrez définir les personnalisations du template depuis le module Templates de pass.
Un template doit être créé par type de carte cadeau. Si vous opérez plusieurs programmes de cartes cadeaux, créez un template par programme.
Étape 1 - Configuration
Cette première étape vous permet de définir les informations de base de votre template :
- Nom : le nom interne de votre template. Il n'est visible que par vous et votre équipe dans votre licence. Nous recommandons d'adopter une convention de nommage claire.
- Type : le type de votre template de pass. Il détermine la mise en page visuelle et les champs disponibles pour ce template.
Le nom de votre template est celui qui apparaît dans votre liste de pass et dans les rapports. Si vous prévoyez d'émettre des pass pour plusieurs programmes de cartes cadeaux, incluez le nom du programme dès le départ.
Étape 2 - Champs
Les champs sont les données qui alimentent vos pass. Chaque champ que vous souhaitez afficher ou utiliser, qu'il soit fixe ou personnalisé, doit être défini ici en premier.
Il existe deux types de champs :
- Champs communs : la valeur est fixe et identique pour tous les pass générés à partir de ce template. Elle ne peut pas être modifiée lors de la création du pass. Utilisez-les pour les données propres au programme, identiques pour chaque destinataire : nom de l'émetteur, couleur de fond, logo du programme.
- Champs de pass : la valeur peut être remplacée lors de la création du pass. La valeur définie ici est la valeur par défaut, utilisée si aucune autre valeur n'est fournie. Utilisez-les pour les données propres à chaque carte : numéro de carte, solde, PIN.
Vous devrez ajouter tous les champs que vous utiliserez dans votre template de pass. Ces champs pourront ensuite être inclus dans vos pass et détermineront les données affichées aux utilisateurs. À l'étape 3, vous définirez où ces champs seront affichés sur le pass.
Les champs à personnaliser en fonction des attributs de profil devront être configurés dans les personnalisations du template.
Vous remarquerez peut-être que certains champs apparaissent à la fois dans les champs communs et dans les champs de pass — par exemple backgroundColor. C'est intentionnel : Apple Wallet permet de personnaliser certaines propriétés au niveau du pass individuel, ce qui signifie que chaque pass émis peut avoir sa propre valeur. Google Wallet, en revanche, ne prend pas en charge ce niveau de personnalisation pour ces mêmes propriétés et requiert une valeur unique partagée par tous les pass. Si vous émettez des pass pour les deux plateformes, définir le champ dans les deux sections garantit une flexibilité maximale.
Champs communs
Les champs communs définissent les données propres au programme, partagées par tous les pass générés à partir de ce template.
Les champs communs sont partagés par tous les pass générés à partir de ce template. Leurs valeurs ne peuvent être modifiées qu'en mettant à jour le template directement. Notez que les modifications apportées aux champs communs ne s'appliqueront qu'aux pass nouvellement créés. Les pass existants ne peuvent être mis à jour que via une campagne de mise à jour.
| Clé | Type | Description |
|---|---|---|
issuerName | String | Le nom de l'organisation émettrice du pass (ex. : Ma Société). Affiché sur le pass et utilisé par les lecteurs d'écran. |
hexBackgroundColor | Color | La couleur de fond du pass au format hexadécimal (ex. : #FFFFFF). |
programLogo | Image | Le logo du programme ou de la marque affiché sur le pass. Taille recommandée : 256×256 px. Utilisez un PNG avec fond transparent. |
wideProgramLogo | Image | Une version large du logo du programme. Taille : 1032×336 px. Utilisé sur Google Wallet. |
Champs de pass
Les champs de pass contrôlent l'apparence visuelle du pass et les données personnalisées affichées pour chaque carte individuelle.
Contrairement aux champs communs, ces champs sont réservés aux propriétés contenant les détails uniques d'un pass spécifique émis pour un utilisateur spécifique. Ces champs peuvent être modifiés lors de la création ou de la mise à jour d'un pass.
| Clé | Type | Description |
|---|---|---|
backgroundColor | Color | La couleur de fond du pass au format hexadécimal (ex. : #FFFFFF). |
foregroundColor | Color | La couleur du texte principal sur le pass (ex. : #000000). Assurez un contraste suffisant avec la couleur de fond pour garantir la lisibilité. |
labelColor | Color | La couleur des libellés de champ (ex. : #000000). Les libellés sont les petites légendes au-dessus de chaque valeur. |
icon | Image | L'icône d'application affichée dans les notifications système et la liste des pass. Taille : 29×29 pt (@2x : 58×58 px). PNG avec fond transparent. |
logo | Image | Votre logo affiché dans le coin supérieur gauche du pass. Taille : 160×50 pt (@2x : 320×100 px). Fond transparent obligatoire. |
thumbnail | Image | Une petite image carrée affichée à droite des champs principaux. Taille : 90×90 pt (@2x : 180×180 px). Idéale pour un visuel produit ou un logo de marque. |
heroImage | Image | Une grande image décorative affichée sur le pass. Taille : 1032×336 px. À utiliser pour des visuels de marque ou d'ambiance. |
cardNumber | String | Le numéro de la carte cadeau (ex. : 123456789). Affiché sur le recto du pass et utilisé pour la validation. |
balance | Money | Le solde actuel de la carte cadeau (ex. : 0). C'est ce champ que vous mettrez à jour pour refléter l'activité de la carte en temps réel. |
currency | String | La devise du solde (ex. : EUR). |
pin | String | Le code PIN associé à la carte cadeau. Affiché sur le pass pour la validation en ligne. |
cardNumber, balance, currency et pin sont les champs que vous injecterez généralement de manière dynamique lors de l'émission du pass. balance est également le champ que vous mettrez à jour via des campagnes de mise à jour pour maintenir la valeur de la carte à jour dans le wallet du client.
Ajouter et supprimer des champs
Vous avez la possibilité de supprimer des champs en cochant la case à gauche du champ puis en cliquant sur Supprimer champs.
Vous avez également la possibilité d'ajouter des champs si certains sont manquants. Cliquez sur Ajouter un champ.
Pour le champ ajouté, vous devrez choisir :
- le type : string, blob, date, number, money, color, image, JSON ou boolean
- la clé : le nom technique du champ
- la valeur : la valeur par défaut du champ
Étape 3 - Design
Une fois tous les champs que vous souhaitez utiliser dans votre template ajoutés à la deuxième étape, vous pourrez définir comment votre pass sera rendu sur chaque plateforme. Cette étape est divisée en deux onglets, l'un pour Apple Wallet et l'autre pour Google Wallet.
- Apple Wallet
- Google Wallet
Apple Wallet
L'onglet Apple Wallet est divisé en quatre sous-onglets : Général, Design, Données et Sémantique.
Le template de carte cadeau se présente comme suit :
Général
Dans cet onglet, vous pouvez personnaliser les informations de base de votre pass. Pour chaque champ :
- Vous pouvez choisir des champs communs ou des champs de pass que vous aurez définis à l'étape précédente. Seuls les champs ayant le format attendu seront disponibles.
- Vous pouvez ajouter un nouveau champ : si vous avez oublié d'ajouter un champ à l'étape précédente, vous pouvez l'ajouter ici et il sera automatiquement ajouté à la liste des champs de l'étape 2.
- Vous pouvez choisir d'utiliser une autre valeur, une valeur statique que vous ne prévoyez pas de réutiliser dans d'autres champs.
Le tableau suivant présente les champs et leur description.
| Champ | Description |
|---|---|
| Nom de l'organisation | Le nom affiché sous votre logo sur le recto du pass. Généralement le nom de votre marque ou de votre programme. |
| Description | Une courte description textuelle utilisée par les outils d'accessibilité et la recherche sur l'appareil. Exemple : Ma Carte Cadeau. |
| Identifiants App Store | Lie votre pass à une application dans l'App Store. Une bannière invitant l'utilisateur à installer votre application apparaît au dos du pass. |
| URL de lancement de l'application | Une URL qui ouvre directement votre application lorsqu'elle est sélectionnée depuis le pass. Nécessite un App Store Identifier. |
| Infos utilisateur | Un champ de métadonnées pour transmettre des données personnalisées non affichées avec le pass. Utile pour le suivi interne ou la liaison CRM. |
| Empêcher le partage des pass | Lorsqu'il est activé, empêche le destinataire de transférer le pass. Recommandé pour les cartes cadeaux à usage unique. |
Design
Le sous-onglet Design correspond directement aux champs de pass définis à la deuxième étape. Sélectionnez le champ correspondant pour chaque élément visuel à l'aide du menu déroulant.
Pour le pass carte cadeau, les éléments visuels disponibles sont : Texte du logo, Icône (29×29 pt, @2x : 58×58 px), Logo (160×50 pt, @2x : 320×100 px), Vignette (90×90 pt, @2x : 180×180 px), Couleur d'arrière-plan, Couleur de premier plan et Couleur des libellés.
Sur le côté droit de votre écran, vous disposez d'un aperçu de votre template de pass.
Données
Le sous-onglet Données vous permet d'assigner vos champs aux zones visuelles du pass (En-tête, Principaux, Secondaires, Auxiliaires et Verso). Utilisez les colonnes Label, Key et Value pour contrôler ce qui est affiché dans chaque zone et dans quel ordre.
Pour chaque zone du pass :
-
Vous pouvez ajouter un champ, pour lequel vous devrez définir différentes propriétés. Notez qu'ici, vous définissez le design du pass. Vous définirez donc les libellés à afficher et la valeur à présenter. Ces deux éléments ne proviennent pas nécessairement du même champ défini à l'étape 2.
- Clé : la clé unique pour la combinaison libellé/valeur
- Libellé : le libellé du champ, qui est la partie affichée au-dessus
- Valeur : la valeur du champ, qui est la partie affichée en dessous
- Alignement : l'alignement du champ
Comme vous définissez le design de votre template de pass, vous pouvez jouer avec les différents champs :
- Exemple 1 : vous pouvez décider de mettre « SOLDE » comme libellé et le solde de la carte comme valeur.
- Exemple 2 : vous pouvez décider de mettre le numéro de carte comme libellé et le code PIN comme valeur.
- Vous pouvez supprimer un champ de cette zone du pass en cochant la case à gauche du champ et en cliquant sur Supprimer champs.
- Vous pouvez modifier un champ en cliquant dessus.
L'ordre des champs dans chaque zone détermine leur ordre d'affichage de gauche à droite sur le pass. Utilisez l'aperçu en temps réel sur la droite pour vérifier la mise en page au fur et à mesure de votre configuration.
Sémantique
Les sémantiques sont des métadonnées lisibles par les machines qu'Apple utilise pour alimenter des fonctionnalités système telles que les suggestions Siri, la recherche Spotlight et l'affichage proactif sur l'écran de verrouillage. Elles ne sont pas visibles sur le pass lui-même — elles fonctionnent silencieusement en arrière-plan pour rendre votre pass plus intelligent.
Pour les pass cartes cadeaux, les sémantiques sont organisées en deux catégories :
- Tarification — la valeur ou le montant associé à la carte cadeau : code devise et montant.
- Autres — données contextuelles supplémentaires, notamment l'accès Wi-Fi (réseaux auxquels le pass peut donner accès).
Renseigner les sémantiques est optionnel mais recommandé pour les cartes cadeaux où la valeur du solde est centrale dans l'expérience client.
Pour chaque sémantique :
- Vous pouvez choisir des champs communs ou des champs de pass que vous aurez définis à l'étape précédente. Seuls les champs ayant le format attendu seront disponibles.
- Vous pouvez ajouter un nouveau champ : si vous avez oublié d'ajouter un champ à l'étape précédente, vous pouvez l'ajouter ici et il sera automatiquement ajouté à la liste des champs de l'étape 2.
- Vous pouvez choisir d'utiliser une autre valeur, une valeur statique que vous ne prévoyez pas de réutiliser dans d'autres champs.
Google Wallet
L'onglet Google Wallet est divisé en quatre sous-onglets : Général, Design, Données communes et Données du pass.
Le template de carte cadeau se présente comme suit :
Général
Dans cet onglet, vous pouvez personnaliser les informations de base de votre pass. Pour chaque champ :
- Vous pouvez choisir des champs communs ou des champs de pass que vous aurez définis à l'étape précédente. Seuls les champs ayant le format attendu seront disponibles.
- Vous pouvez ajouter un nouveau champ : si vous avez oublié d'ajouter un champ à l'étape précédente, vous pouvez l'ajouter ici et il sera automatiquement ajouté à la liste des champs de l'étape 2.
- Vous pouvez choisir d'utiliser une autre valeur, une valeur statique que vous ne prévoyez pas de réutiliser dans d'autres champs.
Le tableau suivant présente les champs et leur description.
| Champ | Description |
|---|---|
| Activer Smart Tap | Active la validation sans contact NFC pour les terminaux prenant en charge Google Smart Tap. |
| Animation de sécurité | Un motif de sécurité animé affiché sur le pass pour prévenir la contrefaçon. Les options varient selon l'implémentation. |
| Exigence de déverouillage | Définit si l'appareil doit être déverrouillé pour afficher ou valider le pass. |
| Plusieurs appareils et détenteurs autorisés | Contrôle si le pass peut être enregistré par plusieurs utilisateurs. Définir sur Single User pour les cartes cadeaux nominatives. |
| URL de la page d'accueil | Une URL affichée sur le pass renvoyant vers votre site web ou portail de cartes cadeaux. Correspond à une valeur de champ commun. |
| Eligibilité aux captures d'écran | Contrôle si le pass peut être capturé en screenshot sur l'appareil. |
| Contraintes NFC | Définit des restrictions supplémentaires sur le comportement de validation NFC. |
Design
Le sous-onglet Design correspond directement aux champs de pass définis à l'étape 2. Pour Google Wallet, seuls deux éléments visuels sont configurables : l'image principale (516×168 pt, téléversée en @2x : 1032×336 px) et la Couleur d'arrière-plan. Sélectionnez le champ de pass correspondant pour chacun à l'aide du menu déroulant.
Données communes
Le sous-onglet Données communes associe vos champs communs au template de données structuré de Google Wallet pour les cartes cadeaux. Sélectionnez le champ commun correspondant pour chaque emplacement à l'aide du menu déroulant.
Pour chaque champ :
- Vous pouvez choisir des champs communs que vous aurez définis à l'étape précédente. Seuls les champs ayant le format attendu seront disponibles.
- Vous pouvez ajouter un nouveau champ : si vous avez oublié d'ajouter un champ à l'étape précédente, vous pouvez l'ajouter ici et il sera automatiquement ajouté à la liste des champs de l'étape 2.
- Vous pouvez choisir d'utiliser une autre valeur, une valeur statique que vous ne prévoyez pas de réutiliser dans d'autres champs.
Données génériques
| Champ | Description |
|---|---|
| Nom de l'émetteur | Le nom de l'organisation émettrice du pass. Correspond à issuerName. |
| Logo du programme | Le logo du programme affiché sur le pass. Correspond à programLogo. Taille : 256×256 px. |
| Logo de programme large | Une version large du logo du programme. Correspond à wideProgramLogo. Taille : 1032×336 px. |
| Nom du marchand | Le nom du commerçant associé à la carte cadeau. |
| Autoriser le rachat par code-barres | Lorsqu'il est activé, permet la validation de la carte cadeau par scan de code-barres. |
Libellés personnalisés
| Champ | Description |
|---|---|
| Libellé du numéro de carte | Le libellé affiché au-dessus du numéro de carte sur le pass. |
| Libellé du PIN | Le libellé affiché au-dessus du code PIN sur le pass. |
| Libellé du numéro d'événement | Le libellé affiché au-dessus du numéro d'événement sur le pass. |
Données du pass
Le sous-onglet Données du pass associe vos champs de pass aux données spécifiques à chaque carte affichées sur le pass Google Wallet.
Pour chaque champ :
- Vous pouvez choisir des champs de pass que vous aurez définis à l'étape précédente. Seuls les champs ayant le format attendu seront disponibles.
- Vous pouvez ajouter un nouveau champ : si vous avez oublié d'ajouter un champ à l'étape précédente, vous pouvez l'ajouter ici et il sera automatiquement ajouté à la liste des champs de l'étape 2.
- Vous pouvez choisir d'utiliser une autre valeur, une valeur statique que vous ne prévoyez pas de réutiliser dans d'autres champs.
Données de carte cadeau
| Champ | Description |
|---|---|
| Numéro de carte | Le numéro de la carte cadeau. Correspond à cardNumber. |
| PIN | Le code PIN associé à la carte cadeau. Correspond à pin. |
| Numéro d'événement | Un numéro d'événement optionnel associé à la carte cadeau. |
Solde
| Champ | Description |
|---|---|
| Code de devise | La devise du solde. Correspond à currency. |
| Valeur | Le solde actuel de la carte cadeau. Correspond à balance. |
| Heure de mise à jour du solde | L'horodatage de la dernière mise à jour du solde. |
Liens d'application vous permet de fournir des informations sur une application complémentaire, réparties en trois sous-onglets — Android, iOS et Web — chacun comprenant les champs suivants : image du logo de l'application, URL de l'application, titre et description.
Autres vous permet d'enrichir le dos du pass Google Wallet avec du contenu supplémentaire :
- Messages — messages contextuels affichés au détenteur du pass.
- Images — images supplémentaires affichées sur le pass.
- Textes d'information — blocs de texte informatif (ex. : conditions générales, détails de la carte cadeau).
- Liens — liens externes affichés sur le pass (ex. : vers votre portail de cartes cadeaux ou votre application).
Prévisualisez toujours les versions Apple Wallet et Google Wallet de votre pass avant de le publier. L'aperçu en temps réel sur le côté droit de l'écran se met à jour instantanément au fur et à mesure de votre configuration.
Étape 4 - Pertinence
La pertinence définit quand et où votre pass s'affiche automatiquement sur l'écran de verrouillage du destinataire, sans nécessiter le déclenchement manuel d'une notification.
Pour les pass cartes cadeaux, la pertinence géolocalisée est particulièrement puissante — afficher le pass automatiquement lorsqu'un client se trouve près de votre magasin crée une expérience en magasin fluide et stimule la validation.
Localisations
Ajoutez des coordonnées GPS pour déclencher l'affichage du pass sur l'écran de verrouillage lorsque le destinataire entre dans un rayon défini autour d'un lieu. Pour les pass cartes cadeaux, les cas d'usage les plus pertinents sont :
- Vos magasins ou points de vente
- Les lieux partenaires où la carte cadeau peut être utilisée
Beacons (Apple Wallet uniquement)
Les beacons BTLE permettent un déclenchement ultra-précis en intérieur, impossible à atteindre avec le GPS. Si vos magasins ont déployé des beacons Bluetooth aux entrées ou aux caisses, vous pouvez configurer le pass pour qu'il s'affiche automatiquement lorsque l'appareil du client détecte un beacon spécifique.
Configurez chaque beacon avec son UUID, et optionnellement ses valeurs Major et Minor pour un ciblage plus précis.
La pertinence par beacon nécessite un déploiement physique de matériel beacon sur site. Coordonnez-vous avec votre équipe d'exploitation avant de configurer cette option.
Étape 5 - Code-barres
Le code-barres est l'élément scannable qui connecte votre carte cadeau digitale à votre infrastructure de validation en magasin ou en ligne.
| Format | Description | Recommandation |
|---|---|---|
| None | Aucun code-barres affiché sur le pass. | Uniquement si votre validation est exclusivement basée sur le NFC. |
| QR Code | Code-barres matriciel 2D. Grande capacité de données, scan rapide, largement pris en charge. | Recommandé pour la plupart des implémentations de cartes cadeaux. |
| PDF417 | Code-barres empilé 2D. | À utiliser si votre système de validation requiert spécifiquement le PDF417. |
| 1D (Code 128) | Code-barres linéaire. Faible capacité de données. | Adapté aux implémentations simples avec des codes courts. |
| Aztec | Code-barres matriciel 2D. Compact et efficace, natif d'Apple Wallet. | Adapté si votre infrastructure de scan le prend en charge. |
Le QR Code est le format le plus universellement pris en charge pour les pass cartes cadeaux. Si votre infrastructure de validation existante utilise un format de code-barres spécifique, utilisez-le ici pour garantir la compatibilité avec vos scanners et systèmes de caisse.