> 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/configure/fr/advanced-configuration/wallet/configuration-du-modele/conception-des-cartes-couleurs-images-et-champs.md).

# Conception des cartes (couleurs, images et champs)

## Conception de carte

Concevez une carte pour vos clients afin de simplifier leur expérience en magasin et de l’harmoniser avec l’identité de votre marque.

### **Conception graphique**

Dans la section « Conception graphique », vous pouvez personnaliser les images sur la carte et sa couleur, ce qui permet à la carte d’être aussi proche que possible du style d’entreprise de la société.

#### **Couleur de la carte**

Pour ajuster la couleur de la carte :

1. Appuyez sur la case du code de couleur et sélectionnez la couleur souhaitée pour l’arrière-plan de la carte ;

![Couleur de la carte](/files/061cbaae98d0a0fee8ef00514f3b1cc1ed6c271f)

2. Si nécessaire, modifiez les couleurs de l’en-tête et du texte sur la carte en déplaçant les curseurs vers la droite et en suivant les mêmes étapes de sélection de couleur (uniquement pour les cartes dans Apple Wallet) ;

![Couleur de la carte (2)](/files/caa61f253fded574a46a0ff64e97168a429af728)

3. Vérifiez la couleur sur les cartes à droite de l’interface.

![Couleur de la carte (3)](/files/f3761b3f957a33f69af35b410f3ca6cd13697c21)

❗ Veuillez noter : si vous avez une couleur d’entreprise de marque, saisissez son code dans la zone à côté de la case colorée. Cela vous aidera à obtenir la couleur exacte. Veuillez noter que la couleur de la carte ne peut être qu’une couleur unie.

![Couleur de la carte (4)](/files/a2265960e04308208cd9bc32ba175ebd7a20d4a2)

#### **Images sur la carte**

Deux images peuvent être placées sur la carte en même temps : le logo de l’entreprise et l’image centrale.

![Images sur la carte](/files/4836702991ea5087db154358ad7bb8d0375e0e69)

**Carte Apple Wallet**

1. Téléchargez votre logo dans la section appropriée. Le type de fichier privilégié est PNG (avec arrière-plan transparent), 480 x 150px;2.

Téléchargez votre image centrale dans la section appropriée. Type de fichier PNG privilégié, 1125 x 432px.

**Carte Google Wallet**

1. Téléchargez votre logo dans la section appropriée. De préférence au format PNG (avec la même couleur d’arrière-plan que la couleur de la carte), taille minimale 820 x 820px;2. Téléchargez l’image centrale dans la section appropriée. Type de fichier PNG privilégié, 1032 x 336px.

❗ Veuillez noter : vous pouvez agrandir et déplacer les zones d’image avec la souris pour les sélectionner plus précisément.

#### **Disposition des champs**

Dans la section « Disposition des champs », vous pouvez sélectionner les informations qui seront affichées sur la carte de vos clients. Pour ajouter des champs à la carte : 1. Sélectionnez des champs dans la liste déroulante ; 2. Vérifiez la disposition des champs sur les cartes à droite de l’interface ; 3. Cliquez sur Enregistrer.

Les champs sur la carte afficheront les informations provenant des variables que vous avez créées et présenteront les informations pertinentes pour le client. Les informations contenues dans les champs sont mises à jour automatiquement.

#### **Informations supplémentaires**

Dans la section « Informations supplémentaires », vous pouvez ajouter toutes les informations nécessaires pour le client, telles que :

* Promotions et actualités de l’entreprise ;
* Conditions générales du programme de fidélité ;
* Contacts de l’entreprise ;
* Historique d’achat ;
* Autres informations qu’il est important pour vous d’afficher.

![Informations supplémentaires](/files/5b4ae2738dafebe24cc7da0431f58a5bac0b24b1)

Pour ajouter un nouveau champ d’information, cliquez sur le bouton « + Ajouter un champ » et saisissez son nom et sa description dans les champs qui apparaissent. Pour que le champ affiche des informations mises à jour, ajoutez une variable. Vous pouvez modifier les champs, changer leur emplacement et les supprimer en cliquant sur le bouton « Masquer ».

#### **Liens**

Dans la section « Liens », vous pouvez laisser des liens qui permettront à vos clients de communiquer avec vous et d’accéder aux sites web en un clic.

Par exemple :

* Site web de l’entreprise ;
* Suivi de commande ;
* Prise de rendez-vous en ligne ;
* Infos des magasins
* Autres liens qu’il est important pour vous de partager.

![Liens](/files/6f4e01c7a7dccfc40582f4e7e4e775de698884e7)


---

# 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/configure/fr/advanced-configuration/wallet/configuration-du-modele/conception-des-cartes-couleurs-images-et-champs.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.
