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

# Billet d’événement

Que vous soyez un nouveau client qui doit créer le modèle des cartes qui seront distribuées à vos participants, ou un expert de The Wallet Crew qui doit mettre à jour un modèle existant, cet article vous aidera à naviguer vers notre concepteur de modèles. L’objectif est de configurer un modèle de carte qui reflète l’identité de votre marque, affiche clairement les informations essentielles de l’événement et garantisse une expérience fluide et sécurisée dans Apple Wallet et Google Wallet.

## Architecture

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

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

<figure><img src="/files/28ec2cca093155cc4e81f2d75edd13c88b5dc706" alt="Architecture - Apple"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Google" %}

<figure><img src="/files/893697add5dca6cf079db4201b91ebfe11b19461" alt="Architecture - Google"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="image">Image de couverture</th></tr></thead><tbody><tr><td align="center">Carte Apple</td><td data-object-fit="contain"><a href="/files/d630e2b0c48116f305e40e39592b58e0e6891dd9">/files/d630e2b0c48116f305e40e39592b58e0e6891dd9</a></td></tr><tr><td align="center">Carte Apple</td><td data-object-fit="contain"><a href="/files/ea9315353c908da7dc4938c59f005b1d3dcea8d7">/files/ea9315353c908da7dc4938c59f005b1d3dcea8d7</a></td></tr><tr><td align="center">Carte Apple</td><td data-object-fit="contain"><a href="/files/34c46e8c49fe9ed522f0feeaf6e313d74ab02ac3">/files/34c46e8c49fe9ed522f0feeaf6e313d74ab02ac3</a></td></tr><tr><td align="center">Carte Google</td><td data-object-fit="contain"><a href="/files/9e04d27b8417b570857fd7086ede9e2e9f3944b0">/files/9e04d27b8417b570857fd7086ede9e2e9f3944b0</a></td></tr><tr><td align="center">Carte Google</td><td data-object-fit="contain"><a href="/files/3fe16f678db3ba30de8b025df29df743056af477">/files/3fe16f678db3ba30de8b025df29df743056af477</a></td></tr><tr><td align="center">Carte Google</td><td data-object-fit="contain"><a href="/files/88ed15aabdd3afa906ef8cad6809896cde9b4d15">/files/88ed15aabdd3afa906ef8cad6809896cde9b4d15</a></td></tr></tbody></table>

