Einen Chatbot in Ihre Website einbauen, ohne Programmierkenntnisse

Einen Chatbot binden Sie ein, indem Sie ein Stück Code einmal auf jeder Seite Ihrer Website einfügen. Wer das nicht selbst tun möchte, teilt stattdessen einen Link zur eigenen Chatseite oder schickt den Code an den Webdesigner. Beim Website-Chat von Telofy zeigt das Portal für 8 Baukästen die Schritte, und Sie sehen danach, ob der Chat auf Ihrer Website geladen wurde.

Die häufigste Frage beim Einbau ist nicht der Chatbot selbst, sondern wo der Code hingehört. Diese Seite beantwortet sie für Menschen, die noch keinen Chat haben und vorher wissen wollen, wie aufwendig der Einbau ist. Die Antwort fällt meist kleiner aus als erwartet: Es ist ein kurzes Stück Code, das an der richtigen Stelle stehen muss.

Was Sie vorher brauchen

Zwei Dinge. Erstens einen Chat, der eingerichtet ist: Sie geben die Adresse Ihrer Website ein, der Chat liest die Seiten, und Sie bestätigen, was er daraus als Wissen übernehmen darf (so richten Sie den Website-Chat ein). Zweitens den Zugang zu Ihrer Website, entweder selbst oder über die Person, die sie betreut.

Der Einbau ist in jedem Fall derselbe Gedanke: Ihre Website lädt beim Aufruf ein kleines Skript, und das zeigt das Chatfenster an. Es muss deshalb auf jeder Seite stehen, auf der der Chat erscheinen soll. Am einfachsten gelingt das über einen Bereich, der ohnehin auf allen Seiten vorkommt, den Footer.

Die drei Wege

Der Link passt ins Google-Unternehmensprofil, in die Instagram-Bio, in die E-Mail-Signatur oder als QR-Code auf einen Aushang am Tresen. Er ist auch ein sinnvoller Notweg, wenn Ihr Baukasten-Tarif eigenen Code nicht erlaubt.

Beim Selbst-Einbauen wählen Sie zuerst die Anzeige. Die Chat-Blase erscheint unten in der Ecke auf jeder Seite. Der eingebettete Chat ist ein Fenster, das fest an einer Stelle der Seite steht, etwa auf der Kontaktseite. Die Blase setzen Sie einmal auf jeder Seite ein, am besten ganz unten vor dem schließenden body-Tag.

Wo der Code bei Ihrem Baukasten hingehört

Das Portal zeigt die Schritte für WordPress, Wix, Jimdo, IONOS MyWebsite Now, Shopify, Squarespace, Webflow, Google Tag Manager und eine allgemeine Anleitung für jede andere Website. Hier der Überblick, einschließlich der Stellen, an denen Ihr Tarif eine Rolle spielt.

WordPress

Öffnen Sie im Adminbereich „Design“ und dort den Editor, dann den Footer. Fügen Sie einen Block „Individuelles HTML“ hinzu, setzen Sie den Code hinein und speichern Sie. Weil der Footer auf jeder Seite steht, steht dort auch der Chat. Skripte einfügen darf nur ein Konto mit vollen Rechten, etwa ein Administrator. Ältere Themes ohne Editor brauchen ein Plugin für Header- und Footer-Code.

Einfacher geht es mit dem Plugin „Website-Chat einbinden“, das Sie im Portal herunterladen. Sie laden es hoch, fügen den Code in ein Feld unter „Einstellungen“ und „Website-Chat“ ein und setzen den Haken bei „Chat anzeigen“. Das Theme bleibt unberührt.

Wix

Unter „Einstellungen“ und „Entwicklung und Integrationen“ gibt es den Punkt „Benutzerdefinierter Code“. Dort fügen Sie den Code ein und wählen „Alle Seiten“ sowie „Body – Ende“. Beachten Sie die Bedingung: Laut Wix geht eigener Code nur mit einer verbundenen Domain, und dafür braucht es laut Wix ein Premiumpaket. Ohne Premiumpaket teilen Sie den Chat-Link.

Jimdo

Jimdo ist in unseren Quellen nicht im Einzelnen belegt, deshalb bleibt die Beschreibung allgemein: Suchen Sie in den Einstellungen das Feld für eigenen Code im Kopfbereich der gesamten Website, fügen Sie den Code dort ein und prüfen Sie den Chat auf der veröffentlichten Seite. Bietet Ihr Tarif kein solches Feld, teilen Sie den Chat-Link.

IONOS MyWebsite Now

Im Website-Editor öffnen Sie die Einstellungen und dort den eigenen Head-Code. Code einfügen, speichern. Laut IONOS ist eigenes HTML nicht in allen Tarifen von MyWebsite Now enthalten. Fehlt der Menüpunkt, hilft der Chat-Link.

