In Ihre Website einbinden

Binden Sie das botts.ai Chat-Widget in Ihre Website ein. Wählen Sie Ihre Plattform für eine Schritt-für-Schritt-Anleitung.

Zu jedem Website-Deployment gehört ein Einbettungscode: ein einziges Script-Tag, das das Chat-Widget lädt. Wo Sie ihn einfügen, hängt davon ab, womit Ihre Website gebaut ist. Wählen Sie deshalb unten Ihre Plattform.

Einbettungscode finden

Öffnen Sie in botts.ai Agenten, wählen Sie Ihren Agenten, wechseln Sie in den Tab Bereitstellen und öffnen Sie das Website-Deployment. Im Abschnitt Einbinden ganz unten im Editor steht der Code, mit einer Schaltfläche zum Kopieren. Noch kein Website-Deployment? Siehe Deployments.

Der Einbettungscode sieht so aus. Anstelle von YOUR_API_KEY steht darin der Schlüssel Ihres Deployments:

<script async src="https://api.botts.ai/widget/chat-widget.js?key=YOUR_API_KEY"></script>

Hinweis

Das Website-Widget braucht den Business-Plan oder höher. Der Personal-Plan enthält nur den internen Chat.

Plattform wählen

WordPressMit dem kostenlosen Plugin WPCode. Selbst gehostet oder auf WordPress.com mit kostenpflichtigem Tarif.WixEinstellungen → Benutzerdefinierter Code. Erfordert ein Website-Paket und eine verknüpfte Domain.Squarespace«Code einfügen», Feld «Fusszeile». Core-Abo oder höher.ShopifyIm Code-Editor des Themes in theme.liquid einfügen.WebflowSite settings → Custom code, danach veröffentlichen. Erfordert einen kostenpflichtigen Plan.Jimdo«Head bearbeiten» in Jimdo Creator. Im Jimdo Website Builder nicht möglich.TYPO3Einige Zeilen TypoScript im Feld Setup.Google Tag ManagerEin benutzerdefiniertes HTML-Tag auf allen Seiten, für Websites, die Tag Manager bereits nutzen.An Ihre Webagentur sendenBetreut jemand anderes Ihre Website? Senden Sie dieser Person eine fertige Nachricht.Jede andere WebsiteFügen Sie den Code auf jeder Seite ein, direkt vor dem schliessenden body-Tag.

Nach dem Einbinden

Öffnen Sie Ihre öffentliche Website in einem privaten Fenster und laden Sie die Seite neu. Der Chat-Launcher erscheint unten rechts oder dort, wo Sie ihn im Widget-Editor platziert haben. Farben, Texte und alle anderen Einstellungen des Widgets ändern Sie danach in botts.ai, ohne Ihre Website noch einmal anzufassen. Ersetzen müssen Sie den Code nur, wenn sich der Schlüssel des Deployments ändert.

Zuletzt aktualisiert am 4. Oktober 2026