Wix-Chatbot-Integration: Widget installieren und testen

Fügen Sie einen Agentkit-Chatbot mit dem generierten Widget-Code zu Wix hinzu. Prüfen Sie die Domain-Anforderungen von Wix, veröffentlichen Sie die Seite und testen Sie eine quellenbasierte Antwort auf der Live-Seite.

Cover Image for Wix-Chatbot-Integration: Widget installieren und testen

Aktualisiert am 28. Oktober 2026 für Wix Custom Code und das generierte Widget von Agentkit.

Um einen Agentkit-Chatbot zu Wix hinzuzufügen, kopieren Sie den vollständigen Chat widget-Code aus Channels → Website embed und fügen Sie beide Script-Tags in einen einzigen Wix-Custom Code-Eintrag ein. Veröffentlichen Sie die Website und prüfen Sie dann das Widget und eine freigegebene Antwort auf der Live-Seite. Laut Wix erfordert Custom Code eine veröffentlichte Website mit einer verbundenen Domain. Das Verbinden einer Domain erfordert einen kostenpflichtigen Wix Editor Premium-Plan, wie die Domain-Hinweise von Wix erläutern. Testen Sie auf der veröffentlichten URL, nicht in der Editor-Vorschau. Die Custom-Code-Anleitung von Wix und die Wix-Einrichtungsanleitung von Agentkit beschreiben die beiden Seiten der Installation.

Diese Anleitung stützt sich auf die aktuelle Dokumentation von Agentkit und Wix. Wir haben keinen Bot auf einer Kunden-Wix-Website installiert und seine Antwortqualität nicht gemessen. Agentkit veröffentlicht diese Anleitung und verkauft den hier beschriebenen Chatbot.

Die richtige Platzierung wählen

Ziel des LesersWix-PlatzierungAgentkit-Kanal
Eine schwebende Chat-Schaltfläche auf ausgewählten Seiten oder der gesamten WebsiteDashboard Settings → Development & integrations → Custom CodeChat widget, mit beiden generierten Script-Tags
Ein vollständiges Chat-Panel innerhalb eines SeitenabschnittsEditor Add Elements → Embed Code → Embed HTMLIframe, mit dem generierten Iframe-Code

Das HTML-Embed von Wix ist selbst ein Iframe. Es zeigt Inhalte innerhalb eines Seitenelements an, daher ist die Größenanpassung dieses Elements wichtig. Es ist nicht der richtige Ort für eine schwebende, websiteweite Schaltfläche. Die Anleitung von Wix zu sichtbaren Embeds erklärt das Seitenelement. Die folgenden Schritte verwenden Custom Code für das schwebende Widget.

Eine Antwort vor der Installation vorbereiten

Wählen Sie eine öffentliche Frage, die Ihre Website bereits beantwortet, etwa ein Servicegebiet, eine Öffnungszeit oder eine veröffentlichte Rückgaberegel. Speichern Sie die genaue Quell-URL und eine freigegebene Antwort. Fügen Sie diese Seite als Agentkit-Website-Quelle hinzu und stellen Sie die Frage anschließend im Playground. Prüfen Sie die Antwort anhand der aktuellen Seite. Wenn die wichtige Information in einem Bild oder auf einer Seite steht, die der Crawler nicht extrahiert hat, fügen Sie ein freigegebenes Frage-Antwort-Paar hinzu und testen Sie erneut. Die Trainingsanleitung erklärt, wie Sie extrahierte Quellen überprüfen.

Wählen Sie außerdem eine Frage, die Ihre Quellen nicht beantworten können. Legen Sie fest, was der Bot sagen oder welchen Kontaktweg er nennen soll. Prüfen Sie die tatsächliche Antwort vor dem Start anhand Ihrer freigegebenen Richtlinie.