Shopify

Unter „Onlineshop“ und „Themes“ öffnen Sie bei Ihrem Theme „Code bearbeiten“, im Ordner „layout“ die Datei „theme.liquid“ und setzen den Code direkt vor den schließenden body-Tag. Shopify rät, Theme-Code nur zu ändern, wenn Sie sich mit HTML auskennen. Legen Sie vorher eine Kopie des Themes an, dann ist ein Fehler schnell zurückgenommen.

Squarespace

Im Bereich „Code Injection“ tragen Sie den Code in das Feld „Footer“ ein und speichern. Code Injection gibt es laut Squarespace nur in den Tarifen Core, Plus, Advanced und einigen älteren. In anderen Tarifen teilen Sie besser den Chat-Link.

Webflow

Auch Webflow ist in unseren Quellen nicht im Einzelnen belegt. Die Website-Einstellungen bieten einen Bereich für eigenen Code im Fußbereich. Dort einfügen, die Website veröffentlichen und auf der veröffentlichten Seite prüfen.

Google Tag Manager

Wenn Ihre Website schon einen Tag Manager nutzt, legen Sie einen neuen Tag vom Typ „Benutzerdefiniertes HTML“ an, fügen den Code ein und wählen als Trigger den Seitenaufruf auf allen Seiten. Danach auf „Senden“ und „Veröffentlichen“ klicken, sonst bleibt der Tag unwirksam.

Alle anderen Websites

Suchen Sie den Bereich, in dem sich eigener Code für alle Seiten eintragen lässt, und fügen Sie ihn dort vor dem schließenden body-Tag ein. Wenn Sie unsicher sind, geben Sie den Code an die Person, die Ihre Website betreut.

Welche Adressen den Chat laden dürfen

Der Chat erscheint nur auf Adressen, die Sie im Portal unter „Ihre Websites“ freigegeben haben. Das schützt davor, dass jemand Ihren Chat auf einer fremden Seite einsetzt. Tragen Sie die Adresse mit und ohne „www“ getrennt ein, wenn Ihre Website unter beiden erreichbar ist. Eine zweite Domain tragen Sie ebenfalls ein.

Prüfen, ob der Chat geladen wird

Unter „Ihre Websites“ steht bei jeder Adresse, wann der Chat dort zuletzt geladen wurde, etwa „zuletzt geladen vor 5 Min.“ oder „noch nie geladen“. Öffnen Sie nach dem Einbau Ihre Website einmal selbst, dann sollte sich der Eintrag ändern.

Zusätzlich legen Sie fest, nach wie vielen Stunden ohne Laden Sie eine E-Mail bekommen. Das ist die Absicherung für den Fall, dass der Code bei einer späteren Überarbeitung der Website verloren geht, ohne dass es jemand merkt.

Erscheint der Chat trotz richtigem Einbau nicht, ist ein häufiger Grund eine Content-Security-Policy. Sie legt fest, von welchen Adressen Ihre Website Skripte laden darf, und wird meist vom Webdesigner oder Hoster gepflegt. Die Adresse des Chats muss dort bei script-src, connect-src und frame-src erlaubt sein. Die Einzelheiten stehen in der Hilfe zum Einbau.

Cookie-Banner und Datenschutzerklärung

Der Chat setzt keine Cookies. Einen Eintrag im Cookie-Banner brauchen Sie dafür nicht. In der Datenschutzerklärung sollten Sie ihn trotzdem erwähnen. Den fertigen Absatz finden Sie im Portal unter Einbinden. Was sonst zum Datenschutz gehört, steht auf der Seite Chatbot und DSGVO. Im Zweifel lassen Sie sich dazu beraten.

Und danach?

Ein Chatbot, der nur eingebaut ist, hilft noch nicht. Er soll Fragen beantworten, Termine buchen und Ihr Team holen, wenn jemand einen Menschen sprechen will. Wie das im Alltag aussieht, zeigen die Chatbot-Beispiele. Was der Chat im Monat kostet, steht unter Preise, und eine Übersicht über Anbieter für kleine Betriebe finden Sie ebenfalls hier. Wenn Sie den Chat erst ansehen möchten, bevor Sie etwas einbauen, probieren Sie ihn auf der Seite Website-Chat aus.

Quellen

1. Wix: Benutzerdefinierten Code einbetten (abgerufen 01.11.2026)
2. Squarespace: Code Injection (abgerufen 01.11.2026)
3. IONOS: HTML und JavaScript in MyWebsite Now (abgerufen 01.11.2026)
4. Shopify: Theme-Code bearbeiten (abgerufen 01.11.2026)