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

# Loslegen

> Erstelle deinen ersten KI-Assistenten in wenigen Minuten

## In drei Schritten starten

Mit Chatnox kannst du deinen ersten Website-Assistenten schnell einrichten und direkt testen.

### Schritt 1:

<AccordionGroup>
  <Accordion icon="book-open" title="Wissen hinzufügen">
    Füge Inhalte hinzu, auf denen der Assistent basieren soll, zum Beispiel Texte, Q\&A Paare oder Dokumente.

    Diese Inhalte bilden die Grundlage für alle Antworten.
    <Tip>Du kannst die Wissensbasis jederzeit erweitern oder aktualisieren.</Tip>
  </Accordion>
</AccordionGroup>

***

### Schritt 2: Design und Branding festlegen

<AccordionGroup>
  <Accordion icon="sliders" title="Branding">
    In der Seitenleiste kannst unter Widget-Anpassungen Deinen Unternehmensnamen und dein Logo hinzufügen.

    Du kannst auch die Hauptfarbe anpassen, also die Farbe die zum Beispiel in als Hintergrundfarbe der Sprechblase des Nutzers verwendet wird.
  </Accordion>

  <Accordion icon="shield" title="Individuelle Einstellungen">
    Du kannst die initiale Nachricht des KI-Assistenten ändern und eine eigene einfügen. Desweiteren kannst du Vorgeschlagene Fragen anzeigen lassen oder
    eine kurzfristige Mitteilung über des Inputs anzeigen lassen, welche nach der ersten Nachricht des Nutzers wieder verschwindet.
  </Accordion>
</AccordionGroup>

***

### Schritt 3: Auf deiner Website einbinden

<Accordion icon="code" title="Chatnox einbinden">
  Kopiere den bereitgestellten Code-Snippet und füge ihn in deine Website ein.

  Der Assistent ist sofort einsatzbereit, ganz ohne zusätzliche Konfiguration.
</Accordion>

***

## Nächste Schritte

Nachdem dein Assistent aktiv ist, kannst du Chatnox weiter anpassen:

<CardGroup cols={2}>
  <Card title="Wissensverwaltung" icon="database" href="/daten-quellen/dateien">
    Füge Dateien hinzu, um Deinen KI-Assistenten zu trainieren.
  </Card>

  <Card title="Eigenes Branding" icon="brush" href="/widget/design">
    Bestimme, wie dein Assistent aussieht.
  </Card>

  <Card title="E-Mail Benachrichtigungen" icon="envelope" href="/widget/email">
    Erhalte Benachrichtigungen bei wichtigen Konversationen.
  </Card>

  <Card title="Texte" icon="font" href="/widget/einstellungen">
    Passe die Text-Einstellungen Deines Chat-Widgets an
  </Card>
</CardGroup>

<Note>
  **Noch Fragen?** In der Dokumentation findest du detaillierte Erklärungen zu
  allen Funktionen von Chatnox.
</Note>