> ## Documentation Index
> Fetch the complete documentation index at: https://support.umsatzagent.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Kalender-Widget anpassen

> Die Anpassung des Kalender-Widgets gibt dir die Kontrolle über das Erscheinungsbild und die Funktionalität deines Widgets. Damit passt du das Widget an…

**In diesem Artikel**

* [Was ist die Anpassung des Kalender-Widgets?](#was-ist-die-anpassung-des-kalender-widgets)
* [So passt du dein Widget an](#so-passt-du-dein-widget-an)
* [Häufig gestellte Fragen (FAQs)](#haeufig-gestellte-fragen-faqs))
* [Profi-Tipp](#profi-tipp)

***

## Kalender-Widget – Aktualisierung des „Weiter“-Buttons

## Der Weiter-Button im Kalender-Widget wurde an eine neue Position verschoben. Wenn du CSS-Anpassungen vorgenommen hast, prüfe und passe diese an die neue Platzierung an.

#

#

***

## Was ist die Anpassung des Kalender-Widgets?

Die Anpassung des Kalender-Widgets gibt dir die Kontrolle über das Erscheinungsbild und die Funktionalität deines Widgets. Damit passt du das Widget an deine individuellen Anforderungen an.

***

## So passt du dein Widget an

* ## Navigiere zu den Kalender-Einstellungen
* ## Klicke beim zu bearbeitenden Kalender auf „Bearbeiten“
* ## Öffne den Reiter „Anpassungen“.

## `Hinweis: Widget-Anpassungen funktionieren NUR mit dem NEO-WIDGET`

***

**Anpassungsoptionen verstehen:**

Hier kannst du dein Kalender-Widget nach deinen Wünschen gestalten. Folgende Optionen stehen zur Verfügung:

* **Primärfarbe:** Bestimmt die Farbe von Buttons, Daten, Zeitfenstern und verschiedenen Aktionen innerhalb des Widgets, wie der Mitarbeiterauswahl oder dem Hinzufügen von Gästen.

* **Hintergrundfarbe:** Bestimmt die Farbgebung für die Datums-/Zeitauswahl und das Formular. Wenn du ein **benutzerdefiniertes Formular** nutzt, übernimmt dessen Hintergrund die gewählte Hintergrundfarbe. Die Formularfelder richten sich nach den spezifischen Formulareinstellungen.

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155014006095/original/NJAVE46q85aAL4fkmXnC4ppgKsH9vmx5XA.png?1701335069)

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155014398017/original/XvNYZLuXiGZTLY-WH9ch3Jt2Lei0XtfQmA.png?1701774357)

```
Hinweis: Achte bei der Verwendung benutzerdefinierter Formulare darauf, dass das Design mit den Widget-Anpassungen übereinstimmt, um ein einheitliches Erscheinungsbild zu gewährleisten.
```

***

**Beispiel für ein angepasstes Widget mit BENUTZERDEFINIERTEM FORMULAR**

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155014014926/original/zLgNtEM6IsBh8QNfvYInGPsjbAKYbrSO0g.png?1701338728)

* **Button-Text:** Passe den Text an, der bei der Terminbuchung auf dem Button angezeigt wird. Dieser Text erscheint im letzten Schritt der Terminbuchung. **Beispiele:** Jetzt buchen, Termin vereinbaren, Termin buchen.

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155014007583/original/aDiDCOr27lN0jT77qxYPGn_v9_Wz3Bc1Bw.png?1701335595)

* **Kalenderdetails ausblenden:** Du kannst den Kalendernamen, die Beschreibung sowie Details wie Dauer, Datum & Uhrzeit, Wiederholungsdetails und Zeitzone im linken Bereich ausblenden.

```
Hinweis: Wenn kein Logo angezeigt werden soll, entferne es im Reiter für Termindetails.
```

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155014398556/original/SsBTXgr3tI0qRumH1PL4AdbJNGSDBnrWIQ.png?1701774492)

* **Änderungen in der Vorschau anzeigen:** Nutze die Funktion „Widget-Vorschau“, um zu prüfen, wie deine Änderungen während der Terminbuchung dargestellt werden. Nach jeder vorgenommenen Änderung musst du auf „Widget-Vorschau“ klicken, um die aktualisierte Ansicht zu sehen.

* **Auf Standard zurücksetzen:** Die Option „Auf Standard zurücksetzen“ setzt alle Anpassungen wieder auf die standardmäßigen blau-weißen Widget-Einstellungen zurück.

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155014008386/original/1VCnPDtft7VclBxvCMTAZoZIjroZE_xmhw.png?1701336017)

***

## Häufig gestellte Fragen (FAQs)

**F: Welche Kalender unterstützen Anpassungen?**

A: Die Anpassungsfunktion ist für alle Kalendertypen verfügbar, einschließlich Event-, Round-Robin-, Klassenbuchungs-, Kollektiv- und Service-Kalender.

```
Hinweis: Im Service-Menü funktionieren Anpassungen nicht.
```

**F: Kann ich ein benutzerdefiniertes Formular einbinden?**

A: Ja. Du kannst ein benutzerdefiniertes Formular einbinden. Stelle sicher, dass das Design des Formulars zu den allgemeinen Widget-Anpassungen passt.

**F: Was passiert, wenn ich CSS-Anpassungen hinzugefügt habe?**

A: CSS-Anpassungen haben Vorrang vor den Widget-Einstellungen. Deine benutzerdefinierten Stile werden priorisiert angewendet.

**F: Ich möchte den gesamten linken Bereich deaktivieren, aber er wird trotz ausgeschalteter Einstellungen weiterhin angezeigt. Was kann ich tun?**

A: Um den gesamten linken Bereich vollständig zu deaktivieren, prüfe folgende Einstellungen:

Einstellungen der Kalenderdetails:

* Kalendernamen deaktivieren.
* Kalenderbeschreibung deaktivieren.
* Kalenderdetails deaktivieren.

Logo entfernen:

* Entferne das mit dem Kalender verknüpfte Logo.

Reiter „Anpassungen“:

* Deaktiviere die Option „Mitarbeiterauswahl erlauben“ im Reiter „Anpassungen“.

***

## Profi-Tipp

Für das beste visuelle Ergebnis empfehlen wir kontrastierende Primär- und Hintergrundfarben. Eine ausgewogene Abstimmung von hellen und dunklen Farben sorgt für ein klares Erscheinungsbild. Teste verschiedene Kombinationen, bis du das passende Design für dein Kalender-Widget gefunden hast.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.