Ein KI-Chatbot auf der eigenen Website klingt nach einem Fall für den Entwickler. Ist er in den meisten Fällen nicht. Moderne Chatbots werden über einen kurzen Code-Schnipsel eingebunden, eine einzige Zeile. Diese Zeile kopieren Sie an die richtige Stelle in Ihrem System, speichern, und das Chatfenster erscheint auf Ihrer Website.
In dieser Anleitung erklären wir zuerst das Prinzip dahinter. Danach zeigen wir den Weg für die vier häufigsten Systeme: WordPress, Wix, Squarespace und Shopify. Und wir sagen es ehrlich: Nicht jeder Einbau klappt auf Anhieb. Viele KMU sind in wenigen Minuten fertig, andere brauchen kurz Unterstützung, und auch dafür gibt es eine einfache Lösung.
Das Prinzip: eine Zeile Code genügt
Der Chatbot läuft nicht auf Ihrer Website. Er läuft auf dem Server des Anbieters. Auf Ihrer Seite steht nur ein kleiner Verweis, ein sogenanntes Script-Tag. Wenn ein Besucher Ihre Seite öffnet, lädt sein Browser über diesen Verweis das Chatfenster nach. Das ist dasselbe Prinzip wie bei Google Analytics oder einem eingebetteten YouTube-Video.
So ein Schnipsel sieht ungefähr so aus:
<script src="https://chatbot-anbieter.ch/widget.js" defer></script>
Daraus folgen drei angenehme Dinge:
- Kein Umbau nötig: Ihre Website bleibt, wie sie ist. Design, Texte und Struktur werden nicht angefasst.
- Systemunabhängig: Die Zeile funktioniert auf WordPress genauso wie auf Wix, Shopify oder einer von Hand programmierten Seite.
- Rückbau in Sekunden: Zeile löschen, speichern, und der Chatbot ist wieder weg. Es bleibt nichts zurück.
Sie brauchen keine Programmierkenntnisse, nur den Zugang zur Verwaltung Ihrer Website. Genau daran scheitert es übrigens am häufigsten, nicht am Code. Dazu weiter unten mehr.
Eine Zeile Code genügt für den Einbau. Der Frascati-Chatbot wird auf jedem System so eingebunden, vom Baukasten bis zur Eigenentwicklung.
So bauen Sie den Chatbot ein, System für System
Die Zeile ist immer dieselbe. Unterschiedlich ist nur der Ort, an dem Sie sie einfügen. Hier die Kurzfassung für die vier häufigsten Systeme. Die ausführlichen Schritt-für-Schritt-Anleitungen finden Sie auf unserer Seite zum Chatbot-Einbau.
WordPress
Der sauberste Weg führt über das kostenlose Plugin WPCode. Plugin installieren und aktivieren, dann im Menü Code Snippets den Bereich Header und Footer öffnen, den Schnipsel in das Feld Footer einsetzen und speichern. Fertig.
Ohne Plugin geht es auch: Viele Themes bieten im Customizer ein eigenes Feld für Scripts im Footer. Wenn Ihr Theme das hat, gehört die Zeile dort hinein. Direkt in Theme-Dateien wie footer.php sollten Sie nur eingreifen, wenn Sie ein Child-Theme nutzen. Sonst löscht das nächste Theme-Update Ihre Änderung.
Wix
Im Wix-Dashboard unter Einstellungen den Punkt Benutzerdefinierter Code öffnen. Dort Code hinzufügen wählen, den Schnipsel einfügen, als Geltungsbereich Alle Seiten und als Position Body Ende festlegen. Wichtig zu wissen: Wix schaltet diese Funktion erst mit einem Premium-Abo und verbundener eigener Domain frei.
Squarespace
Unter Einstellungen, Erweitert, Code-Injektion finden Sie das Feld Fusszeile. Schnipsel einfügen, speichern, und der Chatbot ist auf allen Seiten aktiv. Auch hier gibt es eine Hürde: Code-Injektion steht erst ab dem Business-Plan zur Verfügung.
Shopify
Im Adminbereich unter Onlineshop, Themes beim aktiven Theme die Option Code bearbeiten wählen. Dort die Datei theme.liquid öffnen und die Zeile direkt vor dem schliessenden </body>-Tag einfügen. Beachten Sie: Wechseln Sie später das Theme, müssen Sie die Zeile im neuen Theme erneut einsetzen.
| System | Wo die Zeile hingehört | Gut zu wissen |
|---|---|---|
| WordPress | Plugin WPCode, Feld Footer | Gratis-Plugin, kein Eingriff ins Theme |
| Wix | Benutzerdefinierter Code, Body Ende | Braucht Premium-Abo mit eigener Domain |
| Squarespace | Code-Injektion, Fusszeile | Ab Business-Plan verfügbar |
| Shopify | theme.liquid, vor </body> | Nach Theme-Wechsel neu einsetzen |
Praxis-Tipp: Prüfen Sie den Einbau immer in einem privaten Browserfenster und einmal auf dem Handy. Erscheint das Chat-Symbol unten rechts nicht sofort, leeren Sie zuerst den Cache, bevor Sie den Code nochmals anfassen.
Ehrlich gesagt: Nicht jeder schafft den Einbau alleine
Viele KMU bauen den Chatbot in wenigen Minuten selbst ein. Wer nicht weiterkommt, scheitert selten am Code selbst, sondern an der Umgebung: Das WordPress-Passwort liegt beim früheren Webdesigner, der Baukasten läuft in einer alten Version, oder das Theme hat einen exotischen Aufbau.
Dafür gibt es zwei Auffangnetze. Erstens die KI-Einbau-Hilfe auf unserer Einbau-Seite: Sie beschreiben kurz Ihr System, und die Hilfe führt Sie Schritt für Schritt durch den Einbau, auch anhand Ihrer Screenshots. Zweitens übernehmen wir den Einbau auf Wunsch ganz. Schreiben Sie uns über das Kontaktformular, und die Sache ist erledigt.
Was der Chatbot kostet und wie Sie ihn testen
Der Frascati-Chatbot ist mietbar. Das Basic-Abo kostet CHF 49 im Monat und deckt 250 Gespräche ab. Das Pro-Abo kostet CHF 129 im Monat, umfasst 1'500 Gespräche und kommt ohne Frascati-Hinweis im Chatfenster aus. Beide Varianten können Sie 14 Tage gratis testen, mit hinterlegter Karte. Alle Details stehen auf der Übersichtsseite zum KI-Chatbot.
Ob sich ein Chatbot für Ihr KMU überhaupt lohnt oder ob er Spielerei wäre, haben wir in einem eigenen Beitrag nüchtern beantwortet: AI-Chatbot auf der KMU-Website, sinnvoll oder Spielerei.
Häufige Fragen
Verlangsamt der Chatbot meine Website?
Kaum messbar, wenn der Schnipsel sauber eingebunden ist. Das Script lädt verzögert, also erst, nachdem Ihre Seite bereits angezeigt wird. Das Chatfenster erscheint danach. Für Besucher und für Google bleibt die Ladezeit der eigentlichen Seite praktisch unverändert.
Kann ich den Chatbot wieder entfernen?
Ja, jederzeit. Sie löschen die eine Zeile an der Stelle, an der Sie sie eingefügt haben, und speichern. Der Chatbot verschwindet sofort von allen Seiten. Es bleiben keine Reste im System zurück.
Funktioniert der Einbau auch auf einer individuell programmierten Website?
Ja. Jede Website, die HTML ausliefert, kann den Schnipsel tragen. Die Zeile gehört vor das schliessende </body>-Tag. Wenn eine Agentur Ihre Seite betreut, schicken Sie ihr die Zeile mit genau diesem Hinweis. Das ist eine Aufgabe von zwei Minuten.
Was, wenn ich keinen Zugang zu meiner Website habe?
Das kommt öfter vor, als man denkt. Fragen Sie zuerst Ihren Hoster oder die frühere Agentur nach den Zugangsdaten. Falls das nicht klappt, übernehmen wir den Einbau zusammen mit Ihnen, inklusive der Suche nach dem richtigen Zugang.
