> For the complete documentation index, see [llms.txt](https://docs.thewalletcrew.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thewalletcrew.io/guides-design/fr/conception/loyalty-card-template-configuration.md).

# Configuration du modèle de carte de fidélité

Que vous soyez un nouveau client qui doit créer le modèle des cartes qui seront distribuées à vos clients, ou un expert de The Wallet Crew qui doit mettre à jour un modèle existant, cet article vous aidera à naviguer vers notre concepteur de modèles. L'objectif est de configurer un modèle de carte qui reflétera l'identité de votre marque, affichera les bonnes informations à vos clients et garantira une expérience fluide sur Apple Wallet et Google Wallet.

## Architecture

Apple et Google ont leurs propres modèles de carte de fidélité, comme vous pouvez le voir ci-dessous.

{% tabs %}
{% tab title="Apple" %}

<figure><img src="/files/77cdae8f8a32483fcc3803bea24a2e06746a80f7" alt="Architecture - Apple"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Google" %}

<figure><img src="/files/1e0541815b50003c5ea76c937d80c82bbcea5159" alt="Architecture - Google"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="image">Image de couverture</th></tr></thead><tbody><tr><td align="center">Carte Apple</td><td data-object-fit="contain" data-alt="Apple example loyalty card "><a href="/files/78b1edcad7df10c6dbc51e97d18554461f1a9fc0">/files/78b1edcad7df10c6dbc51e97d18554461f1a9fc0</a></td></tr><tr><td align="center">Carte Apple</td><td data-object-fit="contain" data-alt="Apple example loyalty card "><a href="/files/9a1ed089947c883b0090d8dcde287a98ecf451a7">/files/9a1ed089947c883b0090d8dcde287a98ecf451a7</a></td></tr><tr><td align="center">Carte Apple</td><td data-object-fit="contain" data-alt="Apple example loyalty card "><a href="/files/101a00c02de140ea08ddad8e9872da91f92c84b3">/files/101a00c02de140ea08ddad8e9872da91f92c84b3</a></td></tr></tbody></table>

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="image">Image de couverture</th></tr></thead><tbody><tr><td align="center">Carte Google</td><td data-object-fit="contain"><a href="/files/d7193e03f2c0ec90aa839320e4c12974b53132e7">/files/d7193e03f2c0ec90aa839320e4c12974b53132e7</a></td></tr><tr><td align="center">Carte Google</td><td data-object-fit="contain"><a href="/files/d8db6fac247408bf2c2643317aba4ef2b876812a">/files/d8db6fac247408bf2c2643317aba4ef2b876812a</a></td></tr><tr><td align="center">Carte Google</td><td data-object-fit="contain"><a href="/files/3b3403b7040bf5f9c1d5d7cc1566bdbe0fc6a854">/files/3b3403b7040bf5f9c1d5d7cc1566bdbe0fc6a854</a></td></tr></tbody></table>

{% hint style="info" %}
**Si vous voulez aller plus loin, retrouvez tous les détails des deux versions :**
{% endhint %}

**Apple :**

{% embed url="<https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/PassKit_PG/Creating.html>" %}

**Android :**

{% embed url="<https://developers.google.com/wallet/retail/loyalty-cards/resources/template>" %}

### Comment le configurer sur The Wallet Crew

Avec The Wallet Crew, vous avez accès à un **concepteur de modèles** qui vous permet de **personnaliser les cartes de fidélité** que vous distribuerez à vos clients. Voyons en détail comment personnaliser chaque section !

## Apple

**Regardons les différentes sections du concepteur de modèles Apple.**

### Section générale

Dans la section générale, vous avez deux champs obligatoires à remplir :

* **Description** : une brève description de la carte, qui apparaîtra au verso de la carte
* **Nom de l'organisation** : le nom de votre entreprise ou de votre marque

Vous avez également la possibilité d'ajouter un texte à côté de votre logo, **activer le partage de la carte** si vous souhaitez que vos clients puissent la partager ou non avec d'autres personnes, la fonctionnalité « void » pour les coupons, ainsi qu'une date de validité et une date d'expiration utilisées pour les billets d'événement.

Vous pouvez également **définir la distance** à partir d'une latitude et d'une longitude pertinentes afin que la carte soit pertinente, pour **les notifications de géorepérage.**

<figure><img src="/files/9e391d77d8a0e6c938cb4f079552f7c9288e92f6" alt="Template designer general section"><figcaption><p>La section où vous pouvez personnaliser les informations générales</p></figcaption></figure>

### Code-barres

Choisissez le **type de code-barres** compatible avec votre logiciel de point de vente. La valeur du code-barres correspond aux **identifiants** qui vous permettront d'identifier la carte avec votre terminal en magasin. Enfin, le texte alternatif peut être utilisé pour afficher les données du code-barres si celui-ci ne peut pas être scanné.

<figure><img src="/files/33a2a2ef9d57a687bc8612308144f74299969e41" alt="Template designer barcode"><figcaption><p>La section où vous pouvez personnaliser vos préférences de code-barres</p></figcaption></figure>

### Couleurs et images

Pour changer la couleur de fond de votre carte, il suffit de **d'ajouter le code couleur dans les champs** prévus à cet effet. Pour ajouter une image, importez-la depuis votre appareil.

### Champs d'en-tête

Cette section est particulièrement importante dans la version Apple, car les cartes sont **empilées les unes sur les autres**. Seul l'en-tête de la carte reste visible. Il est donc important que cette section attire l'attention et incite à cliquer sur la carte, notamment en affichant les informations les plus importantes, comme les points de fidélité ou d'autres informations pertinentes.

<figure><img src="/files/30e7db98e93e27361facf84b579b8c04a44ce900" alt="Template designer header fields"><figcaption><p>La section où vous pouvez personnaliser les champs d'en-tête</p></figcaption></figure>

### Champs de face

Les champs de face sont les champs utilisés pour **afficher des informations sur le recto de la carte**, sous l'image de bande. Le libellé que vous choisirez est le même pour chaque utilisateur (par langue), mais vous pouvez personnaliser la valeur pour afficher le nom du client ou le nombre de points.

<figure><img src="/files/761e09cdb8aa0b1892ed003e126e46647b3b22b9" alt="Template designer front fields"><figcaption><p>La section où vous pouvez personnaliser les champs de face</p></figcaption></figure>

{% hint style="warning" %}
**Pour personnaliser les champs de face, veuillez vous référer à votre équipe technique afin de savoir quelle valeur dynamique vous devez saisir.**
{% endhint %}

### Champs de verso

Cette section, située au verso de la carte de fidélité, comprend plusieurs informations utiles pour le client :

* Fonctionnement du programme de fidélité
* Récompenses disponibles
* Reçus
* Offres et messages personnalisés
* La possibilité d'ajouter des liens, tels que l'emplacement de leur magasin préféré, un lien pour mettre à jour leur compte et leurs préférences, l'accès aux conditions générales, etc.

<figure><img src="/files/048e2ac2ceb22af46256a39b4e9f7077143616d7" alt="Template designer backfields"><figcaption><p>La section où vous pouvez personnaliser les champs de verso</p></figcaption></figure>

### Autres sections

Sur Apple, vous avez également trois autres sections :

* **Emplacements** : Utilisé pour les notifications de géorepérage.
* **Balises** : Utilisé également pour les notifications de géorepérage.
* **Identifiant du magasin associé** : Vous pouvez lier votre application si elle se trouve sur l'App Store
* **NFC** : Une fonctionnalité qui permet aux clients d'échanger du contenu numérique et de connecter des appareils électroniques par simple contact.

{% hint style="warning" %}
**Veuillez contacter votre représentant The Wallet Crew pour activer ces fonctionnalités**
{% endhint %}

{% hint style="danger" %}
**Une fois que vous avez effectué quelques modifications, n'oubliez pas de cliquer sur « enregistrer » en haut de votre écran !**
{% endhint %}

***

## Google

**Le concepteur de modèles Google est légèrement différent de celui d'Apple.**

{% hint style="warning" %}
**Voici quelques éléments à savoir avant de configurer votre modèle Google :**
{% endhint %}

1. Certains champs, comme « issue » et « nom du programme », sont **obligatoires**
2. Google préconfigure les champs en fonction de leur usage prévu, il vaut donc mieux ne pas saisir le nom du client dans le champ des points de fidélité, par exemple, même si c'est ainsi que vous souhaiteriez qu'il apparaisse sur la carte
3. Les valeurs dynamiques (par ex. {{firstName}}) doivent être **placées dans des champs dynamiques dédiés**. Les champs « Label » sont destinés au texte statique uniquement.

**Jetons un coup d'œil aux différentes sections.**

### Section générale

Dans la section générale, vous avez trois **champs obligatoires** à remplir :

* **Émetteur**: le nom de la marque ou de l'entreprise qui émet la carte
* **Nom du programme**: il apparaît sur le recto de la carte, il peut s'agir par exemple du nom de votre programme de fidélité
* **État**: l'état de votre carte (active, expirée, terminée, inactive)

<figure><img src="/files/4732cb2d962ce8e9446722b6fc88f7c71e36a6ec" alt="Google template designer general section"><figcaption><p>La section où vous pouvez personnaliser les informations générales</p></figcaption></figure>

### Code-barres

Choisissez le **type de code-barres** compatible avec votre logiciel de point de vente. La valeur du code-barres correspond aux **identifiants** qui vous permettront d'identifier la carte avec votre terminal en magasin. Enfin, le texte alternatif peut être utilisé pour afficher les données du code-barres si celui-ci ne peut pas être scanné.

<figure><img src="/files/eb04f89ac096b0af6e589348644ea405ac2c55d3" alt="Google template designer Barcode"><figcaption><p>La section où vous pouvez personnaliser le code-barres</p></figcaption></figure>

### Plusieurs appareils et titulaires

Lorsque vous configurez un modèle, vous devez décider **si le client peut partager sa carte ou non**. Concernant Google, vous avez trois options :

* **Plusieurs titulaires**: cela signifie que le client peut partager sa carte avec n'importe qui
* **Un utilisateur, tous les appareils**: un client, mais avec plusieurs appareils (une montre par exemple)
* **Un utilisateur, un appareil**

<figure><img src="/files/6f173778d896c5018aa949c5c28294d434f07b18" alt="Google template designer multiple holders"><figcaption><p>La section où vous pouvez décider si un client peut partager sa carte ou non</p></figcaption></figure>

### Couleurs et images

Pour changer la couleur de fond de votre carte, il suffit de **d'ajouter le code couleur dans les champs** prévus à cet effet. Pour ajouter une image, importez-la depuis votre appareil.

<figure><img src="/files/17e76d2f5bd5e11c77ed20ae48af415bdf935c86" alt="Google template designer images and colors"><figcaption><p>La section où vous pouvez personnaliser les couleurs et les images</p></figcaption></figure>

### Compte

La section Compte est l'endroit où vous pouvez saisir le **nom du client** et son **identifiant**.

<figure><img src="/files/49961e13eda8b6eb7bc30c8f59f5bc11c6585e68" alt="Google template designer account section"><figcaption><p>La section où vous pouvez configurer les noms et les identifiants de vos clients</p></figcaption></figure>

{% hint style="warning" %}
**Veuillez noter qu'il s'agit d'un champ facultatif et que vous ne pouvez pas mettre de valeur dynamique dans le champ libellé.**
{% endhint %}

### Liens supplémentaires

Cela apparaît au verso de la carte, vous pouvez y mettre le **lien d'un magasin ou de votre site web**!

<figure><img src="/files/cdb11002556555d459014ca659521300f39c29c6" alt="Google template designer additional links"><figcaption><p>La section où vous pouvez ajouter des liens supplémentaires</p></figcaption></figure>

### Points de fidélité, récompenses et niveaux de récompenses

Ces champs servent à configurer les **points de fidélité**, ainsi que les **récompenses** ou **niveaux de récompenses** (statut du programme de fidélité par exemple).

<figure><img src="/files/9dfcea3700cc41d375c6cb8b5bab4368783e13ad" alt="Google template designer points" width="375"><figcaption><p>La section où vous pouvez configurer les points et les récompenses de la carte</p></figcaption></figure>

### Messages

Cette section, située au verso de la carte de fidélité, comprend plusieurs **informations utiles** pour le client :

* Fonctionnement du programme de fidélité
* Récompenses disponibles
* La possibilité d'ajouter des liens, tels que l'emplacement de leur magasin préféré, un lien pour mettre à jour leur compte et leurs préférences, l'accès aux conditions générales, etc.

<figure><img src="/files/80c6c1dd238ec5218ce059e1f2558eeefdf825fc" alt="Google template designer messages"><figcaption><p>La section où vous pouvez personnaliser les champs de verso de la carte</p></figcaption></figure>

### Opportunités à valeur ajoutée

Cette section vous permet d'ajouter une **petite section en bas de la carte de fidélité**. Elle sert à afficher des offres ou des actualités.

<figure><img src="/files/9355f8cb3b76257b76e6b02ac0db7160b4a72316" alt="Google template designer added value opportunities"><figcaption><p>La section où vous pouvez personnaliser la section en bas de la carte</p></figcaption></figure>

{% hint style="danger" %}
**Une fois que vous avez effectué quelques modifications, n'oubliez pas de cliquer sur « enregistrer » en haut de votre écran !**
{% endhint %}

## FAQ

<details>

<summary><strong>Dois-je enregistrer ma configuration et mettre à jour toutes les cartes ?</strong></summary>

Une fois que vous avez terminé de modifier votre modèle, vous avez **deux options :**

* Enregistrer votre configuration sans déployer de mise à jour sur toutes les cartes : c'est la meilleure option si vous avez beaucoup de cartes. Vous pouvez enregistrer votre configuration et décider de planifier une mise à jour pendant la nuit afin d'éviter l'impact d'une mise à jour massive.
* Enregistrer votre configuration et déployer une mise à jour : c'est la meilleure option si vous faites des tests ou si vous avez quelques cartes dans votre environnement.

</details>

<details>

<summary><strong>Comment modifier la configuration pour une autre langue ?</strong></summary>

Vous avez la possibilité de modifier le design de la carte pour chaque langue. Si vous cliquez sur « général » dans le menu, vous pouvez ajouter une langue. Elle apparaîtra alors dans le concepteur de modèles et vous pourrez la modifier.

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.thewalletcrew.io/guides-design/fr/conception/loyalty-card-template-configuration.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
