> 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/configuration-du-modele-de-carte-de-fidelite.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 à accéder à 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 chacun 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 souhaitez 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

**Examinons 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 que vous devez remplir :

* **Description** : une brève description de la carte, qui apparaîtra au dos 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 « fonction void » pour les coupons, 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, pour lesquelles la carte est concernée, 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** qui est 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 modifier la couleur d’arrière-plan de votre carte, il suffit de **d’ajouter le code couleur dans les champs** prévus à cet effet. Pour ajouter une image, téléchargez-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’œil et incite à cliquer sur la carte, notamment en affichant les informations les plus importantes telles que 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 au 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 adresser à votre équipe technique afin de déterminer quelle valeur dynamique vous devez saisir.**
{% endhint %}

### Champs de verso

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

* Comment fonctionne le programme de fidélité
* Récompenses disponibles
* Reçus
* Offres et messages personnalisés
* La possibilité d’ajouter des liens, comme 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 disposez également de trois autres sections :

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

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

{% hint style="danger" %}
**Une fois vos modifications effectuées, n’oubliez pas de cliquer sur « enregistrer » en haut de votre écran !**
{% endhint %}

***

## Google

**Le concepteur de modèles Google est un peu différent de celui d’Apple.**

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

1. Certains champs, tels que « issue » et « program name », sont **obligatoires**
2. Google préconfigure les champs en fonction de leurs valeurs prévues, 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 réservés au texte statique uniquement.

**Examinons les différentes sections.**

### Section générale

Dans la section générale, vous avez trois **champs obligatoires** que vous devez 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 par exemple s’agir 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** qui est 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 :

* **Titulaires multiples**: cela signifie que le client peut partager sa carte avec n’importe qui
* **Un utilisateur, tous les appareils**: un client 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 modifier la couleur d’arrière-plan de votre carte, il suffit de **d’ajouter le code couleur dans les champs** prévus à cet effet. Pour ajouter une image, téléchargez-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 de libellé.**
{% endhint %}

### Liens supplémentaires

Cela apparaît au dos 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écompense

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

<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 dos de la carte de fidélité, comprend plusieurs **informations utiles** pour le client :

* Comment fonctionne le programme de fidélité
* Récompenses disponibles
* La possibilité d’ajouter des liens, comme 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 vos modifications effectuées, 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 effectuez 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/configuration-du-modele-de-carte-de-fidelite.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.
