> 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

## À quoi servent les offres ?

Les offres sont conçues pour distribuer des avantages promotionnels à vos clients dans un format simple et numérique. 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 réduction, mettre en avant un événement spécial, récompenser des segments de clients spécifiques ou soutenir des campagnes saisonnières.

Que vous soyez un nouveau client cherchant à créer un modèle pour l’offre que vous distribuerez à vos clients, ou un expert de 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 une **Offre** Carte lorsque la carte est un **coupon**. C’est la meilleure option pour des réductions ponctuelles ou limitées dans le temps.

Schémas courants :

* Un code-barres ou un code utilisé en point de vente ou lors du paiement
* Une date d’expiration et des restrictions 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="/files/eafb0e6fe20c735b4bdfe53d966af5fe1fde6bfc" alt="The Wallet Crew offer - Apple architecture"><figcaption><p>Concepteur de modèles 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èles d’offre (Google)</p></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/offers/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 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 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, et la **« fonctionnalité de désactivation » 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 modifier la couleur d’arrière-plan de votre carte d’offre, 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.

### 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 le regard 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. L’intitulé que vous choisirez est le même pour chaque utilisateur (par langue), mais vous pouvez personnaliser la valeur à 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 trouver la valeur dynamique à inscrire.**
{% endhint %}

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

Cette section, située au dos de la carte d’offre, inclut 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 disposez également de quatre autres sections :

* **Lieux** : 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’Apple 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 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 tels que « Redemption Channel  » et « Provider » sont **obligatoires**
2. Google préconfigure les champs en fonction de la valeur attendue
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

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 le nom du commerçant).
* **Canal de distribution :** 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 client, mais avec 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 modifier la couleur d’arrière-plan de votre offre, 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/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 choisir d’ajouter **des liens supplémentaires** à l’offre du client, par exemple le lien vers le site web de l’événement !

En outre, vous pouvez également configurer la **fonction 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 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="/files/b5fc1e9811292ab0b8ba8dfaa92cf374b83667bd" alt="The Wallet Crew Offers - Messages Google"><figcaption></figcaption></figure>

### Possibilités de valeur ajoutée

Cette section vous permet d’ajouter une **petite section au bas de l’offre**. Celle-ci 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 disposez également de 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
* **Lieux** : 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 %}

#### FAQ

<details>

<summary><strong>Quand doit-on utiliser « Valeur faciale » sur une offre ?</strong></summary>

Utilisez-la lorsque vous voulez que Google Wallet affiche un montant monétaire dans l’offre.

Veillez à ce que cela corresponde à 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 standard dans la carte.

</details>

<details>

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

Les lieux peuvent aider à faire apparaître la carte lorsque les clients se trouvent à proximité d’un endroit précis, et ils peuvent prendre en charge des interactions basées sur la localisation.

Commencez d’abord avec un petit nombre 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 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/offer.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.