---
language: de
title: Darstellung des Widgets
category: Widget
summary: So passt du das Aussehen deines TuCalendi Widgets mit Vorlagen oder eigenen Einstellungen wie Farben, Rahmen und Sprache an.
---

# Darstellung des Widgets

Du kannst die **Darstellung des TuCalendi Widgets** ganz einfach ändern. Mit den Optionen zur Anpassung des Widgets hast du zahlreiche **Individualisierungsmöglichkeiten**.

Um auf die Optionen zur Darstellung des Widgets zuzugreifen, musst du dich mit deinem TuCalendi Benutzernamen und Passwort [anmelden](https://account.tucalendi.com/login). Gehe dann zur Option **"Kalender"**.

Wähle den Kalender aus, dessen Darstellung du ändern möchtest, und klicke auf die **drei vertikalen Punkte**.

![Kalender mit Ereignis](https://www.tucalendi.com/images/content/widget/en/v2-calendar-event.png)

Es öffnet sich ein Menü. Klicke dort auf **"Einstellungen"**.

![Menü der Kalendereinstellungen](https://www.tucalendi.com/images/content/widget/en/settings-calendar-menu.png)

Du gelangst nun zu den **Kalendereinstellungen**. Klicke im Bereich **"Erweitert (optional)"** auf **"Darstellung"**.

![Darstellung des Kalenders](https://www.tucalendi.com/images/content/widget/en/v2-calendar-menu-appearance.png)

Hier findest du alle verfügbaren Anpassungen der Darstellung. Ausgangspunkt ist eine **Standardvorlage** mit einigen voreingestellten Werten.

![Vorlagen für die Darstellung](https://www.tucalendi.com/images/content/widget/en/v2-calendar-appearance-templates.png)

Wenn du die Vorlagen anzeigst, kannst du die **Farbvorlage** wählen, die am besten zu deinen **Unternehmensfarben** passt, oder dich für die Option **"Benutzerdefiniert"** entscheiden und die Darstellung des Widgets selbst anpassen.

![Einstellungen zur Darstellung des Widgets](https://www.tucalendi.com/images/content/widget/en/v2-widget-appearance.png)

Folgende Änderungen kannst du an der Darstellung des Widgets vornehmen:

- [Farben festlegen](https://www.tucalendi.com/en/s/widget/set-widget-colors).
- [Rahmen und Schatten festlegen](https://www.tucalendi.com/en/s/widget/widget-borders-shadows).
- [Datums- und Uhrzeitformat ändern](https://www.tucalendi.com/en/s/widget/date-time-format).
- [Sprache des Widgets festlegen](https://www.tucalendi.com/en/s/widget/widget-language).
- [TuCalendi Branding aus dem Widget entfernen](https://www.tucalendi.com/en/s/widget/remove-tucalendi-logo-from-widget). (Diese Option ist im **Basic Plan** und während des **Testzeitraums** nicht verfügbar.)
- [Eingabekennung](https://www.tucalendi.com/en/s/widget/input-identifier).
- [Erster Tag der Woche](https://www.tucalendi.com/en/s/widget/select-starting-day-week).
- [Deaktivierte oder belegte Stunden im Kalender anzeigen](https://www.tucalendi.com/en/s/widget/show-disabled-hours-calendar).

Sobald du die gewünschten Änderungen vorgenommen hast, kannst du [den Widget-Code auf deiner Website einbetten](https://www.tucalendi.com/en/s/online-booking/how-do-i-add-thr-booking-function-to-my-website) oder den [Link zu deinem Online-Kalender per E-Mail, in sozialen Netzwerken oder über WhatsApp teilen](https://www.tucalendi.com/de/s/online-reservierungen/den-link-zu-den-veranstaltungen-teilen).