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

# Receptionist Avatar Einrichtung

> Schritt-für-Schritt-Anleitung zur Erstellung eines Receptionist Avatar mit dem Einrichtungsassistenten

## Übersicht

Der Receptionist Avatar-Einrichtungsassistent führt Sie in vier Schritten durch die Erstellung eines kioskfertigen Empfangserlebnisses. Der Prozess extrahiert Ihre Markenidentität, ermöglicht den Import von Kontakten und konfiguriert das Kiosk-Erscheinungsbild.

<Tip>
  Der Assistent ist darauf ausgelegt, Sie schnell zum Laufen zu bringen. Sie können Kontakte, Styling und Einstellungen jederzeit nach der Ersteinrichtung verfeinern.
</Tip>

## Assistenten starten

1. Navigieren Sie zu **Agenten → Neuen Agenten erstellen**
2. Wählen Sie **Receptionist Avatar** als Kanal
3. Der Einrichtungsassistent öffnet sich mit einem 4-stufigen Ablauf

## Der 4-Schritte-Prozess

<Steps>
  <Step title="Name & Domain">
    Benennen Sie Ihren Receptionist Avatar und geben Sie Ihre Firmendomain für die Markenextraktion ein.
  </Step>

  <Step title="Kontakte importieren">
    Fügen Sie Mitarbeiterkontakte hinzu, die Besucher am Kiosk suchen und anrufen können.
  </Step>

  <Step title="Erscheinungsbild anpassen">
    Wählen Sie einen Avatar, ein Design und Markenfarben für den Kiosk.
  </Step>

  <Step title="Überprüfen & Erstellen">
    Überprüfen Sie Ihre Konfiguration und erstellen Sie den Agenten.
  </Step>
</Steps>

***

## Schritt 1: Name & Domain

### Agentenname

Geben Sie Ihrem Receptionist Avatar einen beschreibenden Namen. Dieser erscheint im Dashboard zur Identifizierung.

<Note>
  Wenn Sie den Namen leer lassen, wird standardmäßig "Receptionist Avatar" mit aktuellem Datum und Uhrzeit verwendet.
</Note>

### Firmendomain

Geben Sie die URL Ihrer Firmenwebsite ein (z.B. `https://humanizing.com`). Die Plattform nutzt diese für:

* **Markenfarben extrahieren** über Brandfetch-Integration
* **Ihr Logo erkennen** für das Kiosk-Branding
* **Kontext setzen** für die Identität des Receptionist Avatar

Sie können auf **Beispiel** klicken, um mit `humanizing.com` vorzufüllen und zu sehen, wie die Extraktion funktioniert.

### Markenextraktion

Nach Eingabe einer Domain klicken Sie auf **Extrahieren**, um Markenfarben und Logo abzurufen. Die extrahierten Farben erscheinen als Farbmuster, die Sie als primäre Markenfarbe auswählen können.

<Tip>
  Wenn die Extraktion Ihre genauen Farben nicht findet, können Sie manuell einen Hex-Code eingeben oder den Farbwähler verwenden. Klicken Sie auf „Überspringen", um ohne Markenextraktion fortzufahren.
</Tip>

***

## Schritt 2: Kontakte importieren

Fügen Sie die Mitarbeiter hinzu, die Besucher über den Kiosk finden und kontaktieren können.

### Kontakte hinzufügen

Es gibt drei Methoden zum Hinzufügen von Kontakten:

| Methode                         | Beschreibung                                           |
| ------------------------------- | ------------------------------------------------------ |
| **Manuelle Eingabe**            | Name, Telefon und E-Mail für jeden Kontakt eingeben    |
| **CSV-Import**                  | CSV-Datei mit Spalten: Name, Telefon, E-Mail hochladen |
| **Aus Zwischenablage einfügen** | Kommagetrennte Kontaktdaten direkt einfügen            |

### Beispielkontakte

Klicken Sie auf **3 Beispielkontakte hinzufügen**, um die Liste mit Testdaten zu füllen. So können Sie sehen, wie die Kontaktliste aussieht und den Kiosk-Ablauf testen.

### Kontaktfelder

Jeder Kontakt hat drei Felder:

| Feld        | Erforderlich | Beschreibung                                              |
| ----------- | ------------ | --------------------------------------------------------- |
| **Name**    | Ja           | Vollständiger Name, der in Suchergebnissen angezeigt wird |
| **Telefon** | Nein         | Telefonnummer für Anrufe                                  |
| **E-Mail**  | Nein         | E-Mail-Adresse für die Suche                              |

<Note>
  Dieser Schritt ist optional. Klicken Sie auf **Vorerst überspringen**, um ohne Kontakte fortzufahren und sie später über die Kontakte-Seite hinzuzufügen.
</Note>

***

## Schritt 3: Erscheinungsbild anpassen

Konfigurieren Sie das Aussehen des Kiosks für Besucher.

### Avatar-Auswahl

Wählen Sie einen 3D-Avatar aus der Galerie. Der Avatar erscheint auf dem Begrüßungsbildschirm und während des gesamten Besucherablaufs.

### Design

Wählen Sie zwischen **Hell** und **Dunkel** für die Kiosk-Oberfläche.

| Design     | Geeignet für                                     |
| ---------- | ------------------------------------------------ |
| **Hell**   | Helle Lobbys, Firmenbüros, Empfangstheken        |
| **Dunkel** | Dunklere Umgebungen, modernes Design, Tech-Büros |

### Markenfarben

Wählen oder passen Sie Ihre primäre Markenfarbe an. Sie können:

* Ein extrahiertes Farbmuster aus Schritt 1 anklicken
* Den Farbwähler verwenden
* Einen Hex-Code manuell eingeben

### Vorschau

Die rechte Seite des Bildschirms zeigt eine Live-Vorschau des Kiosks mit Ihren aktuellen Einstellungen. Wechseln Sie zwischen **Hochformat** und **Querformat**, um zu sehen, wie es auf verschiedenen Geräten aussieht.

***

## Schritt 4: Überprüfen & Erstellen

Überprüfen Sie alle Einstellungen, bevor Sie den Agenten erstellen:

* **Agentenname** und Domain
* Anzahl der **Kontakte**
* **Avatar**, Design und Markenfarbe

Klicken Sie auf **Receptionist Avatar erstellen**, um den Vorgang abzuschließen. Der Agent wird erstellt und Sie werden zum Playground weitergeleitet, wo Sie:

* Den Kiosk in der Vorschau anzeigen können
* Die Bereitstellungs-URL kopieren können
* Den Besucherablauf testen können

***

## Nach der Einrichtung

<CardGroup cols={2}>
  <Card title="Im Playground testen" icon="flask" href="/de/receptionist/deployment">
    Testen Sie den vollständigen Kiosk-Ablauf und kopieren Sie die Bereitstellungs-URL.
  </Card>

  <Card title="Kontakte verwalten" icon="address-book" href="/de/receptionist/contacts">
    Fügen Sie weitere Kontakte für das Kiosk-Verzeichnis hinzu oder bearbeiten Sie diese.
  </Card>

  <Card title="Styling anpassen" icon="palette" href="/de/receptionist/styling">
    Passen Sie Avatar, Design, Farben und Logo auf der Styling-Seite an.
  </Card>

  <Card title="Auf Gerät bereitstellen" icon="rocket" href="/de/receptionist/deployment">
    Öffnen Sie die Kiosk-URL auf einem Tablet oder Touchscreen.
  </Card>
</CardGroup>