Ratgeber

So binden Sie einen KI-Chatbot in Ihre Website ein

Das Chatfenster einzufügen dauert ein paar Minuten. Ob es Ihren Besuchern hilft oder sie nervt, entscheidet sich aber an anderer Stelle: was es sagen darf, woher seine Antworten kommen und an wen es übergibt. Dieser Ratgeber behandelt beides, der Reihe nach.

Aktualisiert am 21. Oktober 2026

Bevor Sie anfangen: vier Entscheidungen

Die meisten Chatbots, die Besucher frustrieren, scheitern an einem dieser Punkte, nicht an der Technik. Nehmen Sie sich zehn Minuten dafür, bevor Sie sich irgendwo registrieren.

1. Woher seine Antworten kommen

Ein KI-Assistent kann nur so richtig liegen wie das, was er liest. Fragen Sie bei jedem Produkt, das Sie in Betracht ziehen: Antwortet er nur aus meinen eigenen Seiten oder auch aus dem, was das Modell anderswo gelernt hat? Ein Modell, das Lücken mit Allgemeinwissen füllt, erzählt einem Besucher, Ihre Rückgabefrist betrage 30 Tage, weil das üblich ist, auch wenn Ihre 14 Tage beträgt.

Prüfen Sie, ob Ihre Website die Dinge, nach denen Menschen fragen, tatsächlich nennt. Öffnen Sie Ihre Seiten und suchen Sie nach:

  • Versandkosten und Lieferzeiten, nach Land, wenn Sie ins Ausland liefern;
  • Rückgabe und Umtausch: die Frist, der Zustand des Artikels, wer das Rückporto zahlt;
  • wie man Sie erreicht, mit einer E-Mail-Adresse, die jemand liest;
  • Produktdetails, die Menschen vergleichen: Größen, Materialien, Kompatibilität, Lieferumfang;
  • Öffnungszeiten, Einzugsgebiet oder Buchungsregeln, wenn Sie eine Dienstleistung verkaufen.

Fehlt eine Seite, schreiben Sie sie zuerst. Ein Assistent, der eine gute Seite liest, antwortet gut; einer, der nichts liest, sagt oft „Das weiß ich nicht“ – das ist ehrlich, hilft aber wenig.

2. An wen er übergibt

Manche Gespräche brauchen einen Menschen: ein beschädigtes Paket, eine Erstattung, eine Beschwerde, jemand, der einfach einen Menschen sprechen möchte. Legen Sie vor dem Livegang fest, wohin diese gehen. Eine E-Mail-Adresse funktioniert. Eine Chat-App, die Sie ohnehin im Blick haben, funktioniert besser, weil Sie antworten können, während der Besucher noch auf der Seite ist.

Unser Assistent gibt diese Gespräche per E-Mail, Slack, Discord oder Telegram an Sie weiter, mit dem Gespräch im Anhang, und aus den Chat-Apps können Sie direkt in das Chatfenster des Besuchers antworten. Ein gemeinsames Postfach mit Arbeitsplätzen für ein Support-Team hat er nicht; wenn Sie das brauchen, lesen Sie KI-Chatbot oder Live-Chat.

3. Wie viele Gespräche, und was jenseits des Limits passiert

Chatbot-Preise werden sehr unterschiedlich gezählt: pro Arbeitsplatz (jede Person in Ihrem Team), pro Gespräch, pro Nachricht oder pro „Lösung“ (jedes Mal, wenn die KI eine Frage abschließt). Schätzen Sie zuerst Ihr Volumen: Sehen Sie nach, wie viele Kontaktformular-Nachrichten und Support-E-Mails Sie im Monat bekommen, und rechnen Sie damit, dass der Chat mehr sieht, weil ein Chatfenster einfacher zu benutzen ist als ein Formular.

Fragen Sie dann, was passiert, wenn Sie darüber liegen. Manche Produkte berechnen jedes Gespräch über dem Tarif extra; manche hören auf zu antworten. Unserer berechnet keine Zusatzkosten: Jenseits des Limits werden neue Besucher gebeten, Ihnen eine E-Mail zu schreiben, und am 1. beginnt die Zählung von vorn. Die Tarife stehen im Abschnitt Preise: kostenlos für 30 Gespräche im Monat, danach $19 für 90, $59 für 275, $199 für 1.000 und $1,099 für 6.000.

