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

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

## Was Sie brauchen
- Eine Beziehung, die in der Seitenleiste unter **Aktuelles Konto** (Current Account) 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-Verwaltung mit leerer Chatliste und der Schaltfläche Neuer Chat](https://enydea.com/seo-assets/screens/chats.webp)

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

Lassen Sie **KI-Agent-Einstellungen** vorerst unverändert. KI-Antworten sind ausgeschaltet, bis Sie ein Häkchen bei **Automatische KI-Antwort aktivieren** setzen; Ihr Team beantwortet also jede Nachricht.

### Das Widget in Ihre Website einfügen
1. Klicken Sie auf **Einbettungscode abrufen**. Ein Dialog mit dem Titel **Chat-Widget einbetten** öffnet sich.
2. Klicken Sie auf **Code kopieren**.
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-Verwaltung mit geöffnetem Chatroom: Begrüßung, Besucherfrage und Antwort des Teams](https://enydea.com/seo-assets/screens/chat-room.webp)

*Der Chatroom 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 **Chatrooms** 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 **Chatrooms** gibt es einen Raum für Ihre Testunterhaltung.
- Ihre Antwort erscheint im Fenster des Besuchers.
- Die Glocke (**Benachrichtigungen**) zeigt eine Benachrichtigung zur neuen Unterhaltung, und ein Klick darauf öffnet den Chatroom. 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 **CRM-Kontext einbeziehen**, 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)).