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

# Offre

Configurez un modèle de Carte d'offre pour Apple Wallet et Google Wallet. Utilisez-le pour des coupons et des remises à durée limitée.

## À quoi servent les offres ?

Les offres diffusent des incitations promotionnelles aux clients dans un format simple et numérique. Elles aident les marques à générer du trafic, à augmenter les conversions et à lancer des campagnes à durée limitée directement dans les wallets mobiles. Une offre peut servir à promouvoir une remise, mettre en avant un événement spécial, récompenser certains segments de clientèle ou soutenir des campagnes saisonnières.

Que vous soyez un nouveau client en train de créer un modèle pour les offres qui seront distribuées aux clients, ou que vous connaissiez déjà The Wallet Crew et mettiez à jour un modèle existant, cet article est une visite pas à pas du Template Designer. L'objectif est de configurer un modèle d'offre qui reflète l'identité de la marque, affiche les bonnes informations aux clients et garantit une expérience fluide sur Apple Wallet et Google Wallet.

Utilisez une **Offre** carte lorsque la carte est un **coupon**. C'est la meilleure solution pour des remises ponctuelles ou limitées dans le temps.

Schémas courants :

* Un code-barres ou un code utilisé au point de vente ou lors du passage en caisse
* Une date d'expiration et des contraintes d'utilisation
* Des messages de campagne diffusés pendant la durée de vie de l'offre

Si la carte représente une valeur stockée, utilisez [Carte cadeau](/guides-design/fr/conception/gift-card.md) à la place.

### Architecture

Apple et Google ont leurs propres modèles d'offre.

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

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FahGC4dSSw7zLChaOXFa1%2Fdesign-offer-wallet-crew-offer-apple-architecture.png?alt=media&amp;token=99a6a2cd-ff5b-4a41-a406-93a8a185292a" alt="The Wallet Crew offer - Apple architecture"><figcaption><p>Concepteur de modèle d'offre (Apple)</p></figcaption></figure>
{% endtab %}

{% tab title="Google" %}

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FlARqnpOUrVpuHxjknJvA%2Fdesign-offer-wallet-crew-offers-google-architecture.png?alt=media&amp;token=f3f97da1-31ac-4596-9cf3-9d74cf47aef0" alt="The Wallet Crew Offers - Google architecture"><figcaption><p>Concepteur de modèle d'offre (Google)</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
**Pour 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/offers/resources/template>" %}

### Comment le configurer sur The Wallet Crew

The Wallet Crew fournit un concepteur de modèles qui sert à personnaliser les cartes d'offre distribuées aux clients. Voyons en détail comment personnaliser chaque section.

## Apple

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

### Section générale

La section générale comporte deux champs obligatoires :

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

Il est également possible d'ajouter un texte à côté du logo, **d'activer le partage du ticket** afin que les clients puissent le transmettre à d'autres personnes, et la **fonction « void » pour les coupons**.

La section **définit également la distance** à partir d'une latitude et d'une longitude pertinentes, à laquelle la carte d'offre est pertinente, pour **les notifications de géorepérage.**

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FELeJKQxvikWJhHAFzely%2Fdesign-offer-wallet-crew-offers-general-apple.png?alt=media&amp;token=fac6478b-4030-42af-98d3-d233a408367b" alt="The Wallet Crew Offers - General Apple"><figcaption><p>Vérifiez que Description et Nom de l'organisation sont bien remplis avant d'enregistrer.</p></figcaption></figure>

### Code-barres

Choisissez le **type de code-barres** compatible avec le matériel de validation. La valeur du code-barres correspond aux **identifiants** qui permettent d'identifier l'offre 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="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FKQIZpFZ5ddEZ6hwoQfP2%2Fdesign-offer-wallet-crew-offers-barcode-apple.png?alt=media&amp;token=4908a90b-545f-4cde-8d4f-9845a35c9367" alt="The Wallet Crew Offers - Barcode Apple"><figcaption><p>Vérifiez que le type de code-barres correspond à ce que le matériel d'encaissement accepte.</p></figcaption></figure>

### Couleurs et images

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

### 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 offres sont **empilées les unes sur les autres**. Seul l'en-tête de la carte d'offre reste visible. Il est donc important que cette section attire l'attention et encourage à cliquer sur la carte, notamment en affichant les informations les plus importantes, comme le montant restant.

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FmvUZkbg5ltjZ37NlWCen%2Fdesign-offer-wallet-crew-offers-header-field-apple.png?alt=media&amp;token=b88a2dad-783c-4093-a5e8-6891db24ce4f" alt="The Wallet Crew Offers - Header field Apple"><figcaption><p>Vérifiez que le champ d'en-tête contient la remise, puisqu'il est le seul élément visible lorsqu'il est empilé.</p></figcaption></figure>

