> For the complete documentation index, see [llms.txt](https://docs.yoplanning.support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yoplanning.support/de/yoplanning-academy/yoplanning-parametrage/module-de-reservation/personnalisation-du-module-de-reservation/personnaliser-la-charte-graphique-du-module-de-reservation.md).

# Passen Sie das grafische Design des Buchungsmoduls an

### **Einführung**

Durch die Anpassung der grafischen Gestaltung des Reservierungsmoduls können Sie das Erscheinungsbild Ihres Reservierungsmoduls an die grafische Gestaltung Ihres Unternehmens anpassen. Dazu gehören Farben, Logos und andere visuelle Elemente, um Ihren Kunden ein einheitliches und professionelles Erlebnis zu bieten.

### **Schritte zum Anpassen der grafischen Charta des Reservierungsmoduls**

1. **Greifen Sie auf das Reservierungsmodul zu**
   * Gehen Sie im linken Menü zum Abschnitt **Administration**.
   * Klicken Sie auf **Buchungsmodul**, um die Liste der verfügbaren Module zu öffnen.
2. **Wählen Sie das anzupassende Modul aus**
   * Wählen Sie das Buchungsmodul aus, das Sie anpassen möchten, und klicken Sie auf **Zugriff**. Dadurch wird das Modul in einem neuen Tab in Ihrem Browser geöffnet.
3. **Öffnen Sie das Grafikanpassungstool**
   * Klicken Sie unten links auf der Seite des Buchungsmoduls auf das Pinselsymbol. Mit diesem Tool können Sie die grafischen Elemente des Moduls ändern.
4. **Grafische Elemente anpassen**
   * **Farben**: Ändern Sie die Farben der verschiedenen Elemente des Moduls, damit sie zu Ihrer Grafikcharta passen.
   * **Logos und Bilder**: Das Logo wird in den Teameinstellungen und die Produktbilder in jedem der Produkte eingerichtet.
5. **Änderungen speichern**
   * Wenn Sie mit der Bearbeitung fertig sind, klicken Sie unbedingt auf die Schaltfläche **Speichern**, um die vorgenommenen Änderungen zu speichern.

### **Tipps zur Verwendung und bewährte Vorgehensweisen**

* **Vorschau vor dem Speichern**: Verwenden Sie die Vorschaufunktion, um zu sehen, wie das Modul mit den vorgenommenen Änderungen aussehen wird, bevor Sie sie speichern.
* **Respektieren Sie die grafische Charta**: Stellen Sie sicher, dass die Änderungen die grafische Charta Ihres Unternehmens für visuelle Konsistenz respektieren.

### **Häufige Probleme und Lösungen**

* **Problem: Änderungen nicht gespeichert** **Lösung:** Wenn Sie den Customizer beenden, ohne zu speichern, gehen die Änderungen verloren. Klicken Sie vor dem Schließen des Tools immer auf **Speichern**.
* **Problem: Anzeige** **Lösung:** Wenn Elemente nicht richtig angezeigt werden, überprüfen Sie die Abmessungen und Formate der hinzugefügten Bilder und stellen Sie sicher, dass sie mit dem Buchungsmodul kompatibel sind.
* **Problem: Visuelle Inkonsistenzen** **Lösung:** Wenn die Farben nicht wie erwartet angezeigt werden, überprüfen Sie, ob Sie die Änderungen auf alle relevanten Elemente angewendet und Ihren Browser-Cache geleert haben.

### **Abschluss**

Durch die **Anpassung der grafischen Gestaltung** des Buchungsmoduls können Sie Ihren Kunden ein **einheitliches und professionelles** visuelles Erlebnis bieten, indem Sie das Erscheinungsbild des Moduls an die Identität Ihres Unternehmens anpassen.

Indem Sie sich die Zeit nehmen, **Farben, Logos und Bilder** anzupassen, verbessern Sie nicht nur die Ästhetik Ihres Moduls, sondern auch die **Glaubwürdigkeit und Wiedererkennung Ihrer Marke**.

Um optimale Ergebnisse zu erzielen, denken Sie daran, **Ihre Änderungen vor dem Speichern in der Vorschau anzuzeigen** und **zu prüfen, wie sie auf verschiedenen Geräten aussehen**. Wenn ein Problem auftritt, können einfache Anpassungen, wie etwa die Bildformatierung oder das Leeren des Browser-Cache, die meisten Anzeigefehler beheben.


---

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

```
GET https://docs.yoplanning.support/de/yoplanning-academy/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.