Webseitenchat
Einrichten & Einbinden

KI-Chatbot in deine Website einbinden

Für Webseitenchat brauchst du ein Kundenkonto, deine Website-Adresse und Zugriff auf die Code-Einstellungen deiner Website. Dein persönlicher Einbau-Code verbindet den Chat mit deinem Bot und deiner Domain.

1. Website verbinden und den Bot erstellen

Registriere dich und trage die Adresse deiner Website ein. Webseitenchat liest die Inhalte ein und richtet die Wissensbasis deines Bots ein. Das kann einige Minuten dauern. Im Kundenportal erkennst du, ob der Bot noch erstellt wird oder schon bereit ist.

Gib dem Chat einen passenden Namen und lege eine Begrüßung fest. Prüfe anschließend, ob die wichtigsten Informationen aus deiner Website vorhanden sind.

2. Antworten vor dem Einbau testen

Teste typische Besucherfragen im Kundenportal: etwa nach Leistungen, Preisen, Öffnungszeiten oder Kontaktmöglichkeiten. Ergänze fehlende Informationen in der Wissensbasis und korrigiere veraltete Inhalte. Je genauer deine Quellen sind, desto hilfreicher kann der Chat antworten.

Besonders bei wechselnden Preisen oder Terminen lohnt sich ein regelmäßiger Test. Ein KI-Chat kann Fehler machen; prüfe Angaben, auf die sich deine Kunden verlassen sollen.

3. Deinen persönlichen Code kopieren

Sobald der Bot fertig eingerichtet ist, steht auf der Dashboard-Übersicht unter „Dein Einbau-Code“ das passende Snippet. Kopiere den vollständigen Code und füge ihn vor dem schließenden </body> deiner Website ein.

Verwende den Code deiner eigenen Website aus dem Kundenportal. Jede eingerichtete Website hat ihren eigenen Bot und Einbau-Code. Der Site-Key ist an die angegebene Domain gebunden.

KI-Chatbot in WordPress einbinden

Du brauchst einen Zugang, mit dem du JavaScript in die veröffentlichte Website einfügen darfst. Ein reiner Text- oder Codeblock, der das Snippet nur anzeigt, führt es nicht aus.

  1. Kopiere den vollständigen Einbau-Code aus deinem Webseitenchat-Dashboard.
  2. Nutze eine vorhandene Funktion deines Themes oder eine von dir verwaltete Erweiterung für eigenen Footer-Code. Füge das Snippet einmalig für die gesamte Website ein.
  3. Für eine einzelne Seite kann ein Custom-HTML-Block geeignet sein, sofern dein Benutzerkonto und deine WordPress-Installation JavaScript darin erlauben. Prüfe nach dem Speichern, ob das Script erhalten bleibt.
  4. Leere gegebenenfalls den Website-Cache und öffne die veröffentlichte Seite ohne WordPress-Anmeldung. Teste den Chat auch auf einer Unterseite.

Bei gehosteten Angeboten können Tarif und Berechtigungen das Einfügen von Scripts einschränken. Die offizielle WordPress-Dokumentation zum Custom-HTML-Block beschreibt diese Berechtigungen. Lade denselben Code nicht zusätzlich über mehrere Plugins.

KI-Chatbot in Wix einbinden

Voraussetzung ist, dass für deine Wix-Website die Funktion „Benutzerdefinierter Code“ verfügbar ist. Prüfe vorab die Anforderungen an deine Website und die verbundene Domain in der Wix-Anleitung für benutzerdefinierten Code.

  1. Öffne in der Website-Verwaltung die Einstellungen für benutzerdefinierten Code und lege einen neuen Codeausschnitt an.
  2. Füge den persönlichen Webseitenchat-Code unverändert ein und gib ihm einen eindeutigen Namen.
  3. Wähle alle Seiten, wenn der Chat überall erscheinen soll, und als Position „Body – Ende“.
  4. Speichere die Einstellung und prüfe deine veröffentlichte Domain auf einem Smartphone und am Computer. Ein HTML-iFrame ist kein Ersatz für den websiteweiten Einbau.

Die Domain muss zu der Website passen, für die du den Bot eingerichtet hast. Prüfe bei einem Domainwechsel sowohl deine Wix-Einstellungen als auch die Website im Webseitenchat-Portal.

Eigene HTML-Website und andere CMS oder Shops

Bei einer selbst entwickelten Website setzt du das Snippet einmal in die gemeinsame Seitenvorlage vor </body>. In einem CMS oder Shop verwendest du den vorgesehenen Bereich für eigenen JavaScript- oder Footer-Code. Entscheidend ist, dass das Script auf der veröffentlichten Seite ausgeführt werden darf und auf den gewünschten Unterseiten geladen wird.

Prüfe vorab die Möglichkeiten deines konkreten Systems und Tarifs. Fehlt ein Bereich für eigene Scripts, lasse den Einbau durch die Person prüfen, die deine Website betreut. Für private Bestelldaten ist eine gesonderte Anbindung an dein System erforderlich. Diese können wir individuell einrichten. Kontaktiere uns für die Abstimmung; das Einlesen öffentlicher Website-Inhalte allein stellt diesen Zugriff nicht her.

4. Auf der veröffentlichten Website prüfen

Öffne die Website nach dem Speichern neu und teste eine Unterhaltung. Kontrolliere auch die mobile Ansicht. Erscheint kein Chat, prüfe zunächst, ob das gesamte Snippet eingefügt wurde, die richtige Domain im Kundenportal steht und dein System das Laden externer Skripte erlaubt.

Verwendest du ein Consent-Management-System, prüfe dessen Einstellungen für den Chat gemeinsam mit deinen Datenschutzhinweisen. Informationen zur Datenverarbeitung durch Webseitenchat findest du in unserer Datenschutzerklärung.