Voraussetzungen

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

Ein Eagle Agents Konto mit einem konfigurierten KI-Agenten

Administratorzugriff auf Ihren Shopify Shop

​
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 Shopify anmelden

Greifen Sie auf Ihr Shopify Admin-Panel zu.
3

Theme-Code bearbeiten

  1. Gehen Sie zu Online Store > Themes
  2. Finden Sie Ihr aktuelles Theme und klicken Sie auf Actions (drei Punkte) > Edit code
4

theme.liquid finden

Finden und klicken Sie in der Liste der Template-Dateien auf theme.liquid.
5

Integrationscode hinzufügen

Scrollen Sie zum Ende der theme.liquid-Datei. Fügen Sie direkt vor dem schliessenden </body>-Tag 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 in der oberen rechten Ecke des Code-Editors.
7

Ihre Integration testen

Besuchen Sie das Frontend Ihres Shopify Shops 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 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 der Code direkt vor dem schliessenden </body>-Tag in Ihrer theme.liquid-Datei platziert ist. Wenn dies nicht funktioniert, versuchen Sie, ihn am Ende des </header>-Tags oben in der theme.liquid-Datei zu platzieren.
  4. Leeren Sie Ihren Browser-Cache und aktualisieren Sie Ihren Shopify Shop, um die Änderungen zu sehen.
Wenn Sie ein Shopify-Theme eines Drittanbieters verwenden, kann der Prozess leicht variieren. Konsultieren Sie die Dokumentation Ihres Themes oder kontaktieren Sie den Theme-Entwickler für spezifische Anweisungen zum Hinzufügen von benutzerdefiniertem Code.