Générique
Le pass générique est le type de pass le plus polyvalent disponible dans Apple Wallet et Google Wallet. Il est conçu pour les cas d'usage qui ne correspondent pas à une catégorie dédiée — cartes de membre, cartes cadeaux, coupons, badges d'accès, bons et tout autre type de pass nécessitant une mise en page flexible et personnalisée.
Pour créer un nouveau template de pass générique, 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 cas d'usage. Si vous émettez des pass pour différents programmes ou types de cartes, créez un template par type.
É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 ou types de cartes, incluez ce contexte dans le nom 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 identiques pour tous les détenteurs : nom de votre organisation, couleurs de votre marque.
- 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 variables par détenteur : nom du titulaire, identifiant membre, solde du compte.
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 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 Google Wallet, définie en code hexadécimal (ex. : #FFFFFF). |
Champs de pass
Les champs de pass contrôlent l'apparence visuelle du pass et les données personnalisées affichées pour chaque détenteur.
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 Apple Wallet au format hexadécimal (ex. : #FFFFFF). |
foregroundColor | Color | La couleur du texte principal sur le pass Apple Wallet (ex. : #000000). Assurez un contraste suffisant avec la couleur de fond pour garantir la lisibilité. |
labelColor | Color | La couleur des libellés de champ sur le pass Apple Wallet (ex. : #000000). Les libellés sont les petites légendes affichées au-dessus de chaque valeur. |
icon | Image | L'icône d'application affichée dans la liste des pass et les notifications système. 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 image carrée affichée sur le côté droit du pass Apple Wallet. Taille : 90×90 pt (@2x : 180×180 px). |
genericLogo | Image | Le logo affiché sur le pass Google Wallet. Taille recommandée : 256×256 px. |
genericWideLogo | Image | Un logo large affiché sur le pass Google Wallet, utilisé en alternative au logo standard. Taille recommandée : 1032×336 px. |
heroImage | Image | Une image bannière pleine largeur affichée sur le pass Google Wallet. Taille recommandée : 1032×336 px. |
cardTitle | String | Le titre de la carte, affiché de manière proéminente sur le pass Google Wallet. |
header | String | Le texte d'en-tête affiché sur le pass Google Wallet. |
cardTitle, header et toute autre donnée au niveau du pass sont les champs que vous injecterez généralement de manière dynamique lors de l'émission, car ils varient selon le détenteur.
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 générique 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é sur le pass. Généralement le nom de votre marque ou de votre organisation. Associez-le à votre champ issuerName. |
| Description | Une courte description textuelle utilisée par les outils d'accessibilité et la recherche sur l'appareil. |
| 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 l'utilisateur de transférer le pass à d'autres personnes. |
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 générique, 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 Libellé, Clé et Valeur 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
-
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.
Les zones disponibles pour le pass générique sont :
| Zone | Description |
|---|---|
| Champs d'en-tête | Affichés tout en haut du pass, à côté du logo. Visibles dans la liste des pass sans ouvrir le pass. À utiliser pour l'identifiant le plus critique (ex. : type de carte, niveau de membre). |
| Champs principaux | Le champ le plus proéminent sur le recto du pass. À utiliser pour l'information la plus importante (ex. : nom du titulaire, identifiant membre). |
| Champs secondaires | Affichés sous le champ principal. À utiliser pour les informations complémentaires (ex. : date d'expiration, solde du compte). |
| Champs auxiliaires | Affichés sous les champs secondaires. À utiliser pour les détails supplémentaires. |
| Champs au verso | Affichés au dos du pass (lorsque l'utilisateur appuie sur le bouton ⓘ). À utiliser pour les conditions générales, les coordonnées ou toute information qui n'a pas besoin d'être immédiatement visible. |
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 génériques, les sémantiques sont organisées en deux catégories :
Tarification
| Champ | Description |
|---|---|
| Code de devise | Le code devise ISO 4217 pour la valeur du pass (ex. : EUR, USD). |
| Montant | Le montant associé au pass (ex. : solde d'une carte cadeau ou valeur d'un bon). |
Autre
| Champ | Description |
|---|---|
| Accès Wi-Fi | Un ou plusieurs réseaux Wi-Fi pouvant être rejoints automatiquement lorsque le pass est pertinent. Ajoutez un réseau en cliquant sur Ajouter un réseau et en renseignant le SSID et le mot de passe. |
Renseigner les sémantiques est optionnel mais recommandé — cela permet à iOS d'afficher votre pass de manière contextuelle sans effort supplémentaire de votre part.
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.
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 les interactions 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. |
| Exigence de déverouillage | Définit si l'appareil doit être déverrouillé pour afficher le pass. |
| Plusieurs appareils et détenteurs autorisés | Contrôle si le pass peut être enregistré par plusieurs utilisateurs. Par défaut : Multiple Users. |
| URL de la page d'accueil | Une URL affichée sur le pass renvoyant vers votre site web ou la page de votre programme. |
| Eligibilité aux captures d'écran | Contrôle si le pass peut être capturé en screenshot sur l'appareil. |
| Contrainte NFC | Définit des restrictions supplémentaires sur le comportement des interactions NFC. |
Design
Le sous-onglet Design correspond directement aux champs de pass définis à l'étape 2. Pour Google Wallet, 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. 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. |
Données du pass
Le sous-onglet Données du pass associe vos champs de pass aux données affichées sur chaque pass Google Wallet individuel.
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 cartes génériques
| Champ | Taille recommandée | Description |
|---|---|---|
| Titre de la carte | — | Le titre affiché de manière proéminente sur le pass Google Wallet. Correspond à cardTitle. |
| Logo | 256×256 px | Un logo carré affiché sur le pass. Correspond à genericLogo. |
| Logo large | 1032×336 px | Un logo large affiché sur le pass, utilisé en alternative au logo standard. Correspond à genericWideLogo. |
| En-tête | — | Le texte d'en-tête affiché sur le pass. Correspond à header. |
| Sous-titre | — | Un texte secondaire affiché sous l'en-tête. |
Notifications
| Champ | Description |
|---|---|
| Type de notification | Définit le type de notification envoyée à l'utilisateur lors de la mise à jour du pass. |
Liens d'application
Utilisez cette section pour fournir des informations sur une application complémentaire. Vous pouvez configurer des liens séparément pour Android, iOS et Web.
| Champ | Description |
|---|---|
| Image du logo de l'application | Le logo de l'application complémentaire, affiché à côté du lien. |
| URL de l'application | L'URL ou le lien profond vers l'application complémentaire. |
| Titre | Le titre du lien vers l'application. |
| Description | Une courte description affichée avec le lien. |
Autres
Utilisez cette section pour enrichir le dos du pass Google Wallet avec du contenu supplémentaire.
| Champ | Description |
|---|---|
| Messages | Messages contextuels affichés au détenteur du pass. Cliquez sur Ajouter un message pour en ajouter un. |
| Images | Images supplémentaires affichées sur le pass. Cliquez sur Ajouter une image pour en ajouter une. |
| Textes d'information | Blocs de texte informatif (ex. : conditions générales). Cliquez sur Ajouter un texte d'information pour en ajouter un. |
| Liens | Liens externes affichés sur le pass (ex. : votre site web ou la page de votre programme). Cliquez sur Ajouter un lien pour en ajouter un. |
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 de l'utilisateur, sans nécessiter le déclenchement manuel d'une notification.
Localisations
Ajoutez des coordonnées GPS pour déclencher l'affichage du pass sur l'écran de verrouillage lorsque l'utilisateur entre dans un rayon défini autour d'un lieu. Pour les pass génériques, les cas d'usage les plus pertinents sont :
- Vos magasins ou lieux
- Les points de service ou de validation
Cliquez sur Ajouter un emplacement pour ajouter un nouveau lieu. Vous pouvez ajouter plusieurs localisations par template.
Les localisations sont partagées entre Apple Wallet et Google Wallet.
Beacons (Apple Wallet uniquement)
Les beacons BTLE permettent un déclenchement ultra-précis en intérieur, impossible à atteindre avec le GPS. Si vos lieux ont déployé des beacons Bluetooth, vous pouvez configurer le pass pour qu'il s'affiche automatiquement lorsque l'appareil de l'utilisateur 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 l'opérateur du lieu avant de configurer cette option.
Étape 5 - Code-barres
Le code-barres est l'élément scannable qui connecte votre pass digital à votre infrastructure physique de validation ou de contrôle d'accès.
| 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 cas d'usage. |
| 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. Si votre infrastructure de validation existante utilise un format de code-barres spécifique, utilisez-le ici pour garantir la compatibilité avec vos scanners.