4. Datenschutz

Ein Chatfenster läuft auf jeder Seite Ihrer Website, lesen Sie also nach, was es erhebt. Prüfenswert: Setzt es Cookies (das kann ändern, was Ihr Cookie-Banner sagen muss), wo werden Gespräche gespeichert, wie lange, und funktioniert es nur auf Ihrer eigenen Domain? Unser Widget setzt keine Cookies und antwortet nur auf den Domains, die Sie registriert haben. Die Details stehen in unserer Datenschutzerklärung.

Die Einrichtung, Schritt für Schritt

Das sind die Schritte mit unserem Assistenten; andere Produkte folgen einer ähnlichen Reihenfolge.

  1. Mit Ihrer E-Mail-Adresse registrieren. Gehen Sie zur Registrierungsseite und geben Sie Ihre E-Mail-Adresse ein. Sie erhalten einen einmaligen Anmeldelink; es gibt kein Passwort, das Sie sich merken müssen.
  2. Die Adresse Ihrer Website eingeben. Wir lesen die öffentlichen Seiten, was meist etwa eine Minute dauert, und lesen sie jeden Tag neu, sodass neue Produkte und geänderte Richtlinien übernommen werden, ohne dass Sie etwas tun müssen.
  3. Sofort ausprobieren. Chatten Sie mit Ihrem Assistenten, bevor er auf Ihrer Website ist. Der Check zeigt, welche häufigen Fragen Ihre Website schon beantwortet und welche nicht.
  4. Ihre Code-Zeile kopieren. Ihr Dashboard zeigt ein einzelnes Script-Tag mit der ID Ihrer eigenen Website.
  5. In Ihre Website einfügen, vor dem schließenden </body>-Tag, damit es auf jeder Seite lädt. Die genaue Stelle hängt von Ihrer Plattform ab (siehe unten).
  6. Website einmal aufrufen. Der Chat-Button erscheint unten rechts, und Ihr Dashboard zeigt Verbunden.
<script src="https://7x24hrs.com/widget.js" data-store="site_…" async></script>
Ihre eigene Zeile mit der ID Ihrer Website finden Sie nach der Anmeldung im Dashboard.

Wo der Code auf jeder Plattform hingehört

PlattformWo der Code hingehörtGut zu wissen
WordPressDas kostenlose Plugin WPCode: Code Snippets → Header & Footer → FooterFunktioniert mit jedem Theme, klassisch oder Block-Theme.
WooCommerceWie bei WordPressDer Assistent beantwortet Fragen zu Produkten und Richtlinien; WooCommerce-Bestellungen ruft er nicht ab.
WixSettings → Custom code → Body - end, alle SeitenCustom Code läuft auf einer veröffentlichten Website mit verbundener Domain.
SquarespaceDas Panel Code Injection → FooterCode Injection ist in den Tarifen Core, Plus und Advanced verfügbar.
WebflowSite settings → Custom code → Footer code, dann veröffentlichenCustom Code braucht einen kostenpflichtigen Site- oder Workspace-Tarif.
BigCommerceStorefront → Script Manager → Create a Script, FooterWählen Sie Storefront pages, damit er nicht im Checkout erscheint.
ShopifyKein Code: App installieren und im Theme-Editor unter App embeds einschaltenShopify-Shops bekommen außerdem Bestellstatus, Bestelländerungen und In-den-Warenkorb.

Jeder andere Website-Baukasten funktioniert genauso: Suchen Sie nach einer Einstellung namens „Custom Code“, „Footer-Code“, „Scripts“ oder „Tracking-Code“. Bearbeiten Sie Ihre eigenen Templates, setzen Sie die Zeile in das gemeinsame Layout direkt vor </body>. Erst lokal zu testen ist kein Problem: Das Widget läuft auch auf localhost.