Das schwebende Widget in Wix installieren

  1. Öffnen Sie in Agentkit für Ihren Chatbot Channels → Website embed → Chat widget. Kopieren Sie den vollständigen generierten Code. Das erste Script richtet die Widget-Warteschlange ein, das zweite lädt das Widget für Ihren Chatbot. Lassen Sie beide zusammen und verwenden Sie die generierte Script-URL und die Chatbot-ID wie geliefert.
  2. Öffnen Sie im Dashboard Ihrer Wix-Website Settings → Development & integrations → Custom Code und wählen Sie dann + Add Custom Code. Prüfen Sie, ob Ihr Wix-Plan die verbundene Domain unterstützt und ob die Website veröffentlicht ist.
  3. Fügen Sie beide Script-Tags in einen Code-Eintrag ein. Geben Sie ihm einen wiedererkennbaren Namen. Wählen Sie All pages für ein websiteweites Widget oder Choose specific pages für einen eingeschränkteren Start. Wählen Sie bei All pages die Option load on each page your visitor opens, wie es die Wix-Anleitung von Agentkit vorgibt.
  4. Wählen Sie unter Place Code in die Option Body - end und klicken Sie auf Apply. Die Wix-Anleitung von Agentkit verwendet diese Platzierung. Wenn Sie Domain-Beschränkungen von Agentkit aktiviert haben, fügen Sie die veröffentlichte Wix-Domain zur Liste der erlaubten Domains hinzu. Veröffentlichen Sie Ihre Wix-Website.
  5. Öffnen Sie die veröffentlichte Seite auf ihrer verbundenen Domain in einer neuen Browsersitzung. Bestätigen Sie, dass die Chat-Schaltfläche erscheint, sich öffnet und eine Nachricht annimmt. Wiederholen Sie dies auf einem Bildschirm in Smartphone-Größe. Wix erfordert für Custom Code eine veröffentlichte Website, prüfen Sie daher die veröffentlichte URL.

Wenn Sie später die verbundene Domain der Website ändern, prüfen Sie den Custom-Code-Eintrag erneut. Laut Wix sind Snippets an die Domain gebunden und werden gelöscht, wenn sich die zugewiesene Domain ändert. Installieren Sie den generierten Code bei Bedarf neu.

Für ein festes Chat-Panel kopieren Sie stattdessen den generierten Iframe-Code in Agentkit. Verwenden Sie im Wix Editor Add Elements → Embed Code → Embed HTML, fügen Sie den HTTPS-Iframe-Code ein, passen Sie die Größe des Elements für Desktop und Mobilgeräte an, veröffentlichen Sie die Seite und testen Sie die Live-Seite. Die Embed-Anleitung von Wix behandelt das Seitenelement.

Das Ergebnis prüfen, bevor Sie Besucher einladen

Das Folgende ist eine vorgeschlagene Abnahmeprüfung, kein Ergebnis einer Wix-Installation.

PrüfungWas festzuhalten istBestanden, wenn
InstallationVeröffentlichte Wix-URL, Ergebnis auf Desktop und MobilgerätDie Schaltfläche erscheint und der Chat öffnet sich auf den vorgesehenen Seiten
Freigegebene FrageFrage, Quell-URL, erwartete Antwort, tatsächliche AntwortDie Antwort stimmt mit der aktuellen freigegebenen Quelle überein
Unbekannte FrageFrage und tatsächliche AntwortDer Bot erfindet keine Richtlinie; der vereinbarte Kontaktweg ist klar
GeltungsbereichEine eingeschlossene und eine ausgeschlossene Wix-Seite, falls bestimmte Seiten verwendet werdenDas Widget erscheint nur dort, wo es ausgewählt wurde
DomainVerbundene Domain und Einstellung der erlaubten Domains in AgentkitDie veröffentlichte Domain ist zugelassen und das Widget lädt

Wenn die Schaltfläche fehlt, bestätigen Sie zuerst, dass das Snippet aktiv ist, die Website auf der verbundenen Domain veröffentlicht ist, der Eintrag beide generierten Tags enthält und die gewählten Wix-Seiten die geöffnete Seite einschließen. Prüfen Sie die Domain-Beschränkungen von Agentkit, wenn das Script vorhanden ist, das Widget aber nicht laden kann. Wenn die Schaltfläche funktioniert, aber eine Antwort falsch ist, prüfen Sie die Quelle und testen Sie im Playground erneut, bevor Sie den Embed-Code ändern.

Bei einer wichtigen Quelländerung trainieren Sie die betroffene Website-Quelle neu und wiederholen Sie die Prüfung mit der freigegebenen Frage. Eine geplante Aktualisierung oder ein erfolgreicher Crawl bestätigt für sich genommen nicht die Antwort, die Besucher jetzt sehen.

Prüfen Sie die veröffentlichte Seite, den ausgewählten Chatbot und die freigegebene Antwort, bevor Sie Besucher einladen. Wenn Sie ganz neu beginnen, erstellen Sie einen Agentkit-Chatbot, bereiten Sie einen kleinen Satz öffentlicher Quellen vor und verwenden Sie dann den oben beschriebenen generierten Code.

Kostenlos loslegenKeine Kreditkarte erforderlich
Wix-Chatbot-Integration: Widget installieren und testen – Agentkit