# Conception de la carte (couleurs, images et champs)

## Design de la carte

Concevez une carte pour vos clients afin de simplifier leur expérience en magasin et l'aligner sur l'identité de votre marque.

### **Design graphique**

Dans la section « Design graphique », vous pouvez personnaliser les images sur la carte et sa couleur, ce qui permet à la carte d'être au plus proche du style corporate de l'entreprise.

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

Pour ajuster la couleur de la carte :

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

![Couleur de la carte](https://3097111101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fgit-blob-b090c96c38a9d016fecadafb7f8b340e3bf4b4b2%2Fcard_design_colors_images_and_fields_1.png?alt=media)

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

![Couleur de la carte (2)](https://3097111101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fgit-blob-cdf3fdb39efd1ada42bf6ebb806106b7279b2099%2Fcard_design_colors_images_and_fields_2.png?alt=media)

3. Vérifiez la couleur sur les cartes situées sur le côté droit de l'interface.

![Couleur de la carte (3)](https://3097111101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fgit-blob-464590f0f9dd4d8d4cc6c772c070ecc72ba607ee%2Fcard_design_colors_images_and_fields_3.png?alt=media)

❗ 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)](https://3097111101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fgit-blob-486e9283ef718e31495f0fe215a91962ebb9a0db%2Fcard_design_colors_images_and_fields_4.png?alt=media)

#### **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](https://3097111101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fgit-blob-dfe919279e74e9b1bfdbd4e83097b994eab96c87%2Fcard_design_colors_images_and_fields_5.png?alt=media)

**Carte Apple Wallet**

1. Téléchargez votre logo dans la section appropriée. Le type de fichier préféré est PNG (avec fond transparent), 480 x 150 px.

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

**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 de fond que la couleur de la carte), taille minimale 820 x 820 px. Téléchargez l'image centrale dans la section appropriée. Type de fichier PNG préféré, 1032 x 336 px.

❗ 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 situées sur le côté droit de l'interface ; 3. Cliquez sur Enregistrer.

Les champs sur la carte vous montreront les informations provenant des variables que vous avez créées et afficheront les informations pertinentes pour le client. Les informations à l'intérieur des 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 des achats ;
* Autres informations qu'il est important pour vous d'afficher.

![Informations supplémentaires](https://3097111101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fgit-blob-a1fdfa993a9c0f918af49f9ae9432e3dd604efac%2Fcard_design_colors_images_and_fields_6.png?alt=media)

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 ordre 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 ;
* Rendez-vous en ligne ;
* Informations sur les magasins
* Autres liens qu'il est important pour vous de partager.

![Liens](https://3097111101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWLc8AHXW4tdrAXUBfrYF%2Fuploads%2Fgit-blob-0c8479f266b0fbe23156322b2833684aa9b4d525%2Fcard_design_colors_images_and_fields_7.png?alt=media)