### Champs recto

Les champs recto sont les champs utilisés pour **afficher des informations sur le recto de l'offre**, sous l'image de bande. L'étiquette est la même pour chaque utilisateur (par langue), mais la valeur peut être personnalisée pour afficher la date d'expiration, par exemple.

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FNXbwgu70H2UsPEbxzj7s%2Fdesign-offer-wallet-crew-offers-front-fields-apple.png?alt=media&amp;token=800a5116-62f4-4e9a-a9af-36c3331c4b62" alt="The Wallet Crew Offers - Front fields Apple"><figcaption><p>Vérifiez que chaque champ recto possède une étiquette statique et une valeur dynamique.</p></figcaption></figure>

{% hint style="warning" icon="wand-magic-sparkles" %}
**Pour personnaliser les champs recto, demandez à l'équipe technique quelle valeur dynamique écrire.**
{% endhint %}

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

Cette section, située au dos de la carte d'offre, comprend plusieurs informations utiles pour le client :

* Date d'expiration
* Informations sur la marque
* Reçus
* La possibilité d'ajouter des liens, comme un lien vers un site web

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FjUiyCdupn0U37ZaNbvLQ%2Fdesign-offer-wallet-crew-offers-backfields-apple.png?alt=media&amp;token=2bf71fca-94cc-4947-ac5e-d2a308713cfe" alt="The Wallet Crew Offers - Backfields Apple"><figcaption><p>Vérifiez que les conditions de l'offre et le lien des conditions générales sont tous deux présents.</p></figcaption></figure>

### Autres sections

Sur Apple, il existe quatre 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é**: utilisé pour lier une application publiée 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 The Wallet Crew pour activer ces fonctionnalités**
{% endhint %}

{% hint style="danger" %}
**Une fois les modifications effectuées, n'oubliez pas de cliquer sur « save » en haut du concepteur de modèle !**
{% endhint %}

## Google

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

{% hint style="warning" %}
**Quelques éléments à connaître avant de configurer le modèle Google :**
{% endhint %}

1. Certains champs tels que « Redemption Channel » et « Provider » sont **obligatoires**
2. Google préconfigure les champs en fonction de leurs valeurs prévues
3. Les valeurs dynamiques (par ex. {{firstName}}) doivent être **placées dans des champs dynamiques dédiés**. Les champs « Label » sont destinés uniquement au texte statique.

**Voyons les différentes sections.**

### Section générale

La section générale comporte cinq **champs obligatoires**:

* **Émetteur**: le nom de la marque ou de l'entreprise qui émet l'offre
* **Général**: le titre de l'offre, par exemple « 20 % de réduction sur n'importe quel t-shirt. »
* **État :** : l'état de l'offre (active, expirée, terminée, inactive)
* **Fournisseur :** : le fournisseur de l'offre (le nom de l'agrégateur ou du commerçant).
* **Canal de remboursement :** en magasin, en ligne, les deux ou non spécifié

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2Fzrbygp6mRuB0HYqq9q9V%2Fdesign-offer-wallet-crew-offers-general-google.png?alt=media&amp;token=2e2b1c4e-b8be-42b2-a0b8-a804e44fc21f" alt="The Wallet Crew offers - General Google"><figcaption><p>Vérifiez que les cinq champs obligatoires sont remplis, y compris Fournisseur et Canal de remboursement.</p></figcaption></figure>

### Code-barres

Choisissez le **type de code-barres** compatible avec le matériel de validation. La valeur du code-barres correspond aux **identifiants** qui permettent d'identifier l'offre 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="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FGv4jlVosoAGuU2nXcIUL%2Fdesign-offer-wallet-crew-offers-barcode-google.png?alt=media&amp;token=12c24520-ff5d-4ccf-8ff9-5aa5f16551a1" alt="The Wallet Crew Offers - Barcode Google"><figcaption><p>Vérifiez que la valeur du code-barres et son texte alternatif correspondent au code de remboursement.</p></figcaption></figure>

### Sécurité

Configurer un modèle revient à décider **si le client peut partager sa carte ou non**. Google propose trois options :

* **Multiples détenteurs**: 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="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FLcP6ZWoZXFXf3hHJPST9%2Fdesign-offer-wallet-crew-offers-security-google.png?alt=media&amp;token=31679721-1781-4302-9c26-0f481e3de704" alt="The Wallet Crew Offers - Security Google"><figcaption><p>Vérifiez que l'option de partage sélectionnée correspond aux règles de campagne de l'offre.</p></figcaption></figure>

