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

# Shopify

### 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 Shopify und klicke auf **Setup**

<Frame>
  <img src="https://chatnox.b-cdn.net/shopify-1.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/shopify-2.png" alt="Chat Widget [Manage]" />
</Frame>

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

1\. In Deinem Shopify-Dashboard klicke unter Vertriebskanäle > Onlineshop > Themes

<Frame>
  <img src="https://chatnox.b-cdn.net/shopify-3.png" alt="image" width="1440" height="813" />
</Frame>

2\. Klicke auf **Theme bearbeiten**

<Frame>
  <img src="https://chatnox.b-cdn.net/shopify-4.png" alt="image" width="1440" height="813" />
</Frame>

3\. Klicke oben links die drei Punkte, um ein Menü zu öffnen

<Frame>
  <img src="https://chatnox.b-cdn.net/shopify-6.png" alt="image" width="1440" height="813" />
</Frame>

4\. Im Menü klicke auf Code bearbeiten, um den Code Editor zu öffnen.

<Frame>
  <img src="https://chatnox.b-cdn.net/shopify-7.png" alt="image" width="1440" height="813" />
</Frame>

6. Im Code-Editor wähle links im layout Ordner die theme.liquid Datei aus.

<Frame>
  <img src="https://chatnox.b-cdn.net/shopify-8.png" alt="image" width="1440" height="813" />
</Frame>

7. Füge innerhalb des body Tags den Code-Snippet vom Chatnox-Dashbaord ein.

<Frame>
  <img src="https://chatnox.b-cdn.net/shopify-9.png" alt="image" width="1440" height="813" />
</Frame>

9. Speichere oben rechts die Änderung, um sie wirksam zu machen

<Frame>
  <img src="https://chatnox.b-cdn.net/shopify-10.png" alt="image" width="1440" height="813" />
</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>