Voraussetzungen

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

Ein Eagle Agents Konto mit einem konfigurierten KI-Agenten

Administratorzugriff auf Ihre Squarespace 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 Squarespace anmelden

Melden Sie sich bei Ihrem Squarespace-Konto an und öffnen Sie die Webseite, zu der Sie das Widget hinzufügen möchten.
3

Auf Webseiten-Tools zugreifen

  1. Wählen Sie im Seitenleistenmenü Website
  2. Scrollen Sie zum Ende des Seitenleistenmenüs
  3. Wählen Sie Website Tools
4

Code-Injection öffnen

Klicken Sie im Website Tools-Menü auf Code Injection.
5

Integrationscode einfügen

Fügen Sie im Abschnitt Header der Code-Injection-Seite den folgenden Code ein:
<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.
6

Änderungen speichern

Klicken Sie auf die Schaltfläche Save, um Ihre Änderungen zu übernehmen.
7

Ihre Integration testen

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

​
Anpassungsoptionen

Sie können das Verhalten und Erscheinungsbild Ihres Widgets durch Anpassen der VG_CONFIG-Optionen anpassen:

​
Fehlerbehebung

Wenn Sie Probleme mit Ihrer Eagle Agent Widget-Integration haben:
  1. Überprüfen Sie, ob Sie den gesamten Codeschnipsel korrekt in den Header-Abschnitt der Code-Injection 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 die Änderungen auf der Code-Injection-Seite gespeichert haben.
  4. Leeren Sie Ihren Browser-Cache und aktualisieren Sie Ihre Squarespace Webseite, um die Änderungen zu sehen.
  5. Wenn das Widget nicht erscheint, versuchen Sie, den Code statt in den Header-Abschnitt in den Footer-Abschnitt der Code-Injection einzufügen.
Squarespace kann einige Minuten benötigen, um Änderungen über ihr Content Delivery Network zu verbreiten. Wenn Sie das Widget nicht sofort nach dem Speichern sehen, warten Sie einige Minuten und versuchen Sie, Ihre Seite erneut zu aktualisieren.