WebsiteChat auf WordPress, Shopify, Studio, Wix und Jimdo installieren

WebsiteChat nutzt keine eigene KI-Integration für jeden Website-Baukasten. Sie betten denselben Widget-Ausschnitt ein.

Die Plattformen unterscheiden sich darin, wo dieser Ausschnitt hingehört und wie Sie danach veröffentlichen.

die vollständige WebsiteChat-Einrichtungsanleitung lesen

WebsiteChat-Widget-Code kopieren

Öffnen Sie in der Konsole Chatbot → Installieren und kopieren Sie den Ausschnitt. Diese Seite beschreibt nur, wo Sie ihn einfügen.

WebsiteChat-Widget (Beispiel)
<script src="https://websitechat.ai/widget.js" data-site="YOUR_SITE_KEY"></script>

Ersetzen Sie YOUR_SITE_KEY durch den für diese Website angezeigten Wert. Verwenden Sie keinen Schlüssel aus einer anderen Installation wieder.

WebsiteChat auf WordPress installieren

Ein eigenes WebsiteChat-Plugin ist nicht nötig. Installieren Sie den Widget-Ausschnitt mit WP Headers and Footers und fügen Sie ihn unter Scripts in Header ein, damit er im <head> jeder öffentlichen Seite ausgegeben wird.

  1. Öffnen Sie den WordPress-Admin und installieren Sie das Plugin WP Headers and Footers, falls es noch fehlt
  2. Gehen Sie zu Einstellungen → WP Headers and Footers
  3. Fügen Sie den WebsiteChat-Widget-Ausschnitt unter Scripts in Header ein
  4. Speichern Sie die Einstellungen
  5. Leeren Sie den Cache, wenn ein Cache-Plugin aktiv ist
  6. Prüfen Sie die Live-Website

Verwenden Sie für diesen Ausschnitt nicht Scripts in Body. Der Hinweis auf diesem Bildschirm sagt, dass Header-Skripte im <head> ausgegeben werden.

Fehlt das Widget nach dem Speichern, prüfen Sie, ob der Ausschnitt vollständig ist, und danach Cache, CDN sowie Sicherheits- oder Skript-Optimierungsplugins.

WordPress-Einstellungen → WP Headers and Footers, mit dem WebsiteChat-Widget-Ausschnitt unter Scripts in Header
WordPress-Einstellungen → WP Headers and Footers, mit dem WebsiteChat-Widget-Ausschnitt unter Scripts in Header

WebsiteChat auf Shopify installieren

Fügen Sie den Ausschnitt an einer Theme-Stelle ein, die im gesamten Shop lädt, nicht nur in einer einzelnen Produktvorlage.

  1. Öffnen Sie den Shopify-Admin
  2. Gehen Sie zu Onlineshop → Themes
  3. Öffnen Sie den Theme-Code oder einen anderen globalen Theme-Bereich, den alle Seiten teilen
  4. Fügen Sie den WebsiteChat-Ausschnitt ein
  5. Speichern
  6. Auf der veröffentlichten Shop-Oberfläche prüfen

Nach einem Theme-Wechsel prüfen Sie, ob der Ausschnitt noch vorhanden ist. Die Vorschau im Theme-Editor reicht nicht.

Shopify-Admin-Theme-Editor mit dem WebsiteChat-Widget-Ausschnitt in einem globalen Layout
Shopify-Admin-Theme-Editor mit dem WebsiteChat-Widget-Ausschnitt in einem globalen Layout

WebsiteChat auf Studio installieren

WebsiteChat indexiert die veröffentlichte Studio-Website. Unveröffentlichte Editor-Inhalte werden erst nach dem Veröffentlichen gecrawlt.

  1. Öffnen Sie die Studio-Website
  2. Öffnen Sie die Website-Einstellungen
  3. Öffnen Sie Benutzerdefinierter Code (seitenweit)
  4. Fügen Sie den WebsiteChat-Ausschnitt ein
  5. Veröffentlichen
  6. Die öffentliche URL prüfen

Ob Benutzerdefinierter Code verfügbar ist, kann vom Studio-Tarif abhängen. Fehlt das Feld, prüfen Sie Tarif und Einstellungen in Studio, bevor Sie WebsiteChat ändern.

Studio-Website-Einstellungen, Feld Benutzerdefinierter Code mit dem WebsiteChat-Widget-Ausschnitt
Studio-Website-Einstellungen, Feld Benutzerdefinierter Code mit dem WebsiteChat-Widget-Ausschnitt

