Website-Chat: ein Chat-Widget auf Ihrer Website einbinden
Was der Website-Chat tut
Ein Chat ist eine Chat-Schaltfläche, die Sie auf Ihrer Website platzieren. Sie richten ihn unter Unterhaltungen (Conversations) auf dem Tab Website chat ein. Sendet ein Besucher eine Nachricht, öffnet Enydea eine Unterhaltung, die Ihr Team auf dem Tab Posteingang (Inbox) unter Unterhaltungen beantwortet. Derselbe Chat kann auch WhatsApp-Nachrichten empfangen. Ein KI-Agent kann automatisch antworten; das ist aber optional und standardmäßig ausgeschaltet.
Bevor Sie beginnen
- Wählen Sie in der Seitenleiste unter Aktuelles Konto (Current Account) eine Beziehung aus. Ein Chat wird unter dieser Beziehung gespeichert; ohne Beziehung zeigt Enydea „Keine Beziehung ausgewählt“.
- Um das Widget auf Ihrer Website anzuzeigen, müssen Sie den HTML-Code der Seite bearbeiten oder Ihren Webentwickler darum bitten.
Einen Chat erstellen und den Code abrufen
Der Tab Website chat. Wählen Sie links einen Chat aus. Rechts stehen seine Einstellungen und die Schaltfläche Einbettungscode abrufen.
- Klicken Sie in der Seitenleiste auf Unterhaltungen (Conversations) und dann auf den Tab Website chat.
- Öffnen Sie oben im Chat das Drei-Punkte-Menü und klicken Sie auf Neuer Chat (oder auf Erstellen Sie Ihren ersten Chat, wenn die Liste leer ist). Der neue Chat heißt „new“.
- Geben Sie unter Grundeinstellungen bei Chatname Ihren eigenen Namen ein. Besucher sehen ihn als Titel des Chatfensters.
- Klicken Sie auf Einbettungscode abrufen. Ein Dialog mit dem Titel Chat-Widget einbetten öffnet sich.
- Klicken Sie auf Code kopieren.
- Fügen Sie den Code in den HTML-Code Ihrer Seite ein, direkt vor dem schließenden
</body>-Tag, und zwar auf jeder Seite, die den Chat zeigen soll.
Der Code sieht so aus, mit Ihrer eigenen Chat-ID:
<!-- Enydea Chat Widget -->
<script src="https://app.enydea.com/widget/enydea-chat.js"
data-chat-id="YOUR_CHAT_ID"
data-name="Your chat name"
data-color="#1976d2"></script>data-name und data-color erscheinen, wenn der Chat diese Werte hat. Fügen Sie data-position="left" hinzu, um die Schaltfläche nach unten links zu verschieben. Der Text im Fenster richtet sich nach der lang-Einstellung Ihrer Seite (Englisch, Niederländisch, Deutsch oder Französisch).
Unter Einstellungen zum Erscheinungsbild ist Hintergrundfarbe die Hauptfarbe des Widgets. Textfarbe, Breite, Höhe, Chat-Avatar und Start-Icon gestalten das Chatfenster, das Sie in Enydea sehen. Das Widget auf der Website behält seine eigene Größe und seine eigenen Symbole. Vorschau des Einbettungscodes wird aktualisiert, während Sie die Einstellungen ändern.
Testen Sie den Chat auf Ihrer Live-Website, bevor Sie ihn ankündigen. Senden Sie eine Nachricht von Ihrer Seite. Auf dem Tab Posteingang unter Unterhaltungen sollte eine neue Unterhaltung mit der Markierung Website chat erscheinen (laden Sie die Seite neu, falls sie noch nicht angezeigt wird). Öffnet sich das Fenster, erscheint aber nie eine Unterhaltung, sieht der Besucher keinen Fehler; wenden Sie sich in diesem Fall an den Support.
Was Besucher sehen
Das Chatfenster auf einer Website.
- Eine runde Schaltfläche unten rechts. Sie öffnet ein Fenster mit Ihrem Chatname, einem Online- oder Offline-Status, einer Begrüßungsnachricht („Welcome! How can we help you today?“) und einem Nachrichtenfeld. Die Begrüßungsnachricht können Sie auf diesem Bildschirm nicht ändern.
- Vier Schnellantwort-Schaltflächen mit festem Wortlaut: „What do you offer?“, „Pricing“, „Contact sales“ und „AI features“ (auf einer deutschsprachigen Seite „Was bieten Sie an?“, „Preise“, „Vertrieb kontaktieren“ und „KI-Funktionen“). Ein Klick sendet diesen Text als Nachricht des Besuchers.
- Ein Link „Powered by Enydea“ (auf einer deutschsprachigen Seite „Bereitgestellt von Enydea“) unten im Fenster.
Im Posteingang antworten
Der Tab Website chat listet die Unterhaltungen der Besucher nicht auf. Sie kommen auf dem Tab Posteingang unter Unterhaltungen an, neben Ihren WhatsApp-Nachrichten, mit der Markierung Website chat (Anleitung: Kunden in Unterhaltungen beantworten).
Ein Website-Chat im Posteingang. Geben Sie Ihre Antwort im Feld unten ein.
- Eine Website-Unterhaltung trägt die Markierung Website chat und Needs reply, wenn der Besucher zuletzt geschrieben hat. Der Filter Website über der Liste zeigt nur diese, und das Suchfeld durchsucht Name, Nummer und Nachricht.
- Klicken Sie auf eine Unterhaltung, um sie zu öffnen, geben Sie Ihre Antwort ein und drücken Sie Enter. Ihre Antwort geht an den Besucher im Chatfenster Ihrer Website.
- Wer den Chat erstellt hat, erhält für jede neue Unterhaltung und jede Besuchernachricht eine Benachrichtigung in der Glocke (Benachrichtigungen). Ein Klick darauf öffnet diese Unterhaltung. Wenn Sie unter Einstellungen -> Konto -> Benachrichtigungseinstellungen die Option Chat-Benachrichtigungen aktivieren, kommen Push- oder E-Mail-Benachrichtigungen hinzu, je nachdem, was Sie dort eingestellt haben.
Einstellungen für den KI-Agenten (optional)
Setzen Sie unter KI-Agent-Einstellungen ein Häkchen bei Automatische KI-Antwort aktivieren, damit die KI jede Besuchernachricht beantwortet. Ihr Team sieht weiterhin jede Nachricht und kann in der Unterhaltung schreiben.
| Feld | Was es tut |
|---|---|
| System-Prompt | Anweisungen für die Persönlichkeit und den Aufgabenbereich der KI |
| Unterstützte Sprachen | Englisch, Niederländisch, Deutsch, Französisch, Spanisch, Portugiesisch, Italienisch. Leer bedeutet: jede Sprache. |
| CRM-Kontext einbeziehen | Erlaubt der KI, Unternehmensdaten, passende CRM-Datensätze und Verkaufschancen zu nutzen. Bei neuen Chats eingeschaltet. |
| Produktkatalog einbeziehen | Erlaubt der KI, Produkte und Dienstleistungen aus Ihrem Katalog zu nutzen. Bei neuen Chats eingeschaltet. |
| Max. Verlauf | Frühere Nachrichten, die die KI liest (20 bei neuen Chats) |
| Max. Antwortlänge | Zeichen. Längere Antworten werden abgeschnitten und enden mit „...“ (500 bei neuen Chats). |
| Antwortverzögerung | Millisekunden, bevor die Antwort erscheint (1500 bei neuen Chats) |
Warnung: KI-Antworten sind öffentlich sichtbar. Ist CRM-Kontext einbeziehen eingeschaltet, kann die KI beim Antworten auf Ihr CRM zurückgreifen. Schalten Sie die Option aus, wenn Ihr CRM Angaben enthält, die Besucher nicht sehen dürfen.
Überschreitet der KI-Dienst die Zeitgrenze oder ist er nicht verfügbar, erhält der Besucher eine Nachricht, dass ein Teammitglied in Kürze antwortet.
Inhaltsfilter
Inhaltsfilter aktivieren erscheint, wenn die automatische KI-Antwort eingeschaltet ist. Bei neuen Chats ist der Filter eingeschaltet. Füllen Sie Gesperrte Wörter (kommagetrennt, Platzhalter mit *), Gesperrte Themen oder Erlaubte Themen (Whitelist) aus. Wenn Sie die Whitelist ausfüllen, werden nur diese Themen beantwortet.
Der Filter wirkt nur auf KI-Antworten. Blockiert er die Nachricht eines Besuchers, antwortet die KI mit einer höflichen Ablehnung. Blockiert er den eigenen Entwurf der KI, wird eine allgemeine Entschuldigung gepostet. Die Nachricht des Besuchers erreicht Ihr Team trotzdem.
Geschäftszeiten
Setzen Sie ein Häkchen bei Geschäftszeiten aktivieren. Legen Sie Öffnungszeit, Schließzeit, Zeitzone und Arbeitstage fest und schreiben Sie eine Offline-Nachricht. Außerhalb dieser Zeiten zeigt das Fenster Ihre Nachricht, und das Nachrichtenfeld ist deaktiviert, sodass Besucher keine Nachricht hinterlassen können. Verweisen Sie im Text auf Ihre E-Mail-Adresse oder Telefonnummer. Leere Felder bedeuten 09:00, 17:00, Europe/Amsterdam und Montag bis Freitag. Das Fenster prüft die Zeiten beim Laden der Seite.
WhatsApp-Integration
Setzen Sie ein Häkchen bei WhatsApp aktivieren und geben Sie Telefonnummer-ID und Business-Konto-ID ein, um WhatsApp-Nachrichten für diese Nummer über diesen Chat zu leiten. Sie erscheinen im Posteingang als WhatsApp-Unterhaltungen. Was Sie in einer solchen Unterhaltung eingeben, geht über WhatsApp an den Absender zurück, und die automatische KI-Antwort gilt auch für WhatsApp.
Haben Sie WhatsApp über die Registrierung bei Meta unter Unterhaltungen (Conversations) -> WhatsApp setup (oder Soziale Medien (Social Media) -> WhatsApp Business) verbunden, abonniert Enydea die Nachrichten Ihres Kontos selbst und füllt diese Felder im ersten Chat dieser Beziehung aus, sofern es ihn gibt (Soziale Medien und WhatsApp). Der Bildschirm zeigt außerdem eine Webhook-Adresse und Anleitungen für Meta, die dieser Weg nicht braucht.
Website-Chats aus Ihrem WhatsApp beantworten
Auf dem Tab Website chat unter Unterhaltungen lässt Sie die Karte Website-Chats aus Ihrem WhatsApp beantworten (Answer website chats from your WhatsApp) Website-Chats auf Ihrem eigenen Telefon empfangen und dort beantworten. Es ist eine persönliche Einstellung: Sie schalten sie für Ihre eigene Nummer ein, und ein Kollege kann sie nicht für Sie einrichten.
- Geben Sie Ihre WhatsApp-Nummer mit Ländervorwahl ein und klicken Sie auf Code an mich senden. Enydea zeigt einen Code mit 6 Zeichen. Hat das Unternehmen noch keine WhatsApp-Nummer verbunden, weist die Karte darauf hin, dass Sie zuerst eine verbinden müssen.
- Senden Sie diesen Code von Ihrem eigenen Telefon an die WhatsApp-Nummer des Unternehmens (WhatsApp mit dem Code öffnen öffnet sie für Sie). Der Code ist 30 Minuten gültig. Die Einstellung schaltet sich von selbst ein, sobald WhatsApp den Code erhält.
- Schreibt danach ein Besucher im Website-Chat, erhalten Sie die Nachricht auf Ihrem Telefon. Antworten Sie in WhatsApp auf die weitergeleitete Nachricht. Ihre Antwort geht in den Chat dieses Besuchers und wird als Ihre angezeigt, und WhatsApp bestätigt sie mit "Sent to" und dem Namen des Besuchers. Zitieren Sie keine Nachricht, geht die Antwort an den neuesten Chat.
Nachrichten können nur weitergeleitet werden, solange Ihr eigenes 24-Stunden-Fenster mit der Unternehmensnummer offen ist. Das Fenster öffnet sich, wenn Sie an diese Nummer schreiben. Ist es abgelaufen, wird nichts an Ihr Telefon weitergeleitet, die Glocke läutet in Enydea weiterhin, und die Karte weist mit der Schaltfläche Jetzt schreiben darauf hin.
Senden Sie STOP an die Unternehmensnummer oder klicken Sie auf der Karte auf Ausschalten, um die Weiterleitung auszuschalten.
Hinweis: Es wird nur Text weitergeleitet und beantwortet.
Grenzen
- Ihre Antworten erreichen den Besucher live über eine WebSocket-Verbindung. Blockiert das Netzwerk eines Besuchers WebSockets, sieht er Ihre Antwort, wenn er die Seite neu lädt.
- Der Schalter Chat-Widget unter Einstellungen -> Website-Verfolgung (Website Tracking) ist eine separate, einfachere Chatblase. Er erstellt keine Unterhaltungen unter Unterhaltungen. Lassen Sie ihn aus, wenn Sie dieses Widget verwenden (Website-Tracking und Einwilligungseinstellungen).