# Personnaliser la charte graphique du module de réservation

### **Introduction**

La personnalisation de la charte graphique du module de réservation permet d'adapter l'apparence de votre module de réservation à la charte graphique de votre entreprise. Cela inclut les couleurs, les logos, et d'autres éléments visuels pour offrir une expérience cohérente et professionnelle à vos clients.

### **Étapes pour personnaliser la charte graphique du module de réservation**

1. **Accéder au module de réservation**
   * Dans le menu de gauche, allez à la section **Administration**.
   * Cliquez sur **Module de réservation** pour ouvrir la liste des modules disponibles.
2. **Sélectionner le module à personnaliser**
   * Choisissez le module de réservation que vous souhaitez personnaliser et cliquez sur **Accès**. Cela ouvrira le module dans un nouvel onglet de votre navigateur.
3. **Ouvrir l'outil de personnalisation graphique**
   * En bas à gauche de la page du module de réservation, cliquez sur l'icône en forme de pinceau. Cet outil vous permet de modifier les éléments graphiques du module.
4. **Personnaliser les éléments graphiques**
   * **Couleurs** : Modifiez les couleurs des différents éléments du module pour qu'elles correspondent à votre charte graphique.
   * **Logos et images** : Le logo se met en place dans les paramétrages de la team et les images de produits dans chacun des produits.
5. **Sauvegarder les modifications**
   * Une fois les modifications terminées, assurez-vous de cliquer sur le bouton **Sauvegarder** pour enregistrer les changements effectués.

### **Conseils d'utilisation et bonnes pratiques**

* **Prévisualiser avant de sauvegarder** : Utilisez la fonction de prévisualisation pour voir à quoi ressemblera le module avec les modifications apportées avant de les sauvegarder.
* **Respecter la charte graphique** : Assurez-vous que les modifications respectent la charte graphique de votre entreprise pour une cohérence visuelle.

### **Problèmes courants et solutions**

* **Problème: Modifications non sauvegardées**\
  **Solution:** Si vous quittez l'outil de personnalisation sans sauvegarder, les modifications seront perdues. Toujours cliquer sur **Sauvegarder** avant de fermer l'outil.
* **Problème: Affichage**\
  **Solution:** Si des éléments ne s'affichent pas correctement, vérifiez les dimensions et les formats des images ajoutées et assurez-vous qu'ils sont compatibles avec le module de réservation.
* **Problème: Incohérences visuelles**\
  **Solution:** Si les couleurs ne s'affichent pas comme prévu, vérifiez que vous avez bien appliqué les changements à tous les éléments pertinents et que vous avez nettoyé le cache de votre navigateur.

### **Conclusion**

La **personnalisation de la charte graphique** du module de réservation vous permet d’offrir une expérience **visuelle cohérente et professionnelle** à vos clients, en alignant l’apparence du module avec l’identité de votre entreprise.

En prenant le temps d’adapter les **couleurs, logos et images**, vous améliorez non seulement l’esthétique de votre module, mais aussi la **crédibilité et la reconnaissance de votre marque**.

Pour garantir un résultat optimal, pensez à **prévisualiser vos modifications avant de les sauvegarder** et à **vérifier l’affichage sur différents appareils**. En cas de problème, des ajustements simples, comme le format des images ou le nettoyage du cache du navigateur, peuvent résoudre la plupart des erreurs d’affichage.


---

# Agent Instructions: 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:

```
GET https://docs.yoplanning.support/yoplanning-academie/yoplanning-parametrage/module-de-reservation/personnalisation-du-module-de-reservation/personnaliser-la-charte-graphique-du-module-de-reservation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
