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

Que vous soyez un nouveau client qui a besoin de 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 <a href="#architecture" id="architecture"></a>

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

**Si vous souhaitez aller plus loin, retrouvez tous les détails des deux versions :**

**Apple :**

[![Logo](https://docs.thewalletcrew.io/~gitbook/image?url=https%3A%2F%2Fdeveloper.apple.com%2Ffavicon.ico\&width=20\&dpr=3\&quality=100\&sign=fa29250f\&sv=2)Guide de développement Wallet : conception et création de Cartedeveloper.apple.com](https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/PassKit_PG/Creating.html)

**Android :**

[Modèle de fidélité | Cartes de fidélité | Google pour les développeursGoogle pour les développeurs](https://developers.google.com/wallet/retail/loyalty-cards/resources/template)

#### Comment le configurer sur The Wallet Crew <a href="#how-to-configure-it-on-the-wallet-crew" id="how-to-configure-it-on-the-wallet-crew"></a>

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 <a href="#apple-1" id="apple-1"></a>

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

#### Section générale <a href="#general-section" id="general-section"></a>

Dans la section générale, vous avez deux champs obligatoires à 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 fonctionnalité « 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 auxquelles la carte est associée, pour **les notifications de géorepérage.**

La section où vous pouvez personnaliser les informations générales

#### Code-barres <a href="#barcode" id="barcode"></a>

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 au cas où celui-ci ne pourrait pas être scanné.

La section où vous pouvez personnaliser vos préférences de code-barres

#### Couleurs et images <a href="#colors-and-images" id="colors-and-images"></a>

Pour modifier la couleur d’arrière-plan de votre carte, il suffit de **ajouter le code couleur dans les champs** prévu à cet effet. Pour ajouter une image, téléchargez-la depuis votre appareil.

#### Champs d’en-tête <a href="#header-fields" id="header-fields"></a>

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.

La section où vous pouvez personnaliser les champs d’en-tête

#### Champs du recto <a href="#front-fields" id="front-fields"></a>

Les champs du recto 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 afin d’afficher le nom du client ou le nombre de points.

La section où vous pouvez personnaliser les champs du recto

{% hint style="warning" %}
Pour personnaliser les champs du recto, veuillez vous référer à l’équipe technique afin d’identifier quelle valeur dynamique doit être utilisée.
{% endhint %}

#### Champs du verso <a href="#backfields" id="backfields"></a>

Cette section, située au dos 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.

La section où vous pouvez personnaliser les champs du verso

#### Autres sections <a href="#other-sections" id="other-sections"></a>

Sur Apple, vous avez également 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 le représentant de The Wallet Crew pour activer ces fonctionnalités.
{% endhint %}

{% hint style="danger" %}
Une fois les modifications terminées, n’oubliez pas de cliquer **Enregistrer** en haut de l’écran.
{% endhint %}

***

### Google <a href="#google-1" id="google-1"></a>

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

{% hint style="warning" %}
Voici quelques éléments à connaître avant de configurer le 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 destinés au texte statique uniquement.

**Examinons les différentes sections.**

#### Section générale <a href="#general-section-1" id="general-section-1"></a>

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, complétée, inactive)

La section où vous pouvez personnaliser les informations générales

#### Code-barres <a href="#barcode-1" id="barcode-1"></a>

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 au cas où celui-ci ne pourrait pas être scanné.

La section où vous pouvez personnaliser le code-barres

#### Plusieurs appareils et titulaires <a href="#multiple-devices-and-holders" id="multiple-devices-and-holders"></a>

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**

La section où vous pouvez décider si un client peut partager sa carte ou non

#### Couleurs et images <a href="#colors-and-images-1" id="colors-and-images-1"></a>

Pour modifier la couleur d’arrière-plan de votre carte, il suffit de **ajouter le code couleur dans les champs** prévu à cet effet. Pour ajouter une image, téléchargez-la depuis votre appareil.

La section où vous pouvez personnaliser les couleurs et les images

#### Compte <a href="#account" id="account"></a>

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

La section où vous pouvez configurer les noms et identifiants de vos clients

{% hint style="warning" %}
Veuillez noter que ce champ est facultatif, et qu’une valeur dynamique ne peut pas être utilisée dans le champ du libellé.
{% endhint %}

#### Liens supplémentaires <a href="#additional-links" id="additional-links"></a>

Cela apparaît au dos de la carte ; vous pouvez y mettre le **lien d’un magasin ou de votre site web**!

La section où vous pouvez ajouter des liens supplémentaires

#### Points de fidélité, récompenses et niveaux de récompense <a href="#loyalty-points-rewards-and-rewards-tiers" id="loyalty-points-rewards-and-rewards-tiers"></a>

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

La section où vous pouvez configurer les points et les récompenses de la carte

#### Messages <a href="#messages" id="messages"></a>

Cette section, située au dos 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.

La section où vous pouvez personnaliser les champs du verso de la carte

#### Opportunités à valeur ajoutée <a href="#value-added-opportunities" id="value-added-opportunities"></a>

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

La section où vous pouvez personnaliser la section en bas de la carte

{% hint style="danger" %}
Une fois les modifications terminées, n’oubliez pas de cliquer **Enregistrer** en haut de l’écran.
{% endhint %}

### FAQ <a href="#faq" id="faq"></a>

<details>

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

Une fois la modification terminée, il y a **deux options**:

* Enregistrez la configuration sans déployer de mise à jour sur toutes les cartes. C’est la meilleure option lorsque de nombreuses cartes sont en circulation. La configuration peut être enregistrée et la mise à jour peut être programmée ultérieurement, par exemple pendant la nuit, afin de limiter l’impact d’une mise à jour massive.
* Enregistrez la configuration et déployez immédiatement une mise à jour. C’est la meilleure option pour les tests ou lorsqu’un petit nombre de cartes existe dans l’environnement.

</details>

<details>

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

La conception de la carte peut être configurée par langue. Dans **Général** , ajoutez une langue depuis le menu. Elle apparaît ensuite dans le concepteur de modèles et peut être modifiée séparément.

</details>


---

# Agent Instructions: 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:

```
GET https://docs.thewalletcrew.io/guides-design/fr/types-de-carte-et-modeles/configuration-du-modele-de-carte-de-fidelite-loyalty-loyalty.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
