> ## 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.

# Framer

### Schritt 1: Melde Dich bei Deinem Chatnox-Konto an und richte Dein KI-Assistenen ein.

1. Erstelle ein kostenloses Chatnox-Konto, falls Du noch keines hast.

2. Melde Dich bei Deinem Chatbase-Konto an und navigiere zur Wissensdatenbank und Widet-Anpassung Seite

3. Fülle die Wissensbasis für Deinen neuen Bot, indem Du Quellen wie Textausschnitte, Dokumenteoder Frage-Antwort-Paare hochlädst.

4. Pase das Aussehen und die Einstellungen des Chatbots an.

## Schritt 2: Kopiere Deinen Einbettungscode

Sobald Du Deinen Bot eingerichtet hast, benötigst Du den Einbettungscode, um das Bot-Widget auf Deiner Website anzuzeigen. Gehe dazu wie folgt vor:

1\. Gehe zum [Dashboard](https://www.chatnox.de/dashboard/) Deines Chatnox-Kontos.

2\. Navigiere zur Integrations Seite

3\. Wähle Framer und klicke auf **Setup**

<Frame>
  <img src="https://chatnox.b-cdn.net/framer-select.png" alt="Deploy" />
</Frame>

4\. Es sollte eine neue Dialog erscheinen. Klicke auf **Kopieren** für den Code.

<Frame>
  <img src="https://chatnox.b-cdn.net/framer-dialog.png" alt="Chat Widget [Manage]" />
</Frame>

### Schritt 3: Code-Snippet in framer einfügen

1\. In Deinem Framer-Dashboard findest Du eine Liste aller Deiner Website-Projekte. Bewege den Mauszeiger über die Website, zu der Du den Chatbot hinzufügen möchtest, und klicke auf die drei Punkte.

2\. Klicke auf **Open Settings**

<Frame>
  <img src="https://chatnox.b-cdn.net/framer-1.png" alt="image" width="1920" height="995" />
</Frame>

4\. In den Site Settings klicke links in der Seitenleiste auf **Custom Code**

<Frame>
  <img src="https://chatnox.b-cdn.net/framer-2.png" alt="image" width="1920" height="995" />
</Frame>

5\. Im Custom Code Bereich, klicke auf **Add script**

<Frame>
  <img src="https://chatnox.b-cdn.net/framer-3.png" alt="image" width="1920" height="995" />
</Frame>

6\. Gib dem script den Namen "Script", belasse die anderen Einstellungen so wie sie sind und füge im Code-Bereich das Script hinzu. Vergiss nicht zu speichern.

<Frame>
  <img src="https://chatnox.b-cdn.net/framer-4.png" alt="image" width="1920" height="995" />
</Frame>

7\. Veröffentliche die neusten Änderungen der Seite.

<Frame>
  <img src="https://chatnox.b-cdn.net/framer-5.png" alt="image" width="1920" height="995" />
</Frame>

Wenn alles gut läuft, solltest Du den Chatbot auf der Live-Seite sehen.

Nach Abschluss dieser Schritte sollte Dein Chatbot bereit sein, Deine Website-Besucher zu bedienen!

<Note>
  Du kannst das Erscheinungsbild und die Farben Deines Chatbots in Deinem
  Chatnox-Dashboard anpassen.
</Note>