Fügen Sie den Code nicht doppelt ein (zum Beispiel im Theme und in einem Plugin). Sie bekämen zwei Chat-Buttons, und beide würden Gespräche zählen.

Prüfen Sie ihn wie ein Besucher

Bevor Sie es jemandem erzählen, öffnen Sie Ihre Website in einem privaten Fenster, auf dem Handy und auf dem Computer, und stellen Sie die Fragen, die Ihre Kunden tatsächlich stellen. Eine kurze Testliste:

  • eine Produktfrage mit einer konkreten Antwort auf Ihrer Website („Ist die große Größe auf Lager?“, „Woraus ist das gemacht?“);
  • eine Frage zu Ihren Richtlinien („Wie lange kann ich das zurückgeben?“);
  • eine Frage, die Ihre Website nicht beantwortet, etwa nach einem Rabattcode, den Sie nie veröffentlicht haben. Die richtige Antwort ist „Das weiß ich nicht“ plus ein Weg, Sie zu erreichen, kein erfundener Code;
  • „Kann ich mit einem Menschen sprechen?“ – und prüfen Sie dann, ob die Übergabe in Ihrer E-Mail oder Chat-App angekommen ist;
  • dieselbe Frage in einer anderen Sprache, die Ihre Kunden sprechen. Der Assistent antwortet in der Sprache, in der der Besucher schreibt.

Ist eine Antwort falsch, liegt die Lösung fast immer auf Ihrer Website: Die Seite fehlt, ist unklar oder widerspricht einer anderen Seite. Korrigieren Sie die Seite, und der Assistent übernimmt das, wenn er Ihre Website das nächste Mal liest.

Die erste Woche nach dem Livegang

  • Lesen Sie die Gespräche. Nicht für immer alle, aber in der ersten Woche alle. Sie erfahren, was Menschen fragen, das Sie nie auf Ihre Website geschrieben haben.
  • Arbeiten Sie die Liste der Fragen ab, die er nicht beantworten konnte. Jede ist entweder eine Seite, die Sie schreiben sollten, oder eine Frage, die Sie gern übergeben bekommen.
  • Prüfen Sie die Übergaben. Waren es die richtigen? Haben Sie schnell genug geantwortet?
  • Behalten Sie Ihren Zähler im Blick. Nähern Sie sich den kostenlosen 30 Gesprächen im Monat, entscheiden Sie, ob Sie in einen kostenpflichtigen Tarif wechseln, bevor Besucher gebeten werden, Ihnen eine E-Mail zu schreiben.

Fragen

Muss ich programmieren können?

Nein. Sie kopieren eine Zeile aus Ihrem Dashboard und fügen sie in ein Einstellungsfeld ein, das Ihr Website-Baukasten bereits hat. Die Integrationsseiten zeigen für jede Plattform genau, wo.

Macht ein Chatbot meine Website langsamer?

Unser Skript wird mit async geladen, Ihre Seite wartet also nicht darauf, bevor sie angezeigt wird. Es ist trotzdem ein Skript mehr auf der Seite; prüfen Sie Ihre Ladezeit vorher und nachher, wenn Ihnen das wichtig ist.

Muss ich ihn trainieren?

Nein. Er liest Ihre öffentlichen Seiten selbstständig und jeden Tag neu. Um zu ändern, was er sagt, ändern Sie Ihre Seiten. Einzelne Antworten können Sie außerdem in Ihrem Dashboard korrigieren.

Kann er auf meiner Website Bestellungen abrufen?

Nur auf Shopify, wo die App Bestellungen liest und ein Kunde die Bestellnummer und die passende E-Mail-Adresse nennt. Auf anderen Websites antwortet der Assistent aus Ihren öffentlichen Seiten und gibt Fragen zu Bestellungen an Sie weiter.

Was kostet er?

Kostenlos für 30 Gespräche im Monat, mit einer kleinen Zeile „Powered by 7x24hrs“. Die kostenpflichtigen Tarife kosten $19, $59, $199 und $1,099 im Monat für 90, 275, 1.000 und 6.000 Gespräche, ohne Zusatzkosten bei Überschreitung.