# Ein Chat-Widget auf Ihrer Website einbauen

> Erstellen Sie einen Chat, kopieren Sie seinen Einbettungscode in Ihre Website, senden Sie eine Testnachricht und beantworten Sie sie in Enydea.

Source: https://enydea.com/de/documentation/tutorial-chat-widget-on-your-site · Last updated 2026-10-09

## Ziel
Sie fügen Ihrer Website eine Chat-Schaltfläche hinzu, senden sich selbst als Besucher eine Testnachricht und beantworten sie in Enydea. Das dauert etwa 15 Minuten. Der Bildschirm **Chats** ist in jeder App-Sprache nur auf Englisch verfügbar.

## Was Sie brauchen
- Eine Beziehung, die in der Seitenleiste unter **Aktuelles Konto** ausgewählt ist. Chats werden unter ihr gespeichert.
- Die Berechtigung, das HTML Ihrer Website zu bearbeiten, oder einen Webentwickler, der das kann.

## Schritte
### Den Chat erstellen

![Der Bildschirm Chat Management mit leerer Chatliste und der Schaltfläche New Chat](https://enydea.com/seo-assets/screens/chats.webp)

*Chat Management, bevor der erste Chat existiert.*
1. Klicken Sie in der Seitenleiste auf **Chats**.
2. Klicken Sie auf **New Chat**. Der neue Chat heißt „new“.
3. Geben Sie unter **Chat Name** den Namen ein, den Besucher sehen sollen, zum Beispiel „Sales team“.
4. Öffnen Sie **Appearance Settings** und klicken Sie auf das Farbfeld unter **Background Color**, um Ihre Markenfarbe zu wählen.
5. Klicken Sie oben im Chat auf das Drei-Punkte-Menü und dann auf **Save Chat**.

Lassen Sie **AI Agent Settings** vorerst unverändert. KI-Antworten sind ausgeschaltet, bis Sie **Enable AI Auto-Reply** aktivieren; Ihr Team beantwortet also jede Nachricht.

### Das Widget in Ihre Website einfügen
1. Klicken Sie auf **Get Embed Code**. Ein Dialog mit dem Titel **Embed Chat Widget** öffnet sich.
2. Klicken Sie auf **Copy Code**.
3. Fügen Sie den Code in das HTML jeder Seite ein, die den Chat zeigen soll, direkt vor dem schließenden `</body>`-Tag.
4. Speichern und veröffentlichen Sie Ihre Website.

### Eine Testnachricht senden

![Eine Kundenwebsite mit geöffnetem Chatfenster: eine Begrüßung, eine Besucherfrage und die Antwort des Vertriebsteams](https://enydea.com/seo-assets/screens/chat-widget-visitor.webp)

*Was ein Besucher auf Ihrer Website sieht, nachdem Ihr Team geantwortet hat.*
1. Öffnen Sie Ihre Live-Website in einem privaten Browserfenster.
2. Klicken Sie unten rechts auf die runde Chat-Schaltfläche. Ein Fenster mit einer Begrüßungsnachricht öffnet sich.
3. Geben Sie eine Testnachricht ein und drücken Sie Enter.

### In Enydea antworten

![Der Bildschirm Chat Management mit geöffnetem Chatraum: Begrüßung, Besucherfrage und Antwort des Teams](https://enydea.com/seo-assets/screens/chat-room.webp)

*Der Chatraum in Enydea. Ihre Antwort ist die blaue Nachricht.*
1. Klicken Sie in Enydea auf **Chats** und wählen Sie Ihren Chat aus. Laden Sie den Bildschirm neu, wenn Sie den neuen Raum noch nicht sehen.
2. Klicken Sie unter **Chat Rooms** auf den neuen Raum. Dort steht die Nachricht des Besuchers.
3. Geben Sie Ihre Antwort ein und drücken Sie Enter.
4. Sehen Sie sich Ihre Website erneut an. Ihre Antwort erscheint im Chatfenster.

## Ergebnis prüfen
- Unter **Chat Rooms** gibt es einen Raum für Ihre Testunterhaltung.
- Ihre Antwort erscheint im Fenster des Besuchers.
- Die Glocke **System Messages** zeigt eine Benachrichtigung zur neuen Unterhaltung. Sie erhalten sie, weil Sie den Chat erstellt haben.
- Öffnet sich das Fenster, erscheint aber nie ein Raum, sieht der Besucher keinen Fehler. Prüfen Sie, ob der Code auf der getesteten Seite steht, und wenden Sie sich an den Support, wenn das der Fall ist.

Löschen Sie Ihren Testraum mit dem Papierkorbsymbol, wenn Sie fertig sind.

## Nächste Schritte
- Fügen Sie Öffnungszeiten, einen KI-Agenten oder WhatsApp hinzu ([Chats](https://enydea.com/de/documentation/chat-widget.md)). Lesen Sie die Warnung zu **Include CRM Context**, bevor Sie die KI einschalten.
- Lassen Sie den Schalter **Chat-Widget** unter **Website-Verfolgung** (Website Tracking) ausgeschaltet. Er steuert eine separate Chat-Blase, die keine Räume unter **Chats** anlegt ([Website-Tracking und Einwilligungseinstellungen](https://enydea.com/de/documentation/website-tracking-and-consent.md)).
- Um WhatsApp-Nachrichten im selben Chat zu empfangen, verbinden Sie zuerst WhatsApp ([Soziale Medien und WhatsApp](https://enydea.com/de/documentation/social-media-and-whatsapp.md)).