Übersicht - Eagle Agents

Eagle Agenten können fast überall bereitgestellt werden, von den beliebtesten Webseiten-Buildern bis hin zu SaaS-Plattformen. Durch die Verwendung von Codeschnipseln für die Integration kann das Widget nahtlos in Ihre digitale Umgebung Ihrer Wahl eingebettet werden.

Integrationsmethoden

Es gibt vier Hauptmethoden zur Integration Ihres KI-Agenten:

Popup-Widget

Ein Chat-Widget, das in der Ecke Ihrer Webseite erscheint und einen einfachen Zugang ermöglicht, ohne den Hauptinhalt zu stören.

Eingebetteter Chat

Eine Chat-Oberfläche in voller Breite, die direkt in Ihre Seite eingebettet ist und ein immersiveres Erlebnis bietet.

iframe

Ein iframe, der überall auf Ihrer Webseite platziert werden kann und maximale Flexibilität in Bezug auf Platzierung und Grösse bietet.

Vollständiges HTML

Ein iframe, der überall auf Ihrer Webseite platziert werden kann und maximale Flexibilität in Bezug auf Platzierung und Grösse bietet.

Universelle Codeschnipsel

Unabhängig von der Plattform, die Sie verwenden, bilden diese Codeschnipsel die Grundlage Ihrer Eagle-Integration:

<div id="VG_OVERLAY_CONTAINER"></div>
<script defer>
    (function() {
        window.VG_CONFIG = {
            ID: "YOUR_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>

Ersetzen Sie immer YOUR_AGENT_ID durch Ihre tatsächliche Eagle Agent ID in allen Codeschnipseln.

Wichtige Konfigurationsoptionen

Das VG_CONFIG-Objekt im Skript ermöglicht die Anpassung des Verhaltens und Erscheinungsbilds Ihres Agenten:

region

render

stylesheets

Zusätzliche Konfigurationsoptionen

Sie können Ihren Chatbot weiter anpassen, indem Sie diese optionalen Parameter zum VG_CONFIG-Objekt hinzufügen:

window.VG_CONFIG = {
  // ... other config options ...
  user: {
    name: "John Doe",
    email: "johndoe@example.com",
    phone: "+1234567890",
  },
  userID: "CUSTOM_USER_ID",
  autostart: true,
};

Die Bereitstellung von Benutzerdaten kann die Personalisierung der Interaktionen Ihres Agenten verbessern. Die Option autostart öffnet, wenn auf true gesetzt, das Widget automatisch, wenn ein Benutzer Ihre Webseite besucht.

Plattformspezifische Integrationsleitfäden

Während der Kern-Integrationscode konsistent bleibt, variiert die Methode zum Hinzufügen dieses Codes je nach Plattform. Klicken Sie auf jede Plattform für detaillierte Integrationsanweisungen:

Shopify: Fügen Sie den Code zu Ihrer theme.liquid-Datei direkt vor dem schliessenden </body>-Tag hinzu.
WordPress: Verwenden Sie ein Plugin wie “Insert Headers and Footers” oder bearbeiten Sie die footer.php-Datei Ihres Themes.
Wix: Verwenden Sie die Benutzerdefinierter Code-Funktion im Wix-Editor.
Webflow: Fügen Sie den Code im Abschnitt “Benutzerdefinierter Code” Ihrer Seiteneinstellungen hinzu.
Squarespace: Verwenden Sie die Code-Injection-Funktion, um den Integrationscode hinzuzufügen.
Iframe / Vollständige HTML-Seite: Erfahren Sie, wie Sie iframes effektiv für verschiedene Anwendungsfälle nutzen können.

Für detaillierte, plattformspezifische Integrationsleitfäden lesen Sie bitte die einzelnen Dokumentationsseiten für jede Plattform.

​Integrationsmethoden

Popup-Widget

Eingebetteter Chat

iframe

Vollständiges HTML

​Universelle Codeschnipsel

​Wichtige Konfigurationsoptionen

​Zusätzliche Konfigurationsoptionen

​Plattformspezifische Integrationsleitfäden

Integrationsmethoden

Universelle Codeschnipsel

Wichtige Konfigurationsoptionen

Zusätzliche Konfigurationsoptionen

Plattformspezifische Integrationsleitfäden