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

# Logos und Icons

> Chat-Logo, E-Mail-Logo, Hotel-Icon und Chatbot-Avatar in der DialogShift App hinterlegen.

Unter **Einstellungen → Logos und Icons** hinterlegst du die Bilder, mit denen dein Hotel im Chat und in Livechat-Wakeup-E-Mails auftritt. Die Seite ist in vier Bereiche gegliedert: Chat-Logo, E-Mail-Logo, Hotel-Icon und Chatbot-Avatar.

<Note>
  Alle Einstellungen gelten pro Hotel. Prüfe oben links im Hotel-Auswahlfeld, für welches Hotel du gerade Änderungen vornimmst.
</Note>

Für alle vier Bereiche kannst du Dateien im Format **JPG** oder **PNG** hochladen. Nutze PNG, wenn das Bild einen transparenten Hintergrund haben soll.

## Chat-Logo

Das Chat-Logo erscheint in der Kopfzeile des Live-Chat-Widgets.

1. Klicke auf **Bild auswählen** und lade dein Logo hoch.
2. Setze im Feld **Hintergrundfarbe** die Farbe, auf der das Logo liegt.

Das Logo wird zentriert und ohne Verzerrung auf die verfügbare Fläche skaliert. Die Vorschau links zeigt das Ergebnis mit der gewählten Hintergrundfarbe. Ein Logo mit transparentem Hintergrund lässt sich so an die Farbgebung deiner Website anpassen.

## E-Mail-Logo

Das E-Mail-Logo wird in Livechat-Wakeup-E-Mails verwendet. Der Ablauf ist derselbe wie beim Chat-Logo: Bild hochladen, Hintergrundfarbe setzen, Vorschau prüfen. Auch hier wird das Logo zentriert und ohne Verzerrung skaliert.

Du kannst für Chat und E-Mail unterschiedliche Logos und unterschiedliche Hintergrundfarben hinterlegen.

## Hotel-Icon

Das Hotel-Icon wird im Teaser und in verwandten Oberflächen angezeigt.

Das Icon wird quadratisch dargestellt. Lade am besten ein quadratisches Bild hoch. Ein nicht quadratisches Bild kannst du direkt nach dem Hochladen auf den quadratischen Ausschnitt zuschneiden.

## Chatbot-Avatar

Der Chatbot-Avatar ist das Bild, das der Chatbot im Gespräch neben seinen Nachrichten trägt. Zusammen mit dem Avatar wird ein Name angezeigt.

So aktivierst du ihn:

1. Klicke auf **Bild auswählen** und lade ein Bild hoch. Der Avatar wird quadratisch dargestellt, ein nicht quadratisches Bild schneidest du direkt nach dem Hochladen zu.
2. Trage im Feld **Avatar-Name** den Namen ein, unter dem der Chatbot auftreten soll.
3. Schalte **Avatar für Chatbot aktivieren** ein.

Der Schalter bleibt gesperrt, solange Bild oder Name fehlen. Erst wenn beides gesetzt ist, lässt er sich betätigen. Bis dahin steht unter dem Schalter der Hinweis, dass Avatar und Name benötigt werden.

Schaltest du den Avatar später wieder aus, bleiben Bild und Name gespeichert. Der Chatbot zeigt sie dann nicht mehr an, du kannst sie aber jederzeit ohne erneutes Hochladen wieder einschalten.