So fügen Sie den Asyntai-KI-Chatbot zu Wix hinzu

Schritt-für-Schritt-Anleitung für Wix-Websites

Plattform:

Schritt 1: Ihren Einbettungscode erhalten

Gehen Sie zuerst zu Ihrem Asyntai-Dashboard und scrollen Sie nach unten zum Abschnitt „Embed Code“. Kopieren Sie Ihren eindeutigen Einbettungscode, der so aussieht:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Hinweis: Der obige Code ist nur ein Beispiel. Sie müssen Ihren eigenen einzigartigen Einbettungscode von Ihrem Dashboard kopieren, da er Ihre persönliche Widget-ID enthält.

Schritt 2: Code über Custom Code hinzufügen (empfohlen)

Custom Code fügt den Chatbot auf allen Seiten gleichzeitig hinzu. Wix bietet dies für Websites an, die veröffentlicht sind und eine verbundene Domain haben, wofür ein Premium-Plan nötig ist:

Melden Sie sich in Ihrem Wix-Konto an und gehen Sie zum Dashboard Ihrer Website
Klicken Sie in der linken Seitenleiste auf Settings
Klicken Sie im Abschnitt Development & integrations auf Custom Code
Klicken Sie oben rechts auf "+ Add Custom Code"
Fügen Sie Ihren Asyntai-Einbettungscode in das Textfeld ein
Geben Sie einen Namen für Ihren Code ein (z. B. "Asyntai Chatbot")
Wählen Sie unter "Code zu Seiten hinzufügen" "Alle Seiten"
Wählen Sie unter "Code platzieren in" "Body – Ende"
Klicken Sie zum Speichern auf "Apply"

Tipp: Die Auswahl von "Body - end" platziert das Skript direkt vor dem schließenden </body>-Tag, was die empfohlene Platzierung für Chat-Widgets ist.

Alternative: Ein Embed-HTML-Element verwenden (kostenloser Plan)

Ohne Premium-Plan können Sie den Code mit einem Embed-HTML-Element zu einer Seite hinzufügen. Wix zeigt dieses Element als iframe an, daher bleibt das Chat-Widget innerhalb des Elementrahmens und schwebt nicht über der Seite. Machen Sie den Rahmen groß genug für das geöffnete Chatfenster.

Öffnen Sie Ihre Website im Wix-Editor
Klicken Sie in der linken Werkzeugleiste auf „Add Elements“ (die Schaltfläche „+“)
Wählen Sie „Embed Code“, dann „Popular Embeds“ und dann „Embed HTML“
Klicken Sie auf „Enter Code“ und fügen Sie Ihren Asyntai-Einbettungscode ein
Klicken Sie auf "Apply"
Ziehen Sie an den Ecken des Elements, bis es groß genug für das geöffnete Chatfenster ist
Klicken Sie auf "Veröffentlichen", um Ihre Änderungen zu speichern

Wichtig: Bei der Embed-HTML-Methode müssen Sie das Element auf jeder Seite hinzufügen, auf der der Chatbot erscheinen soll. Um es auf allen Seiten gleichzeitig hinzuzufügen, verwenden Sie die oben beschriebene Custom-Code-Methode.

Schritt 3: Installation überprüfen

Veröffentlichen Sie nach dem Hinzufügen des Codes Ihre Website und besuchen Sie sie in einem neuen Browser-Tab oder Inkognito-Fenster. Sie sollten den Chat-Widget-Button in der unteren rechten Ecke sehen. Klicken Sie darauf, um sicherzustellen, dass er sich öffnet und korrekt funktioniert.

Widget nicht sichtbar? Stellen Sie sicher, dass Ihre Website veröffentlicht ist (nicht nur gespeichert). Wix benötigt möglicherweise einige Minuten, um benutzerdefinierte Code-Änderungen zu übernehmen. Versuchen Sie, Ihren Browser-Cache zu leeren oder die Seite in einem Inkognito-Fenster aufzurufen.

Die KI-Suchleiste hinzufügen

Die KI-Suchleiste ist ein eigenes Widget mit eigenem Code. Fügen Sie sie zusätzlich zum Chat hinzu oder allein. Sie erfordert den Standard-Tarif oder höher: in einem niedrigeren Tarif erscheint die Leiste, liefert aber keine Ergebnisse.

Fügen Sie dem Script-Tag das Attribut data-replace hinzu, dann ersetzt die Leiste die Suchleiste, die Ihr Theme bereits hat. Fügen Sie es unter Settings, Custom Code hinzu, an derselben Stelle wie den Chat-Code. Wix bietet Custom Code nur mit einem Premium-Plan und einer verbundenen Domain an, daher benötigen Sie diese für die Installation.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>