{% 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/tickets/events/resources/template?hl=fr>" %}

### 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 de l’événement** que vous distribuerez à vos clients. Voyons en détail comment personnaliser chaque section !

## Apple

**Examinons 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, la fonctionnalité « void » pour les coupons, une date de validité et une date d’expiration utilisées pour les cartes d’événement.

Vous pouvez également **définir la distance** à partir d’une latitude et d’une longitude pertinentes pour lesquelles la carte est valide, pour **les notifications géolocalisées.**

<figure><img src="/files/266776e6c93f79fe558917884fef7b2165d9fe8b" alt="Event ticket - General section 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 la carte de l’événement avec votre terminal de contrôle à l’entrée. 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/8bbab12f1d285f9bbf6ca58b57cccbbb60890b07" alt="Event ticket - Barcode Apple"><figcaption></figcaption></figure>

### Couleurs et images

Pour changer la couleur d’arrière-plan de votre carte, il suffit de **d’ajouter le code couleur dans les champs** prévus à 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 le regard et incite à cliquer sur la carte, notamment en affichant les informations les plus importantes telles que la date, ou d’autres informations pertinentes.

<figure><img src="/files/e1bafb8543d3812680b73a9d9e38fbdbd1872872" alt="Event ticket - Header fields Apple"><figcaption></figcaption></figure>

### Champs avant

Les champs avant sont les champs utilisés pour **afficher les informations au recto de la carte**, sous l’image de la bande. L’étiquette que vous choisirez est la même pour chaque utilisateur (par langue), mais vous pouvez personnaliser la valeur pour afficher le nom de l’événement ou le siège du client.

<figure><img src="/files/46989840323520ed0312a33132f71adb07fa2fb8" alt="Event ticket - Front field Apple"><figcaption></figcaption></figure>

{% hint style="warning" %}
**Pour personnaliser les champs avant, veuillez vous rapprocher de votre équipe technique afin de déterminer quelle valeur dynamique vous devez renseigner.**
{% endhint %}

### Champs arrière <a href="#backfields" id="backfields"></a>

Cette section, située au dos de la carte de l’événement, contient plusieurs informations utiles pour le client :

* Comment se rendre à l’événement
* Informations concernant l’entrée
* Reçus
* La possibilité d’ajouter des liens, comme un lien pour écouter les artistes, accéder aux conditions générales, etc.

<figure><img src="/files/0cad52ecb460e9e3025d8172732d33bb9951996e" alt="Event ticket - Backfields Apple"><figcaption></figcaption></figure>

### Autres sections

Sur Apple, vous avez également quatre autres sections :

* **Lieux** : Utilisé pour les notifications géolocalisées.
* **Balises** : Également utilisées pour les notifications géolocalisées.
* **Identifiant de l’App Store 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 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 « issue » et « program name » sont **obligatoires**
2. Google préconfigure les champs en fonction de leur valeur prévue, il vaut donc mieux ne pas saisir le nom du client dans le nom de l’événement, par exemple, même si c’est ainsi que vous souhaitez l’afficher 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 réservé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 la carte
* **Nom de l’événement**: il apparaît au recto de la carte, il peut s’agir du nom de votre événement
* **Statut**: le statut de votre carte (active, expirée, terminée, inactive)

<figure><img src="/files/393c3bc2abeae9eb8436d43e0b5a8b7a8bd2f086" alt="Event ticket - Google general"><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 la carte de l’événement avec votre terminal de contrôle à l’entrée. 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/0bb5c4a683582e301e8b758fa69ad0a67ce1edc1" alt="Event ticket - 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 avec plusieurs appareils (une montre, par exemple)
* **Un utilisateur, un appareil**

<figure><img src="/files/0a19603ea622513325b050ee86c2d01e7fb589fb" alt="One user one device"><figcaption></figcaption></figure>

### Couleurs et images

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

<figure><img src="/files/0ac631037a0f8bf1c49b743f477242b0902bfcd0" alt="Event ticket - Colors and Images Google"><figcaption></figcaption></figure>

### Lieu

Une section pour saisir les détails du lieu où se déroulera l’événement !

<figure><img src="/files/ef56feed0df611ccb0d6a13d4e2367b8614ed965" alt="Event ticket - venue Google"><figcaption></figcaption></figure>

### Placement

Vous pouvez définir la porte, la rangée, le siège et la section de la carte de votre client. Chaque champ est facultatif.

{% hint style="warning" %}
**Pour personnaliser les champs de placement, veuillez vous rapprocher de votre équipe technique afin de déterminer quelle valeur dynamique vous devez renseigner.**
{% endhint %}

<figure><img src="/files/3ec24caa53a641aeabf4d6cfc242abc3687c0ee4" alt="Event ticket - Placement Google"><figcaption></figcaption></figure>

### Confirmation

Dans le modèle Google, vous pouvez également définir et afficher un code de confirmation s’il est requis pour votre événement. Il s’agit d’un champ facultatif ; si vous n’avez aucun code de confirmation, vous pouvez sélectionner « Unspecified ».

<figure><img src="/files/5959fa23478f1e7a0b179e972f5cd5e03a9a1b0b" alt="Event ticket - Confirmation 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 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 sa carte** en approchant son appareil de votre terminal matériel compatible.

Enfin, la section Intervalle de validité vous permet de **définir une date de début et une date de fin** pour votre événement !

<figure><img src="/files/59604a17dba731b3f4febc6bdafdf7b34d943626" alt="Event ticket - Smart tap Google"><figcaption></figcaption></figure>

### Messages

Cette section, située au dos de la carte de l’événement, contient plusieurs informations utiles pour le client :

* Comment se rendre à l’événement
* Informations concernant l’entrée
* Reçus
* La possibilité d’ajouter des liens, comme un lien pour écouter les artistes, accéder aux conditions générales, etc.

<figure><img src="/files/a08b41226c981bab0f1ab19351319a6b15824ca4" alt="Event ticket - Backfields Google"><figcaption></figcaption></figure>

### Opportunités de valeur ajoutée

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

<figure><img src="/files/acde4ff3785723267c2e6357d697231d5ea03ab8" alt="Event ticket - Value Added Opportunity Google"><figcaption></figcaption></figure>

### Autres sections

Sur Google, vous avez également quatre autres sections :

* **Valeur faciale** : Le prix de la carte
* **Liens d’application** : Utilisé pour ajouter un lien vers une application
* **Page d’accueil** : Utilisé pour ajouter le lien du site web de l’événement
* **Lieux** : Utilisé pour les notifications géolocalisées

{% 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>Dois-je enregistrer ma configuration et mettre à jour toutes les cartes en même temps ?</strong></summary>

Une fois la modification de votre modèle terminée, vous avez **deux options :**

* Enregistrer votre configuration sans déployer de mise à jour sur toutes les cartes : c’est la meilleure option si vous avez beaucoup de cartes. Vous pouvez enregistrer votre configuration et décider de planifier une mise à jour pendant la nuit afin d’éviter l’impact d’une mise à jour de masse.
* Enregistrer votre configuration et déployer une mise à jour : c’est la meilleure option si vous effectuez quelques tests ou si vous avez quelques cartes dans votre environnement.

</details>

<details>

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

Vous avez la possibilité de modifier le design de la carte pour chaque langue. Si vous cliquez sur « général » dans le menu, vous pouvez ajouter une langue. Elle apparaîtra alors dans le concepteur de modèles et vous pourrez la modifier.

</details>


---

# 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/billet-devenement.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.
