KI-Chatbot zur Website hinzufügen

Chatbot in 4 Schritten zur Website hinzufügen

1. 1.

   Agent erstellen

   Öffnen Sie den Editor, wählen Sie eine Vorlage und geben Sie die URL Ihrer Website ein. Der Chatbot liest Ihre Seiten und baut daraus seine erste Wissensdatenbank auf.

2. 2.

   Wissen ergänzen

   Laden Sie Richtlinien und Kataloge hoch, schreiben Sie Q&A-Paare für Antworten, die exakt stimmen müssen, und tragen Sie Ihre Unternehmensinfos ein.

3. 3.

   Verhalten und Aussehen festlegen

   Geben Sie ihm eine Rolle, einen Ton und eine Begrüßung, aktivieren Sie die Skills, die Sie brauchen – Kontakte sammeln, einen Menschen kontaktieren –, und passen Sie die Farben an Ihre Website an.

4. 4.

   Code in die Website einfügen

   Klicken Sie auf Zur Website hinzufügen, kopieren Sie den Code und fügen Sie ihn in Ihren Website-Baukasten ein. Er funktioniert auf jeder Website, die eigenen HTML-Code zulässt.

Was Sie vor dem Einbinden eines Chatbots entscheiden sollten

Ein Chatbot antwortet mit dem, was Sie ihm geben. Fünf Entscheidungen, bevor Sie den Editor öffnen, ersparen Ihnen später Stunden an Korrekturen.

1. 1.

   Hauptaufgabe wählen

   Fragen beantworten, Leads gewinnen, Termine buchen oder Besucher zur richtigen Seite führen – legen Sie eine Priorität fest. Ein Bot für Leads fragt früh nach Kontaktdaten; ein Support-Bot braucht eher eine umfangreiche Wissensdatenbank als ein Formular. Siehe Einsatzbereiche für KI-Chatbots.

2. 2.

   Wissen zusammentragen

   Ihre 20 häufigsten Fragen mit Antworten, aktuelle Preise, Versand- und Rückgaberichtlinien, Kontaktdaten sowie Produkt- oder Leistungsbeschreibungen. Formulieren Sie so, wie Kunden fragen, nicht wie Ihre Marketingseiten klingen.

3. 3.

   Widersprüche entfernen

   Sind eine alte und eine neue Rückgaberichtlinie geladen, zitiert die KI womöglich eine davon oder vermischt beide. Löschen Sie veraltete Versionen und Duplikate vor dem Training.

4. 4.

   Grenzen festlegen

   Listen Sie auf, welche Themen der Chatbot beantwortet und welche er an einen Menschen übergibt – Streitfälle bei Rechnungen, Erstattungen, die eine Entscheidung erfordern, kontospezifische Probleme.

5. 5.

   Tonfall wählen

   Schreiben Sie zwei oder drei Beispielantworten im gewünschten Ton. Ein Skateshop und eine Anwaltskanzlei sollten nicht gleich klingen.

Agent und Wissen einrichten

Im Elfsight-Editor legt der Tab Agent fest, wer der Chatbot ist:

• Name, Untertitel und Bild – Ihr Unternehmens- oder Agentenname, ein kurzer Untertitel und ein Logo oder Avatar.

• Rolle – worin der Agent Experte ist, damit er passend antwortet.

• Ton – Freundlich, Professionell, Locker, Direkt oder Ihre eigene Beschreibung.

• Antwortlänge – kurze, mittlere oder lange Antworten.

• Begrüßung und vorgeschlagene Fragen – sagen Sie Besuchern, wobei der Chatbot hilft, und geben Sie ihnen Fragen zum Einstieg per Klick.

• Gesprächsregeln – legen Sie ausdrücklich fest, was der Agent tun und was er vermeiden soll.

Der Tab Wissen enthält alles, woraus der Chatbot antwortet:

• Webseiten – bis zu 200 Seiten Ihrer Website, hinzugefügt über deren URL.

• Dateien – PDF, DOCX, PPTX, TXT, JSON, HTML oder MD, etwa Richtlinien und Produktkataloge.

• Q&A-Paare – für Antworten, bei denen der Wortlaut zählt: Preise, Erstattungsbedingungen, rechtliche Hinweise.

• Textblöcke – alles, was nicht auf Ihrer Website steht, etwa ein saisonales Angebot.

• Unternehmensinfos – Öffnungszeiten, Adresse und Kontakte.

Kennt der Agent eine Antwort nicht, fragt er Sie und lernt aus Ihrer Antwort. Mehr dazu unter Wissensdatenbank für einen Chatbot erstellen.

Skills hinzufügen: Kontakte, Folgenachrichten und Übergabe an einen Menschen

Skills erweitern den Chatbot über das Beantworten von Fragen hinaus:

• Kontakte sammeln – ein kurzes Formular für Name, E-Mail und Telefon mit Einwilligungs-Checkbox. Zeigen Sie es vor dem Chat oder nach der ersten Antwort an oder machen Sie es zur Pflicht.

• Folgenachricht – eine Nachricht, wenn ein Besucher nicht mehr antwortet, um ihn zurückzuholen oder ein Angebot zu teilen.

• Aktionsschaltflächen – WhatsApp, E-Mail, Anruf, Instagram, Telegram, Messenger und mehr, angezeigt, wenn das Gespräch es erfordert.

• Mensch kontaktieren – eine Karte mit Foto, Name und Kontakten eines Teammitglieds. Sie erscheint, wenn der Besucher nach einer Person fragt, der Agent nicht antworten kann, ein Schlüsselwort fällt, eine Antwort negativ bewertet wird oder der Besucher inaktiv ist.

