Wie baue ich den Website-Chat mit einem KI-Assistenten ein?

Im Portal wählen Sie unter Website-Chat und Einbinden den Weg „Mit KI einbauen“, wählen Ihren Baukasten und klicken auf „Anweisung kopieren“. Die Anweisung enthält schon Ihren Einbaucode; Sie fügen sie in einen KI-Assistenten Ihrer Wahl ein, der Sie dann Schritt für Schritt führt.

Auf dieser Seite 5
  1. Die Anweisung kopieren
  2. In den KI-Assistenten einfügen
  3. Was in der Anweisung steht
  4. Beispiel
  5. Gut zu wissen

Dieser Weg passt, wenn Sie den Code selbst einbauen wollen, sich mit Website-Technik aber nicht gut auskennen. Der KI-Assistent stellt Rückfragen, erklärt jeden Klick und prüft am Ende mit Ihnen, ob der Chat erscheint.

Die Anweisung kopieren

  1. Öffnen Sie im Portal Website-Chat und tragen Sie unter „Ihre Websites“ Ihre Adresse ein, falls noch nicht geschehen.
  2. Wählen Sie unter Einbinden den Reiter „Mit KI einbauen“.
  3. Wählen Sie bei „Womit ist Ihre Website gebaut?“ Ihren Baukasten. Wissen Sie es nicht, wählen Sie „Weiß ich nicht“; dann fragt der KI-Assistent zuerst danach.
  4. Klicken Sie auf „Anweisung kopieren“. Unter „Anweisung ansehen“ können Sie den Text vorher lesen.

In den KI-Assistenten einfügen

Öffnen Sie einen KI-Assistenten, den Sie ohnehin nutzen, etwa ChatGPT, Claude oder Gemini, oder den KI-Helfer, den Ihr Baukasten selbst mitbringt. Fügen Sie die Anweisung als erste Nachricht ein und senden Sie sie. Danach antworten Sie einfach auf die Fragen und melden, wenn ein Schritt erledigt ist.

Was in der Anweisung steht

  • die Bitte, Sie Schritt für Schritt zu führen, immer nur einen Schritt auf einmal,
  • Ihr Baukasten und die Schritte, die das Portal dafür zeigt,
  • Ihr Einbaucode für die Chat-Blase,
  • drei Regeln: den Code unverändert übernehmen, auf jeder Seite direkt vor dem schließenden body-Tag einfügen und nur einmal je Seite,
  • eine gemeinsame Prüfung am Schluss, auch über die Anzeige unter „Ihre Websites“.

Beispiel

So ungefähr sieht die Anweisung aus. Im Portal steht an der Stelle des Platzhalters Ihr echter Code, und die Schritte für Ihren Baukasten sind schon eingesetzt.

Bitte helfen Sie mir, einen Website-Chat auf meiner Website einzubauen.
Führen Sie mich Schritt für Schritt, immer nur einen Schritt auf einmal,
und warten Sie auf meine Rückmeldung.

Meine Website ist mit WordPress gebaut.

Das ist mein Einbaucode:

[Ihr Einbaucode aus dem Portal]

Wichtig:
- Übernehmen Sie den Code genau so, wie er ist.
- Er gehört auf jede Seite, direkt vor </body>.
- Er darf nur einmal pro Seite vorkommen.

Zum Schluss prüfen wir gemeinsam, ob unten rechts das Chat-Symbol erscheint.

Nehmen Sie trotzdem lieber die Anweisung aus dem Portal: Sie enthält Ihren Code, die passenden Schritte und die Ecke, die Sie unter Aussehen gewählt haben.

Gut zu wissen

  • Der KI-Assistent kann sich bei Menünamen irren, wenn ein Baukasten seine Oberfläche geändert hat. Beschreiben Sie dann, was Sie sehen. Die Anweisung weist selbst darauf hin, dass sich Menünamen geändert haben können.
  • Geben Sie dem KI-Assistenten keine Passwörter. Für den Einbau genügt der Code aus der Anweisung.
  • Klappt es nicht, schicken Sie Code und Anleitung im Portal unter Webdesigner an die Person, die Ihre Website betreut, siehe Website-Chat einbauen.