> 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/gift-card.md).

# carte-cadeau

Que vous soyez un nouveau client cherchant à créer le modèle des cartes-cadeaux que vous distribuerez à vos clients, ou un expert de Wallet Crew cherchant à mettre à jour un modèle existant, cet article vous guidera à travers notre concepteur de modèles. L’objectif est de configurer un modèle de carte-cadeau qui reflète l’identité de votre marque, affiche les bonnes informations à vos clients et garantit une expérience fluide sur Apple Wallet et Google Wallet.

Utilisez un **carte-cadeau** carte lorsque la carte représente **une valeur stockée**. Ce modèle est conçu pour l’affichage du solde et les mises à jour du solde.

Modèles typiques :

* Solde initial à l’émission
* Rachats partiels qui diminuent le solde
* Recharges et remboursements qui mettent à jour la même carte

Si votre carte est un coupon de réduction (pas une valeur stockée), utilisez [Offre](/guides-design/fr/conception/offer.md) à la place.

### Architecture

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

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

<figure><img src="/files/f8a4e41a66f50a2367a0acbcd60368cdfe85eb2f" alt="Apple gift card template"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Google" %}

<figure><img src="/files/4cb9d16cafe72ce1802689e8d1f6de714c7e6af0" alt="Google gift card template"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% 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>" %}

**Google :**

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

### 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-cadeaux** que vous distribuerez à vos clients. Voyons en détail comment personnaliser chaque section.

## Apple

**Voyons 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-cadeau, 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-cadeau** si vous souhaitez que vos clients puissent la partager ou non avec d’autres personnes, la fonction d’invalidation pour les coupons, ainsi qu’une date de validité et 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 à laquelle la carte est pertinente, pour **les notifications de géorepérage.**

<figure><img src="/files/6bbb9faaa7cc07e2b06b0f9ec1312299886b6383" alt="Gift card - general section Apple"><figcaption></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/33a27f16e0701788a83e50567c71b864784e19d2" alt="Gift card - barcode Apple"><figcaption></figcaption></figure>

### Couleurs et images

Pour modifier la couleur de fond de votre carte, il suffit de **ajouter le code couleur dans les champs** prévus à cet effet. Pour ajouter une image, téléversez-la depuis votre appareil.

<figure><img src="/files/6a3f1d8361f77cbc2e42ed2768b99c167d17bdeb" alt="gift card - colors and images Apple"><figcaption></figcaption></figure>

### 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 donne envie de cliquer sur la carte, notamment en affichant les informations les plus importantes comme le montant disponible.

<figure><img src="/files/5fca6bf2e9ec415b50dbf54fec3eaba035a968da" alt="gift card - header fields Apple"><figcaption></figcaption></figure>

### Champs avant

Les champs avant sont les champs utilisés pour **afficher des informations sur le recto de la carte**, sous l’image de bande. L’étiquette que vous choisirez est la même pour tous les utilisateurs (par langue), mais vous pouvez personnaliser la valeur à afficher, par exemple la date d’expiration de la carte.

<figure><img src="/files/6a2efbdf43cccc090cf0ec41a531cfad7a5b056e" alt="display information in the recto of the card"><figcaption></figcaption></figure>

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

#### Champs arrière <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 :

* La date d’expiration de la carte-cadeau
* Le montant
* Reçus
* Messages personnalisés
* Liens, tels que les conditions générales, etc.

<figure><img src="/files/7273a5250a51450a4ec0809be5ebe2f3258eb04b" alt="gift card - backfields Apple"><figcaption></figcaption></figure>

### Autres sections

Sur Apple, vous disposez également de trois autres sections :

* **Emplacements** : utilisés pour les notifications de géorepérage.
* **Balises** : également utilisées 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 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 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 à connaître avant de configurer votre modèle Google :**
{% endhint %}

1. Certains champs, comme l’émetteur et le nom du programme, sont **obligatoires**
2. Google préconfigure les champs en fonction de leurs valeurs prévues, donc conservez le solde dans les champs dédiés au solde/à la valeur
3. Les valeurs dynamiques (par ex. {{balance}}) doivent être **placées dans les champs dynamiques dédiés**. Les champs « Label » sont réservés au texte statique uniquement.

**Voyons les 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é
* **Numéro de carte**: le numéro de la carte-cadeau

<figure><img src="/files/781afcd289cc7f973172a3e299107393c325147a" alt="gift card - general section Google"><figcaption></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/46f3946d9b9b48c2185f81dbfa11a7f53283a384" alt="gift card - barcode Google"><figcaption></figcaption></figure>

### Sécurité

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/b924bb7768f519afce1930aa1a3f4380300c8004" alt="gift card - security Google"><figcaption></figcaption></figure>

### Couleurs et images

Pour modifier la couleur de fond de votre carte, il suffit de **ajouter le code couleur dans les champs** prévus à cet effet. Pour ajouter une image, téléversez-la depuis votre appareil.

<figure><img src="/files/5c01c1fc2af469521df28cdacdf2eea7d2a412aa" alt="gift card - colors and images Google"><figcaption></figcaption></figure>

### Solde et code PIN

Dans cette section, vous devez saisir la valeur dynamique du montant de la carte-cadeau ainsi que la devise, car ce sont des champs obligatoires. Vous pouvez également configurer une étiquette PIN et un PIN si nécessaire.

<figure><img src="/files/d54a46e194352d1f1f6ce9cc0a1b612f121d06d8" alt="gift card - balance and pin Google"><figcaption></figcaption></figure>

### Liens supplémentaires, Smart tap et intervalle de validité

Vous pouvez décider d’ajouter **des liens supplémentaires** à la carte-cadeau du client, par exemple le lien de votre site Web !

En outre, vous pouvez également configurer la **fonction Smart tap** qui permet à votre client de simplement **valider sa carte-cadeau** en approchant son appareil de votre terminal compatible.

Enfin, la section Intervalle de validité vous permet de **définir quand une carte-cadeau peut être utilisée !**

<figure><img src="/files/074a1bb280dc7424d71e350d021dc15c0949b965" alt="gift card - smart tap Google" width="375"><figcaption></figcaption></figure>

### Messages

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

* La date d’expiration de la carte-cadeau
* Le montant
* Reçus
* Messages personnalisés
* Liens, tels que les conditions générales, etc.

<figure><img src="/files/671ab94bbef1ced1d222c923335f94f9de6a36a9" alt="gift card - messages Google"><figcaption></figcaption></figure>

### Opportunités de valeur ajoutée

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

### Autres sections

Sur Google, vous disposez également de quatre autres sections :

* **Liens vers l’application** : utilisés pour ajouter un lien vers une application
* **Page d’accueil** : utilisé pour ajouter le lien du site Web de l’événement
* **Emplacements** : utilisés pour les notifications de géorepérage

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

### Prochaines étapes

* Pour les consignes de conception, commencez par [Conception de carte](/configure/fr/advanced-configuration/wallet/template-configuration/cards-design-colors-images-and-fields.md).
* Pour distribuer la carte, utilisez [Ajouter à Wallet sur un site Web](/guides-enrolment/fr/inscription/on-your-website.md).


---

# 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/gift-card.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.