„Mensch kontaktieren“ leitet den Besucher zu Ihren eigenen Kanälen – WhatsApp, E-Mail, Telefon –, statt den Chat an einen Live-Mitarbeiter zu übergeben. Richten Sie es vor dem Start ein, zumindest für „nach einem Menschen gefragt“ und „kann nicht antworten“: Besucher stört es nicht, mit einer KI zu sprechen – es stört sie, sich darin gefangen zu fühlen. Siehe Übergabe an Mitarbeiter.

Design anpassen und festlegen, wo der Chat erscheint

Wählen Sie eines von sechs Themes und eine Akzentfarbe und passen Sie dann die Farben jedes Elements, den Hintergrund, die Eckenrundung und die Schrift an, damit der Chat wie ein Teil Ihrer Website aussieht.

In den Einstellungen legen Sie fest, wie er erscheint:

• Platzierung und Layout – ein schwebender Chat oder einer, der in die Seite eingebettet ist; eine Schaltfläche, eine Textschaltfläche, ein Schnelleingabefeld oder ein Agentenprofil als Launcher; links, rechts oder unten mittig.

• Start – per Klick öffnen, zuerst Begrüßung und vorgeschlagene Fragen zeigen oder automatisch öffnen.

• Sichtbarkeit – den Chat auf bestimmten Seiten und Geräten ein- oder ausblenden.

• Footer-Text – ein Hinweis, dass die Antworten KI-generiert sind, oder ein Link zu Ihrer Datenschutzerklärung.

• Sprache und Zeitzone — die Oberfläche des Chats in einer von 76 Sprachen; Töne, eigenes CSS und JS.

• E-Mail-Benachrichtigungen – das Protokoll jedes Chats mit den Kontaktdaten des Besuchers in Ihrem Posteingang.

Haben Sie Besucher aus der EU, ergänzen Sie Ihre Datenschutzerklärung um den Chatbot und die Daten, die er erfasst. Die EU-KI-Verordnung verlangt zudem, dass Menschen erfahren, dass sie mit einer KI sprechen – der Footer-Text ist ein einfacher Ort für beides.

Chatbot in Ihre Website integrieren

Klicken Sie auf Zur Website hinzufügen, kopieren Sie den Code und fügen Sie ihn einmal ein. Für einen schwebenden Chat auf jeder Seite nutzen Sie den websiteweiten Code-Bereich; um den Chat in eine einzelne Seite einzubetten, das HTML-Element dieser Seite.

Wix benötigt einen Premium-Tarif und Squarespace mindestens den Business-Tarif, um eigenen Code auszuführen. Für React, Next.js, Vue oder Angular siehe KI-Chatbot für Entwickler.

Vor dem Livegang testen

• Stellen Sie 10–15 echte Fragen aus Ihrem Support-Postfach oder Kontaktformular, keine erfundenen. Echte Besucher schreiben „meine Bestellung ist nicht angekommen und niemand antwortet“, nicht „wie sind Ihre Öffnungszeiten?“.

• Prüfen Sie, ob er Themen außerhalb seiner Grenzen höflich ablehnt und einen Weg zu Ihrem Team anbietet: „Darum kümmert sich unser Team direkt – so erreichen Sie es“ wirkt besser als „Dabei kann ich nicht helfen“.

• Öffnen Sie die Website auf dem Smartphone und achten Sie darauf, dass der Launcher keine Schaltflächen oder den Warenkorb verdeckt.

• Lesen Sie in der ersten Woche täglich die Chats in Ihrem Dashboard und schließen Sie die Lücken in der Wissensdatenbank.

Fehler, die Chatbot-Antworten verschlechtern

So erkennen Sie, ob Ihr Chatbot funktioniert

Chatbots sind am stärksten bei häufigen, wiederkehrenden Fragen, deren Antworten schon in Ihren Inhalten stehen: Preise und Tarife, Richtlinien, Einrichtungs- und Fehlerbehebungsschritte. Schwer tun sie sich mit Aufgaben, die Ermessen oder Zugriff auf das Kundenkonto erfordern – Streitfälle bei Rechnungen, Entscheidungen über Erstattungen –, leiten Sie diese also an einen Menschen weiter.

Chats und Leads finden Sie in Ihrem Elfsight-Dashboard, Analyseberichte kommen per E-Mail, und Chat-Ereignisse lassen sich an Google Analytics senden. Siehe Analysen.

Weitere Wege, KI auf eine Website zu bringen

• Eigene Lösung mit einer KI-API bauen – die meiste Kontrolle über Verhalten und Daten, aber Sie schreiben die Chat-Oberfläche, hosten das Backend und pflegen beides.

• Helpdesk-Suiten – KI-Agenten zusammen mit Live-Chat, Ticketsystem und Routing. Sinnvoll für ein großes Support-Team; mehr Einrichtung und Kosten.

• KI-Websitesuche und Empfehlungen – verstehen, was ein Besucher meint, und Seiten oder Produkte vorschlagen. Ein Chatbot, der mit Ihrem Katalog trainiert ist, kann beides im Gespräch: siehe KI-Websitesuche und Produktempfehlungen.

• KI-Tools für Inhalte und Analysen – Seiten entwerfen und Trends im Traffic erkennen; sie helfen beim Betrieb der Website, sprechen aber nicht mit Besuchern.

Für die meisten kleinen und mittleren Unternehmen ist ein No-Code-Chatbot der schnellste Weg, Besuchern KI anzubieten: kein Code zu pflegen, und derselbe Agent funktioniert auf jeder Plattform.