WebChatAgent Logo

KI-Chatbot zu Squarespace hinzufügen

Squarespace

Fügen Sie Ihrer Squarespace-Website über die integrierte Code-Injection-Funktion einen KI-Chatbot hinzu. Sie fügen ein kurzes Snippet in das Footer-Feld ein, und es erscheint auf jeder Seite. Dies funktioniert bei allen aktuellen Squarespace-Tarifen und dauert etwa eine Minute.

Schritt-für-Schritt-Anleitung

  1. Code Injection öffnen – Gehen Sie in Ihrem Squarespace-Dashboard zu Einstellungen > Erweitert > Code Injection.
  2. In den Footer einfügen – Fügen Sie folgenden Code in das Footer-Feld ein:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. YOUR_ID ersetzen durch Ihre tatsächliche Chatbot-ID aus dem WebChatAgent-Dashboard.
  2. Speichern – Klicken Sie auf Speichern. Das Chat-Widget erscheint nun auf jeder Seite Ihrer Squarespace-Website.

Nur zu einer einzelnen Seite hinzufügen

Wenn Sie den Chatbot nur auf einer bestimmten Seite nutzen möchten:

  1. Öffnen Sie die Seite im Squarespace-Editor.
  2. Fügen Sie einen Code-Block hinzu (klicken Sie auf Block hinzufügen > Code).
  3. Fügen Sie dasselbe Code-Snippet von oben ein.
  4. Deaktivieren Sie Quellcode anzeigen, um das Widget zu rendern.

Ihre Chatbot-ID finden

Melden Sie sich in Ihrem WebChatAgent-Dashboard an, öffnen Sie Ihren Assistent und navigieren Sie zu Kanäle → Chat-Widget. Klappen Sie Installationsdetails anzeigen auf und klicken Sie auf Code kopieren. Das Snippet enthält bereits Ihre Chatbot-ID, Sie können also den gesamten Code einfügen, anstatt die ID manuell einzugeben.

Fehlerbehebung

  • Widget wird nicht angezeigt? – Squarespace speichert Seiten stark im Cache. Versuchen Sie, Ihre Website in einem Inkognito-Fenster aufzurufen oder Ihren Browser-Cache zu leeren.
  • Code Injection nicht verfügbar? – Code Injection ist bei allen aktuellen Squarespace-Tarifen verfügbar. Stellen Sie sicher, dass Sie sich im Website-Dashboard (nicht im Editor) unter Einstellungen > Erweitert befinden.
  • Widget verdeckt Inhalte? – Das Widget wird als schwebende Sprechblase in der unteren rechten Ecke dargestellt. Passen Sie die Abstände für Desktop und Mobile-Position unter Kanäle → Chat-Widget → Verhalten → Positionierung an.