Wie binde ich einen Chatbot in unsere Website ein?

Das Problem

Der Chatbot funktioniert im Testfenster des Anbieters. Nun soll er auf die eigene Website: als kleines Fenster unten rechts, auf allen Seiten oder nur auf ausgewählten. Wie kommt das Chatfenster dorthin?

Technisch ist das meist einfach: Der Anbieter stellt ein kurzes Stück Code bereit, das man in die Seite einfügt. Doch dabei lauern Fragen, die nichts mit Programmieren zu tun haben: Lädt die Seite danach langsamer? Sieht das Fenster auf dem Handy gut aus? Muss in der Datenschutzerklärung etwas stehen? Wer ist verantwortlich, wenn der Chatbot etwas Falsches sagt?

Frau Müller, die für eine Treuhandfirma die Website pflegt, möchte nichts kaputt machen und nichts übersehen. Diese Anleitung führt durch die Schritte, von der Vorbereitung bis zur Kontrolle.

So lösen Sie es mit KI – Schritt für Schritt

1. Testversion freigeben. Bevor Sie einbinden, prüfen Sie den Chatbot mit Ihren Testfragen. Wenn er im Testfenster noch Fehler macht, wird er auf der Website nicht besser.
2. Website-Zugang klären. Wer darf den Code der Website ändern? Bei einem Baukasten-System, WordPress oder einer eigenen Seite unterscheidet sich der Weg. Fragen Sie bei Bedarf Ihre Agentur oder den Hoster.
3. Datensicherung machen. Sichern Sie die Website vor jeder Änderung, damit Sie zurückgehen können.
4. Code einfügen. Kopieren Sie das Codestück des Anbieters an die Stelle, die dieser vorgibt (meist vor dem Ende des Seitenbereichs). Bei WordPress gibt es eigene Wege, siehe WordPress-Chatbot einrichten.
5. Anzeigeregeln festlegen. Entscheiden Sie, auf welchen Seiten das Chatfenster erscheint. Auf Formular- und Bezahlseiten kann es stören. Siehe Chatbot nur auf bestimmten Seiten.
6. Auf allen Geräten prüfen. Öffnen Sie die Seite am Computer, Tablet und Handy und prüfen Sie, ob das Fenster nichts verdeckt und sich schliessen lässt. Siehe Chatbot in der mobilen Ansicht.
7. Rechtliches und Hinweise ergänzen. Aktualisieren Sie Datenschutzerklärung, prüfen Sie Cookie-Einwilligung und kennzeichnen Sie den Chatbot als KI. Lassen Sie das bei Unsicherheit fachlich prüfen.

Vorlage zum Kopieren

Mit diesem Prompt bereiten Sie die Begrüssung vor, die im Chatfenster erscheint. Er enthält keine vertraulichen Daten:

Du schreibst die Begrüssungsnachricht für den KI-Assistenten auf der Website von [Firmenname] ([Branche], Schweiz).
Anforderungen:
1. Höchstens [40] Wörter, Anrede «Sie», freundlich und sachlich.
2. Der Text sagt deutlich, dass es sich um einen KI-Assistenten handelt.
3. Er nennt [3] Themen, bei denen der Assistent helfen kann: [Thema 1, Thema 2, Thema 3].
4. Er weist darauf hin, dass für persönliche Anliegen [Telefon/E-Mail] erreichbar ist und keine vertraulichen Daten eingegeben werden sollen.
5. Er macht keine Versprechen zu Preisen, Terminen oder Ergebnissen.
Schlage [3] Varianten vor.

Wählen Sie eine Variante, passen Sie die Angaben an und tragen Sie sie in den Einstellungen des Anbieters ein.

Kontrollliste nach dem Einbinden

Zu Datenschutz und Hinweisen lesen Sie KI-Chatbot und Datenschutz auf der Website. Wenn Sie ohne Plugin einbinden möchten, hilft «Chatbot ohne Plugin einbinden».

Worauf Sie achten müssen

• Datenschutz. Ein Chatbot verarbeitet Eingaben der Besucherinnen, oft auf Servern des Anbieters, teils im Ausland. Das gehört in die Datenschutzerklärung. Informationen zur Rechtslage bei Website-Chatbots finden Sie unter «KI-Chatbot und Datenschutz auf der Website».
• Cookies und Einwilligung. Manche Chat-Dienste setzen Cookies oder laden Fremdinhalte. Prüfen Sie, ob eine Einwilligung nötig ist, siehe Chatbot, Cookies und Einwilligung.
• Geschwindigkeit und Barrierefreiheit. Fremdcode kann die Seite verlangsamen und Menschen mit Einschränkungen behindern. Prüfen Sie beides.
• Sicherheit. Fügen Sie nur Code von Anbietern ein, denen Sie vertrauen, und aus der offiziellen Anleitung. Fremder Code hat Zugriff auf Ihre Seite.
• Rückfallweg. Wissen Sie, wie Sie den Chatbot schnell abschalten, wenn er Fehler macht? Notieren Sie den Weg.

Ein Beispiel aus der Praxis

Ein Beispiel: Eine Treuhandfirma in Zug testet einen Chatbot für allgemeine Fragen zu Dienstleistungen und Öffnungszeiten. Frau Müller soll ihn einbauen.

Vorher plante sie, den Code einfach auf allen Seiten einzufügen. Nachher sichert sie die Website, fügt den Code zunächst nur auf der Kontaktseite ein und prüft das Fenster am Handy. Dort verdeckt es die Schaltfläche «Absenden» des Formulars; sie ändert die Position. Datenschutzerklärung und Begrüssungstext mit KI-Hinweis lässt sie vom Geschäftsleiter prüfen. Erst nach zwei Wochen Test weitet sie den Chatbot auf weitere Seiten aus.

So hilft Ihnen Alpasana

Wenn Sie Ihre Website mit Chatbot sicher und gut nutzbar gestalten möchten, unterstützt Sie die KI-Beratung und digitale Transformation von Alpasana. Zum Angebot gehören Websites und Web-Apps mit Struktur, UX/UI, Umsetzung, Go-Live und Betreuung sowie die Integration von KI-Agenten mit Anwendungsfall, Pilot und Einsatzregeln.

Die rechtliche Prüfung Ihrer Datenschutzerklärung gehört nicht zu den hier belegten Leistungen und bleibt bei Fachpersonen. Projekte werden individuell offeriert.

Häufige Fragen

Brauche ich dafür Programmierkenntnisse?

Meist nicht, wenn der Anbieter einen Codeschnipsel zum Einfügen liefert. Bei Baukasten-Systemen gibt es oft ein Feld dafür. Wenn Sie unsicher sind, lassen Sie jemanden mit Website-Erfahrung die Einbindung durchführen.

Kann der Chatbot die Website kaputt machen?

Fehler beim Einfügen können die Darstellung stören. Deshalb gilt: vorher sichern, zuerst auf einer Seite testen und die Änderung rückgängig machen können.

Muss ich Besucherinnen informieren, dass es eine KI ist?

Es ist guter Stil und je nach Rechtslage sinnvoll oder nötig. Kennzeichnen Sie den Chatbot klar, am besten schon in der ersten Nachricht, und lassen Sie die rechtliche Einordnung bei Bedarf prüfen.