Offre
Le pass d'offre transforme vos coupons, remises et promotions en un pass vivant, toujours disponible dans Apple Wallet et Google Wallet. Vos clients portent votre offre avec eux en permanence — sans application à télécharger, sans coupon papier à perdre.
Pour créer un nouveau template de pass d'offre, 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 d'offre. Si vous gérez plusieurs promotions, créez un template par promotion.
É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 de gérer plusieurs promotions simultanément, incluez le nom de l'offre et sa période dans le nom du template 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 à l'offre, identiques pour chaque destinataire : titre de l'offre, nom de l'émetteur, couleur de fond.
- 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 la personnalisation visuelle pouvant varier selon le pass : couleurs, images.
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 à l'offre, 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). |
title | String | Le titre principal de l'offre affiché sur le pass (ex. : 20% de réduction). C'est la valeur principale que voit votre client. |
titleImage | Image | Une image carrée représentant l'offre ou la marque. Taille : 256×256 px. Utilisez un PNG avec fond transparent. |
wideTitleImage | Image | Une image bannière large représentant l'offre. Taille : 1032×336 px. Utilisée sur Google Wallet. |
Champs de pass
Les champs de pass contrôlent l'apparence visuelle du pass pour chaque pass individuel émis.
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. |
strip | Image | Une bande visuelle horizontale affichée sous les champs principaux. Taille : 375×123 pt (@2x : 750×246 px). Idéale pour des visuels promotionnels ou des motifs 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'offre. |
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 champ.
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 d'offre 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. |
| Description | Une courte description textuelle utilisée par les outils d'accessibilité et la recherche sur l'appareil. Exemple : 20% de réduction sur votre prochain achat. |
| 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 offres à 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 d'offre, 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), Bande (375×123 pt, @2x : 750×246 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
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 « OFFRE » comme libellé et le titre de l'offre comme valeur.
- Exemple 2 : vous pouvez décider de mettre le montant de la remise comme libellé et la date d'expiration comme valeur.
- Vous pouvez supprimer un champ de cette zone du pass en cochant la case à gauche du champ et en cliquant sur Supprimer champ.
- 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 d'offre, les sémantiques sont organisées en deux catégories :
- Tarification — la valeur ou le montant de la remise associé à l'offre : 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 offres où la valeur de la remise 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 d'offre 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 offres à usage unique. |
| URL de la page d'accueil | Une URL affichée sur le pass renvoyant vers votre site web ou la page de l'offre. Correspond à une valeur de champ commun. |
| 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 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 offres, dans la section Données génériques. 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. |
| Image de titre | Une image carrée représentant l'offre ou la marque. Correspond à titleImage. Taille : 256×256 px. |
| Image de titre large | Une image bannière large pour l'offre. Correspond à wideTitleImage. Taille : 1032×336 px. |
| Canal d'échange | Définit où l'offre peut être validée (ex. : Les deux, En ligne, En magasin). |
| Fournisseur | Le nom du fournisseur de l'offre. Correspond à issuerName par défaut. |
| Titre | Le titre principal de l'offre. Correspond à title. |
| Titre court | Une version abrégée du titre de l'offre, utilisée dans les vues compactes. |
| Détails | Informations complémentaires sur l'offre (ex. : conditions, validité). |
| Petits caractères | Les mentions légales ou réglementaires associées à l'offre. |
| URL d'aide | Une URL renvoyant vers une page d'aide ou les conditions de l'offre. |
Données du pass
Le sous-onglet Données du pass définit les données pouvant être personnalisées pour chaque pass 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.
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'informations — blocs de texte informatif (ex. : conditions générales, détails de l'offre).
- Liens — liens externes affichés sur le pass (ex. : vers votre page d'offre 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 d'offre, la pertinence géolocalisée est l'une des fonctionnalités les plus puissantes disponibles — afficher automatiquement un pass de remise lorsqu'un client passe devant ou entre dans votre magasin est un levier éprouvé de conversion en magasin.
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 d'offre, les cas d'usage les plus pertinents sont :
- Vos magasins ou points de vente
- Les lieux partenaires ou lieux d'événements où l'offre est valable
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 offre 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 d'offres. |
| 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 d'offre. 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.