Einbetten des Chatbots auf Ihrer Website

Sobald Ihr Chatbot erstellt wurde, können Sie ihn durch Hinzufügen eines kleinen Skripts in jede beliebige Website einbetten.

Es ist kein Backend-Zugriff oder eine komplexe Einrichtung erforderlich.

Der Einbettungscode (Kopieren & Einfügen) #

Sie finden diesen unter Test & Einbetten in Ihren Chatbot-Einstellungen.

<script defer
  src="https://app.allosai.com/vendor/chatbot/js/external-chatbot.js"
  data-chatbot-uuid="YOUR-CHATBOT-ID"
  data-iframe-width="420"
  data-iframe-height="745"
  data-language="en">
</script>

Sie können Folgendes anpassen:

• Breite (z. B. 420)
• Höhe (z. B. 745)
• Sprache (z. B. en, de)

Wo das Skript platziert werden soll #

Fügen Sie das Skript im Allgemeinen vor dem schließenden

Nachfolgend finden Sie plattformspezifische Beispiele.

Shopify #

Option 1: Theme-Datei (empfohlen) #

1. Gehen Sie zu Shopify Admin → Online Store → Themes
2. Klicken Sie auf … → Code bearbeiten
3. Öffnen Sie theme.liquid
4. Fügen Sie den Einbettungscode vor ein
5. Speichern

Der Chatbot wird nun auf allen Seiten angezeigt.

Option 2: Benutzerdefinierter HTML-Abschnitt #

Wenn Ihr Theme benutzerdefinierte HTML-Blöcke unterstützt:

1. Fügen Sie einen benutzerdefinierten Liquid- / Custom-HTML-Abschnitt hinzu
2. Fügen Sie den Einbettungscode ein
3. Speichern

WordPress #

Option 1: Verwenden eines Plugins (am einfachsten) #

Verwenden Sie ein Plugin wie:

• Insert Headers and Footers
• WPCode
• Header Footer Code Manager

Schritte:

1. Installieren Sie das Plugin
2. Fügen Sie den Einbettungscode in den Footer-Bereich ein
3. Speichern

Option 2: Theme-Datei #

1. Gehen Sie zu Darstellung → Theme File Editor
2. Öffnen Sie footer.php
3. Fügen Sie das Skript vor ein
4. Speichern

Option 3: Page Builder (Elementor usw.) #

1. Fügen Sie ein HTML-Widget hinzu
2. Fügen Sie den Einbettungscode ein
3. Speichern und veröffentlichen

Webflow #

1. Gehen Sie zu Project Settings → Custom Code
2. Fügen Sie den Einbettungscode in Footer Code ein
3. Speichern und veröffentlichen

Wix #

1. Gehen Sie zu Einstellungen → Erweitert → Benutzerdefinierter Code
2. Fügen Sie einen neuen Code-Snippet hinzu
3. Setzen Sie die Platzierung auf Body – End
4. Fügen Sie den Einbettungscode ein
5. Speichern und veröffentlichen

Squarespace #

1. Melden Sie sich bei Squarespace an
2. Gehen Sie zu Einstellungen
3. Öffnen Sie Erweitert
4. Klicken Sie auf Code Injection
5. Fügen Sie den AllosAI-Einbettungscode in den Footer-Bereich ein (nicht in den Header).
6. Klicken Sie auf Speichern.

Benutzerdefinierte HTML / Statische Seiten #

Wenn Ihre Website einfaches HTML verwendet:

1. Öffnen Sie Ihre Haupt-.html-Datei
2. Fügen Sie den Einbettungscode vor ein
3. Speichern und hochladen

Funktioniert mit:

• Statische Landingpages
• React / Vue / Next.js (über Layout oder benutzerdefiniertes Dokument)
• Benutzerdefinierte CMS-Setups

Nach dem Einbetten: Kurze Checkliste #

• Laden Sie Ihre Website neu
• Der Chat-Trigger sollte erscheinen
• Klicken Sie darauf und senden Sie eine Testnachricht
• Bestätigen Sie, dass Sprache, Größe und Position richtig sind

Wenn Sie den Chatbot nicht sehen:

• Cache leeren
• Auf Skriptblocker prüfen
• Stellen Sie sicher, dass der Chatbot aktiv ist

Kurz gesagt #

• Ein Skript funktioniert überall
• Fügen Sie es einmal ein, der Chatbot läuft automatisch
• Keine Rebuilds oder Backend-Änderungen erforderlich

Sobald er eingebettet ist, ist Ihr externer KI-Chatbot live und bereit, Besucher anzusprechen, Fragen zu beantworten und rund um die Uhr Leads zu erfassen.