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

# Billet d’événement

Que vous soyez un nouveau client qui doit créer le modèle des billets qui seront distribués à vos participants, ou un maître de The Wallet Crew qui doit mettre à jour un modèle existant, cet article vous aidera à naviguer dans notre concepteur de modèles. L’objectif est de configurer un modèle de billet 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 sur Apple Wallet et Google Wallet.

## Architecture

Apple et Google ont leurs propres modèles de billets, 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">Billet Apple</td><td data-object-fit="contain"><a href="/files/d630e2b0c48116f305e40e39592b58e0e6891dd9">/files/d630e2b0c48116f305e40e39592b58e0e6891dd9</a></td></tr><tr><td align="center">Billet Apple</td><td data-object-fit="contain"><a href="/files/ea9315353c908da7dc4938c59f005b1d3dcea8d7">/files/ea9315353c908da7dc4938c59f005b1d3dcea8d7</a></td></tr><tr><td align="center">Billet Apple</td><td data-object-fit="contain"><a href="/files/34c46e8c49fe9ed522f0feeaf6e313d74ab02ac3">/files/34c46e8c49fe9ed522f0feeaf6e313d74ab02ac3</a></td></tr><tr><td align="center">Billet Google</td><td></td></tr><tr><td align="center">Billet Google</td><td></td></tr><tr><td align="center">Billet 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 billets 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 à renseigner :

* **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 du billet** si vous souhaitez que vos clients puissent le 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 billets d’événement.

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

<figure><img src="/files/266776e6c93f79fe558917884fef7b2165d9fe8b" alt="Event ticket - General section Apple"><figcaption></figcaption></figure>

### Code-barres

Choisissez le **type de code-barres** qui est compatible avec votre matériel de contrôle. La valeur du code-barres correspond aux **identifiants** qui vous permettront d’identifier le billet 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 le code-barres ne peut pas être scanné.

<figure><img src="/files/8bbab12f1d285f9bbf6ca58b57cccbbb60890b07" alt="Event ticket - Barcode Apple"><figcaption></figcaption></figure>

### Couleurs et images

Pour modifier la couleur de fond de votre billet, il vous 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 billets sont **empilés les uns sur les autres**. Seul l’en-tête du billet reste visible. Il est donc important que cette section attire l’attention et donne envie de cliquer sur la carte, notamment en affichant les informations les plus importantes, comme la date ou d’autres informations pertinentes.

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

### Champs recto

Les champs recto sont les champs utilisés pour **afficher des informations sur le recto du billet**, sous l’image de la bande. Le libellé que vous choisirez sera le 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 recto, veuillez vous référer à votre équipe technique afin de déterminer quelle valeur dynamique vous devez renseigner.**
{% endhint %}

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

Cette section, située au dos du billet d’événement, comprend 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, tels qu’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 :

* **Emplacements** : utilisé pour les notifications de géorepérage.
* **Balises** : également utilisé pour les notifications de géorepérage.
* **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 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 « save » 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 « émission » et « nom du programme » sont **obligatoires**
2. Google préconfigure les champs en fonction de leurs valeurs prévues, il est donc préférable de ne pas saisir le nom du client dans le nom de l’événement, par exemple, même si c’est ainsi que vous souhaiteriez qu’il apparaisse 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 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** à renseigner :

* **Émetteur**: le nom de la marque ou de l’entreprise qui émet le billet
* **Nom de l’événement**: il apparaît sur le recto de la carte, il peut s’agir du nom de votre événement
* **État**: l’état de votre billet (actif, expiré, terminé, inactif)

<figure><img src="/files/393c3bc2abeae9eb8436d43e0b5a8b7a8bd2f086" alt="Event ticket - Google general"><figcaption></figcaption></figure>

### Code-barres

Choisissez le **type de code-barres** qui est compatible avec votre matériel de contrôle. La valeur du code-barres correspond aux **identifiants** qui vous permettront d’identifier le billet 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 le code-barres 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 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 modifier la couleur de fond de votre billet, il vous 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/0ac631037a0f8bf1c49b743f477242b0902bfcd0" alt="Event ticket - Colors and Images Google"><figcaption></figcaption></figure>

### Lieu

Une section pour renseigner 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 du billet de votre client. Chaque champ est facultatif.

{% hint style="warning" %}
**Pour personnaliser les champs de placement, veuillez vous référer à 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 « Non spécifié ».

<figure><img src="/files/5959fa23478f1e7a0b179e972f5cd5e03a9a1b0b" alt="Event ticket - Confirmation Google"><figcaption></figcaption></figure>

### Liens supplémentaires, Smart tap et intervalle de temps valide

Vous pouvez décider d’ajouter **des liens supplémentaires** au billet 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 billet** en approchant son appareil de 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 événement !

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

### Messages

Cette section, située au dos du billet d’événement, comprend 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, tels qu’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 à valeur ajoutée

Cette section vous permet d’ajouter une **petite section en bas du billet**. Elle est utilisée pour 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 du billet
* **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
* **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>Dois-je enregistrer ma configuration et mettre à jour toutes les cartes en même temps ?</strong></summary>

Une fois que vous avez terminé de modifier votre modèle, 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 massive.
* Enregistrer votre configuration et déployer une mise à jour : c’est la meilleure option si vous effectuez des 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/event-ticket.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.