WebsiteChat auf Wix installieren

Verwenden Sie Benutzerdefinierten Code im Wix-Dashboard und wenden Sie ihn auf alle Seiten an. Wenn Sie mehrere Wix-Websites verwalten, prüfen Sie, dass Sie die Live-Website bearbeiten.

  1. Öffnen Sie das Wix-Dashboard
  2. Öffnen Sie Benutzerdefinierten Code
  3. Fügen Sie benutzerdefinierten Code hinzu und fügen Sie den WebsiteChat-Ausschnitt ein
  4. Setzen Sie den Umfang auf Alle Seiten
  5. Speichern und veröffentlichen
  6. Desktop und Mobil auf der Live-Website prüfen

Ein Umfang „ausgewählte Seiten“ blendet das Widget überall sonst aus.

Wix-Einstellungen für benutzerdefinierten Code mit dem WebsiteChat-Widget-Ausschnitt für alle Seiten
Wix-Einstellungen für benutzerdefinierten Code mit dem WebsiteChat-Widget-Ausschnitt für alle Seiten

WebsiteChat auf Jimdo installieren

Jimdo Creator unterstützt benutzerdefiniertes HTML und JavaScript. Für eine seitenweite WebsiteChat-Installation verwenden Sie Head bearbeiten.

  1. Öffnen Sie Jimdo Creator
  2. Gehen Sie zu Menü → Einstellungen → Head bearbeiten
  3. Fügen Sie den WebsiteChat-Widget-Ausschnitt ein
  4. Speichern Sie die Änderungen
  5. Prüfen Sie die öffentliche Website

Jimdo-Produkte nutzen unterschiedliche Editoren und Funktionen. Bietet Ihre Jimdo-Website weder Head bearbeiten noch eine andere Möglichkeit für seitenweites JavaScript, ist diese Installationsmethode dort nicht verfügbar.

Jimdo Creator HTML- oder Head-Einstellungen mit dem WebsiteChat-Widget-Ausschnitt
Jimdo Creator HTML- oder Head-Einstellungen mit dem WebsiteChat-Widget-Ausschnitt

WebsiteChat nach der Installation prüfen

  • Startseite
  • Unterseiten
  • Desktop
  • Mobil
  • Das Widget öffnet sich
  • Eine Testfrage erhält eine Antwort
  • Ein öffentlicher Browser ohne Anmeldung

Für Crawl-Ergebnisse und Antwortqualität nutzen Sie die WebsiteChat-Einrichtungsanleitung.

WebsiteChat entfernen

Löschen Sie denselben Ausschnitt aus dem globalen Codefeld der Plattform. Speichern oder veröffentlichen Sie, leeren Sie bei Bedarf den Cache und prüfen Sie, dass der Starter auf der Live-Website verschwunden ist.

Das Entfernen des Frontend-Ausschnitts löscht kein gecrawltes Wissen in WebsiteChat. Deaktivieren oder entfernen Sie die Website in der Konsole, wenn Sie auch das brauchen.

Häufige Fragen

Braucht WordPress ein WebsiteChat-Plugin?
Nein. Fügen Sie den WebsiteChat-Widget-Ausschnitt an einer Stelle ein, die auf jeder öffentlichen Seite lädt.
Kann derselbe WebsiteChat-Widget-Code auf Wix und Studio verwendet werden?
Ja. Der Ausschnitt ist derselbe. Jeder Baukasten unterscheidet sich nur darin, wo Sie ihn einfügen und wie Sie veröffentlichen.
Soll der Widget-Code auf jeder Seite laden?
Wenn der Chatbot seitenweit verfügbar sein soll, fügen Sie den Ausschnitt an einer globalen Stelle ein. Eine Platzierung nur auf einer Seite blendet ihn überall sonst aus.
Was passiert, wenn ich Theme oder Vorlage wechsle?
Ein im alten Theme gespeicherter Ausschnitt kann verschwinden. Fügen Sie ihn im neuen Theme erneut ein oder belassen Sie ihn in einem Header-/Footer-Codefeld, das nicht an ein Theme gebunden ist.
Was soll ich prüfen, wenn das Widget nicht erscheint?
Prüfen Sie, ob der Ausschnitt gespeichert wurde, seitenweit lädt, die Website veröffentlicht ist, der Cache geleert wurde und Skripte nicht blockiert werden. Die Einrichtungsanleitung behandelt Crawl- und Antwortprüfungen getrennt.