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

# Offre

## À quoi servent les offres ?

Les offres sont conçues pour distribuer des incitations promotionnelles à vos clients sous une forme numérique simple. Elles vous aident à 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 des segments de clientèle spécifiques ou soutenir des campagnes saisonnières.

Que vous soyez un nouveau client souhaitant créer un modèle pour l’offre que vous allez distribuer à vos clients, ou un expert Wallet Crew souhaitant mettre à jour un modèle existant, cet article vous guidera pas à pas dans notre Template Designer. L’objectif est de configurer un modèle d’offre 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 **Offre** Carte lorsque la carte est un **coupon**. C’est le meilleur choix pour des remises ponctuelles ou limitées dans le temps.

Modèles courants :

* Un code-barres ou un code utilisé au point de vente ou lors du paiement
* Une date d’expiration et des contraintes d’utilisation
* Messages de campagne envoyés pendant la durée de validité de l’offre

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

### Architecture

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

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

<figure><img src="/files/eafb0e6fe20c735b4bdfe53d966af5fe1fde6bfc" 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="/files/dadaed5be51631ef2100faba57562aba2b925dd0" alt="The Wallet Crew Offers - Google architecture"><figcaption><p>Concepteur de modèle d’offre (Google)</p></figcaption></figure>
{% endtab %}
{% endtabs %}

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

**Google**

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

### Comment le configurer dans The Wallet Crew

Avec The Wallet Crew, vous avez accès à un concepteur de modèles qui vous permet de personnaliser les cartes d’offre 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 devez remplir deux champs obligatoires :

* **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, ainsi que la **fonction « void » pour les coupons**.

Vous pouvez également **définir la distance** à partir d’une latitude et d’une longitude pertinentes pour lesquelles la carte d’offre est pertinente, pour **les notifications de géorepérage.**

<figure><img src="/files/d63ccedaab4a368e7e105de57adc7bb7c88f89e1" alt="The Wallet Crew Offers - General Apple"><figcaption></figcaption></figure>

### Code-barres

Choisissez le **type de code-barres** compatible avec votre matériel de contrôle. La valeur du code-barres correspond aux **identifiants** qui vous permettront 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="/files/4926686100c8e1d2eaa77269cc9cb00d7bbc4f63" alt="The Wallet Crew Offers - Barcode Apple"><figcaption></figcaption></figure>

### Couleurs et images

Pour changer la couleur de fond de votre carte d’offre, il suffit de **saisir le code couleur dans les champs** prévus à cet effet. Pour ajouter une image, importez-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 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 incite à cliquer sur la carte, notamment en affichant les informations les plus importantes, comme le montant restant.

<figure><img src="/files/875403015dd07ee18dade3fd15cee4c8186a8d32" alt="The Wallet Crew Offers - Header field Apple"><figcaption></figcaption></figure>

### Champs de face

Les champs de face sont les champs utilisés pour **afficher des informations sur le recto de l’offre**, sous l’image de bandeau. Le libellé que vous choisirez est le même pour chaque utilisateur (par langue), mais vous pouvez personnaliser la valeur pour afficher par exemple la date d’expiration.

<figure><img src="/files/6a8272d19fd78dc839fb94e5be7e2fbef2f87cad" alt="The Wallet Crew Offers - Front fields Apple"><figcaption></figcaption></figure>

{% hint style="warning" icon="wand-magic-sparkles" %}
**Pour personnaliser les champs de face, veuillez vous référer à votre équipe technique afin de déterminer quelle valeur dynamique vous devez renseigner.**
{% endhint %}

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

Cette section, située au verso de la carte d’offre, contient 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="/files/57031fe871099397ec857fcfa007e1392507c879" alt="The Wallet Crew Offers - Backfields Apple"><figcaption></figcaption></figure>

### Autres sections

Sur Apple, vous avez également quatre autres sections :

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

1. Certains champs tels que « Canal de remboursement » et « Fournisseur » 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 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 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 votre carte (active, expirée, terminée, inactive)
* **Fournisseur :** le fournisseur de l’offre (soit le nom de l’agrégateur, soit celui du commerçant).
* **Canal de remboursement :** en magasin, en ligne, les deux ou non spécifié

<figure><img src="/files/4713d9d952a0713a3a523e710b9b6fe0c4355236" alt="The Wallet Crew offers - General Google"><figcaption></figcaption></figure>

### Code-barres

Choisissez le **type de code-barres** compatible avec votre matériel de contrôle. La valeur du code-barres correspond aux **identifiants** qui vous permettront 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="/files/6c01466a04e5e6c68de6cf0a3e095afa58024938" alt="The Wallet Crew Offers - 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 détenteurs**: cela signifie que le client peut partager sa carte avec n’importe qui
* **Un utilisateur, tous les appareils**: un seul client, mais sur plusieurs appareils (une montre, par exemple)
* **Un utilisateur, un appareil**

<figure><img src="/files/2079a9f29d830a6f2dc16b7f2a65bca8823a892d" alt="The Wallet Crew Offers - Security Google"><figcaption></figcaption></figure>

### Couleurs et images

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

<figure><img src="/files/fe1a9f76d290219995d99cebf0e89309e461de55" alt="The Wallet Crew Offers - Colors and images Google"><figcaption></figcaption></figure>

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

Vous pouvez décider d’ajouter **des liens supplémentaires** à l’offre du client, par exemple le lien du site web de l’événement !

De plus, vous pouvez également configurer la **fonctionnalité Smart Tap** qui permet à votre client de simplement **valider son offre** en posant son appareil sur votre terminal matériel compatible.

Enfin, la section Intervalle de temps valide vous permet de **définir une date de début et une date de fin** pour votre offre !

<figure><img src="/files/32c2decc2efcb9d322ee11d1ff542676ddf70010" alt="The Wallet Crew Offers - Smart tap Google"><figcaption></figcaption></figure>

### Messages

Cette section, située au verso 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="/files/b5fc1e9811292ab0b8ba8dfaa92cf374b83667bd" alt="The Wallet Crew Offers - Messages Google"><figcaption></figcaption></figure>

### Opportunités à valeur ajoutée

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

<figure><img src="/files/915881a3b6ac0155eeec136b1cbc0191d62f6a32" alt="The Wallet Crew offers - Value added opportunities"><figcaption></figcaption></figure>

### Autres sections

Sur Google, vous avez également quatre autres sections :

* **Valeur faciale** : le prix de l’offre
* **Liens d’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é 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 %}

#### FAQ

<details>

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

Utilisez-le lorsque vous souhaitez que Google Wallet affiche un montant dans l’offre.

Assurez-vous qu’il soit cohérent avec ce que votre 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 votre application Android (ou vers une page que vous contrôlez, selon votre configuration).

Si vous n’avez pas d’application, laissez cette section vide et utilisez plutôt des liens standards 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 précis, et ils peuvent prendre en charge des interactions basées sur la localisation.

Commencez d’abord par un petit ensemble d’emplacements de magasins. Validez l’expérience sur des appareils réels avant de la déployer dans tous les magasins.

</details>

### Étapes suivantes

* Pour les directives 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 [Distribution (SDK](/connectors/fr/ticketing/aparte.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/offre.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.