### Couleurs et images

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

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2F1Wfz6sAYYusbJsorH8Nl%2Fdesign-offer-wallet-crew-offers-colors-images-google.png?alt=media&amp;token=0e000975-09c8-4848-b4a4-7fcc4b876b6d" alt="The Wallet Crew Offers - Colors and images Google"><figcaption><p>Vérifiez que l'image principale et le logo s'affichent correctement avec la couleur de fond choisie.</p></figcaption></figure>

#### Liens supplémentaires, Smart tap et intervalle de validité <a href="#additional-links-smart-tap-and-valid-time-interval" id="additional-links-smart-tap-and-valid-time-interval"></a>

**Liens supplémentaires** peuvent être ajoutés à l'offre du client, par exemple le lien du site de l'événement.

La **fonction Smart tap** peut aussi être configurée, afin que les clients puissent simplement **valider leur offre** en approchant leur appareil d'un terminal matériel compatible.

Enfin, la section Intervalle de validité **définit une date de début et une date de fin** pour l'offre.

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FChyzfDhmhZjI6WNr5qxt%2Fdesign-offer-wallet-crew-offers-smart-tap-google.png?alt=media&amp;token=601b351b-14fd-4e35-8535-b66315b4e8e3" alt="The Wallet Crew Offers - Smart tap Google"><figcaption><p>Vérifiez le paramètre Smart tap ainsi que les dates de début et de fin de la fenêtre de validité de l'offre.</p></figcaption></figure>

### Messages

Cette section, située au dos de la carte d'offre, peut inclure plusieurs informations utiles pour le client :

* Date d'expiration
* Informations sur la marque
* Reçus
* La possibilité d'ajouter des liens, comme un lien vers un site web

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FlrQBTBhBFEfaQ0hwq4JO%2Fdesign-offer-wallet-crew-offers-messages-google.png?alt=media&amp;token=f50da855-f849-4261-9bbb-236c6eacc8f3" alt="The Wallet Crew Offers - Messages Google"><figcaption><p>Vérifiez que chaque message comporte un titre et un corps, et qu'aucun texte d'espace réservé ne subsiste.</p></figcaption></figure>

### Opportunités à valeur ajoutée

Cette section ajoute un **petit encart en bas de l'offre**. Cela sert à afficher des offres ou des actualités.

<figure><img src="https://2331677975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F96iMF0cPuLTC7ZRnUWG9%2Fuploads%2FpqNL8PguqTbFEabN6bIy%2Fdesign-offer-wallet-crew-offers-value-added-opportunities.png?alt=media&amp;token=405b6f97-6015-4a65-a40a-4b754597a56e" alt="The Wallet Crew offers - Value added opportunities"><figcaption><p>Vérifiez que le contenu de la section inférieure est toujours d'actualité avant le lancement d'une campagne.</p></figcaption></figure>

### Autres sections

Sur Google, il existe quatre autres sections :

* **Valeur faciale**: le prix de l'offre
* **Liens d'application**: utilisé pour ajouter un lien vers une application
* **Page d'accueil**: utilisé pour ajouter le lien du site de l'événement
* **Emplacements**: utilisé pour les notifications de géorepérage

{% hint style="danger" %}
**Une fois les modifications effectuées, n'oubliez pas de cliquer sur « save » en haut du concepteur de modèle !**
{% endhint %}

#### FAQ

<details>

<summary><strong>Quand devons-nous utiliser « Face Value » sur une offre ?</strong></summary>

Utilisez-la lorsque Google Wallet doit afficher un montant monétaire dans le cadre de l'offre.

Faites en sorte que cela corresponde à ce que le client verra au moment du paiement (devise, décimales et formulation dans le titre de l'offre).

</details>

<details>

<summary><strong>Les liens d'application nécessitent-ils une application mobile ?</strong></summary>

Oui. Les liens d'application servent à rediriger les clients vers une application Android (ou vers une page contrôlée par la marque, selon la configuration).

Lorsqu'il n'y a pas d'application, laissez cette section vide et utilisez plutôt des liens standard dans la carte.

</details>

<details>

<summary><strong>Que se passe-t-il si nous définissons des emplacements ?</strong></summary>

Les emplacements peuvent aider à faire apparaître la carte lorsque les clients se trouvent à proximité d'un lieu spécifique, et ils peuvent prendre en charge des interactions basées sur la localisation.

Commencez d'abord par un petit nombre d'emplacements de magasins. Validez l'expérience sur de vrais appareils avant de la déployer dans tous les magasins.

</details>

### Étapes suivantes

* Pour les recommandations 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.thewalletcrew.io/guides-design/fr/conception/offer.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
