WebChatAgent Logo

Einen KI-Chatbot zu Wix hinzufügen

Wix

Fügen Sie Ihrer Wix-Website über das integrierte HTML-Einbettungselement einen KI-Chatbot hinzu. Sie fügen ein kurzes Snippet in ein Einbettungsfeld ein und legen fest, dass es auf allen Seiten angezeigt wird. Kein Programmieren erforderlich, und es funktioniert im klassischen Wix-Editor genauso wie in Wix Studio.

Schritt-für-Schritt-Einrichtung

  1. Öffnen Sie den Wix-Editor, melden Sie sich bei Ihrem Wix-Konto an und öffnen Sie Ihre Website im Editor.
  2. Fügen Sie ein Einbettungselement hinzu, klicken Sie in der linken Symbolleiste auf die Schaltfläche Hinzufügen (+) und wählen Sie dann Code einbetten > HTML einbetten.
  3. Fügen Sie den Code ein, wählen Sie im HTML-Einstellungsbereich Code und fügen Sie Folgendes ein:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Ersetzen Sie YOUR_ID durch Ihre tatsächliche Chatbot-ID aus dem WebChatAgent-Dashboard.
  2. Positionieren Sie das Element, ziehen Sie das Einbettungselement in eine beliebige Ecke Ihrer Seite. Da das Widget als schwebende Chat-Blase gerendert wird, spielt die genaue Position des Einbettungselements keine große Rolle.
  3. Auf allen Seiten anzeigen, klicken Sie mit der rechten Maustaste auf das Einbettungselement und wählen Sie Auf allen Seiten anzeigen, damit der Chatbot auf der gesamten Website angezeigt wird.
  4. Veröffentlichen, klicken Sie auf Veröffentlichen, um die Änderungen live zu schalten.

Verwendung von Wix Studio (Editor X)

Der Ablauf ist in Wix Studio derselbe:

  1. Klicken Sie auf Elemente hinzufügen > Einbetten > HTML-Einbettung.
  2. Fügen Sie das obige Code-Snippet ein.
  3. Stellen Sie über das Ebenen-Bedienfeld ein, dass das Element auf allen Seiten angezeigt wird.

Ihre Chatbot-ID finden

Melden Sie sich in Ihrem WebChatAgent-Dashboard an, öffnen Sie Ihren Assistenten und navigieren Sie zu Kanäle → Chat-Widget. Erweitern Sie Installationsdetails anzeigen und klicken Sie auf Code kopieren. Das Snippet enthält bereits Ihre Chatbot-ID, fügen Sie daher das gesamte Snippet ein, anstatt die ID manuell einzugeben.

Fehlerbehebung

  • Widget wird nicht angezeigt?, Stellen Sie sicher, dass das Einbettungselement nicht ausgeblendet ist oder sich in einem minimierten Container befindet. Veröffentlichen Sie die Website und prüfen Sie die Live-Ansicht.
  • Widget nur auf einer Seite?, Klicken Sie mit der rechten Maustaste auf die Einbettung und wählen Sie Auf allen Seiten anzeigen.
  • Probleme bei der mobilen Anzeige?, Prüfen Sie, ob das Einbettungselement auch in der mobilen Version Ihrer Website vorhanden ist. Wechseln Sie im Editor zur mobilen Ansicht und prüfen Sie dies.