Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:

Ein Eagle Agents Konto mit einem konfigurierten KI-Agenten

Administratorzugriff auf Ihre Wix Webseite

​
Integrationsschritte

1

Auf Ihr Eagle Dashboard zugreifen

Melden Sie sich bei Ihrem Eagle Agents Konto an und navigieren Sie zu den Einstellungen Ihres Agenten. Notieren Sie sich Ihre eindeutige Agenten-ID.
Sie finden die eindeutige ID eines Agenten auf seiner dedizierten Karte im Agents-Tab oder in der URL des Agenten-Designers, z.B. https://www.Eagleagents.ai/app/eu/agents/gib2no07kqdy1f2m/overview
2

Bei Wix anmelden

Greifen Sie auf Ihr Wix Admin-Panel zu und wählen Sie Ihre Webseite.
3

Zu Einstellungen navigieren

Klicken Sie im linken Menü unten auf Settings.
4

Auf benutzerdefinierten Code zugreifen

Scrollen Sie zu Advanced Settings und wählen Sie Custom Code.
5

Benutzerdefinierten Code hinzufügen

Klicken Sie auf Add Custom Code.
6

Integrationscode einfügen

Fügen Sie im oberen Eingabefeld den folgenden Code ein (oder den Code Ihrer Wahl):
<div id="VG_OVERLAY_CONTAINER"></div>
<script defer>
    (function() {
        window.VG_CONFIG = {
            ID: "YOUR_AGENT_ID", // Replace with your actual agent ID
            region: 'eu', // or 'na' for North America
            render: 'bottom-right', // or 'bottom-left'
            // modalMode: true, // Set this to 'true' to open the widget in modal mode
            stylesheets: [
                "https://vg-bunny-cdn.b-cdn.net/vg_live_build/styles.css",
            ],
        }
        var VG_SCRIPT = document.createElement("script");
        VG_SCRIPT.src = "https://vg-bunny-cdn.b-cdn.net/vg_live_build/vg_bundle.js";
        VG_SCRIPT.defer = true;
        document.body.appendChild(VG_SCRIPT);
    })()
</script>
Denken Sie daran, YOUR_AGENT_ID durch Ihre tatsächliche Eagle Agent ID zu ersetzen.
7

Code-Einstellungen konfigurieren

  1. Wählen Sie die Domain, mit der er verbunden werden soll.
  2. Legen Sie einen Namen für Ihren benutzerdefinierten Code fest (z.B. “Eagle Agent Widget”).
  3. Wählen Sie zwischen Code zu allen Seiten hinzufügen oder geben Sie an, auf welchen Seiten das Widget erscheinen soll.
  4. Aktivieren Sie das Kontrollkästchen Head, um den Code im Header zu platzieren.
Wenn das Widget nach der Veröffentlichung nicht erscheint, versuchen Sie stattdessen die Option Body - end zu aktivieren.
8

Speichern und veröffentlichen

Klicken Sie auf apply, um Ihre Änderungen zu speichern, und veröffentlichen Sie dann Ihre Webseite, um die Änderungen live zu schalten.
9

Ihre Integration testen

Besuchen Sie das Frontend Ihrer Wix Webseite und überprüfen Sie, ob das Widget erscheint und korrekt funktioniert.

​
Fehlerbehebung

Wenn Sie Probleme mit Ihrer Eagle Agent Widget-Integration haben:
  1. Überprüfen Sie, ob Sie den gesamten Codeschnipsel korrekt in den HTML-iframe kopiert haben.
  2. Stellen Sie sicher, dass Sie YOUR_AGENT_ID durch Ihre tatsächliche Eagle Agent ID ersetzt haben.
  3. Stellen Sie sicher, dass Sie den benutzerdefinierten Code auf alle Seiten angewendet haben (oder auf die spezifischen Seiten, auf denen das Widget erscheinen soll).
  4. Leeren Sie Ihren Browser-Cache und aktualisieren Sie Ihre Wix Webseite, um die Änderungen zu sehen.
  5. Wenn das Widget nicht erscheint, versuchen Sie stattdessen, es als benutzerdefiniertes Code-Element aus dem Wix-Editor hinzuzufügen.
Wix kann Ihre Webseite manchmal zwischenspeichern, was das Erscheinen neuer Elemente verzögern kann. Wenn Sie das Widget nicht sofort nach der Veröffentlichung sehen, warten Sie einige Minuten und versuchen Sie es erneut.