Integrationen

KI-Chatbot in Ihre Squarespace-Website einbinden

Ein KI-Chatbot für Squarespace, der Ihren Besuchern aus Ihren eigenen Seiten antwortet und das Gespräch an Sie übergibt, wenn er sich nicht sicher ist. Sie binden ihn über die Squarespace-Funktion Code Injection ein: eine Zeile im Footer-Feld, für die ganze Website.

Aktualisiert am 21. Oktober 2026

Welche Squarespace-Tarife das können

Laut Squarespace ist Code Injection in den Tarifen Core, Plus und Advanced sowie in einigen älteren Abrechnungstarifen verfügbar. In einem Tarif ohne diese Funktion und auf Testwebsites ist das Panel Code Injection nicht verfügbar. Prüfen Sie Ihren Tarif im Abrechnungsbereich, wenn Sie unsicher sind.

Ihre Code-Zeile holen

Registrieren Sie sich mit Ihrer E-Mail-Adresse und geben Sie die Adresse Ihrer Website ein. Wir lesen Ihre öffentlichen Seiten in etwa einer Minute; probieren Sie den Assistenten auf der Einrichtungsseite aus und kopieren Sie dann Ihre Zeile:

<script src="https://7x24hrs.com/widget.js" data-store="site_…" async></script>
Ihre eigene Zeile mit der ID Ihrer Website finden Sie nach der Anmeldung im Dashboard.

In Squarespace einfügen

  1. Melden Sie sich an und öffnen Sie Ihre Website in Squarespace.
  2. Öffnen Sie das Panel Code Injection. Im aktuellen Layout liegt es im Panel Pages, weit unten unter den nicht verlinkten Seiten, innerhalb von Custom code (in früheren Layouts Website Tools). Auf älteren Websites lag es unter Settings → Advanced → Code Injection. Der Hilfeartikel von Squarespace verlinkt direkt auf das Panel; siehe die Quelle am Ende dieser Seite.
  3. Fügen Sie Ihre Zeile in das Feld Footer ein. Code dort steht auf jeder Seite vor dem schließenden </body>-Tag.
  4. Klicken Sie auf Save.
  5. Öffnen Sie Ihre Live-Website (abgemeldet oder in einem privaten Fenster). Der Chat-Button erscheint unten rechts, und Ihr Dashboard zeigt Verbunden.

Squarespace hat diese Einstellung schon mehrmals verschoben. Sehen Ihre Menüs anders aus als in den Schritten oben, suchen Sie im Panel Ihrer Website nach Code Injection: Der Name ist gleich geblieben.

Was er auf Squarespace tut

Der Assistent liest die öffentlichen Seiten Ihrer Website so, wie ein Besucher sie sieht, und liest sie jeden Tag neu. Er beantwortet Fragen zu Ihrem Angebot, Preisen, Öffnungszeiten, Buchungsbedingungen, Versand und Rückgabe, in der Sprache des Besuchers und nur aus Ihren Seiten. Eine Frage, die Ihre Seiten nicht abdecken, bekommt ein ehrliches „Das weiß ich nicht“ und einen Weg, Sie zu erreichen, und landet auf Ihrer Liste offener Fragen.

In Shops mit Squarespace Commerce beantwortet er Fragen zu Produkten und Richtlinien anhand Ihrer Produkt- und Richtlinienseiten, und das Maskottchen kann auf Seiten, die ein einzelnes Produkt beschreiben, ein Produkt in einer kleinen Sprechblase zeigen. Mit den Bestellungen von Squarespace verbindet er sich nicht, er kann also keine Bestellung abrufen, stornieren oder ändern. Fragen zu Bestellungen werden per E-Mail oder in Slack, Discord oder Telegram an Sie weitergegeben.

Tipps für bessere Antworten auf Squarespace

  • Squarespace-Websites sind oft sehr bildlastig. Der Assistent liest Text, schreiben Sie wichtige Fakten (Größen, Preise, Lieferzeiten) also als Text, nicht nur in Bilder.
  • Stellen Sie Ihre FAQ auf eine eigene Seite. Akkordeon-Blöcke sind in Ordnung: Ihr Text steht auf der Seite.
  • Passwortgeschützte Seiten und Mitgliederbereiche werden nicht gelesen.

Wenn ein Mensch gefragt ist

Manche Fragen sollten Sie erreichen: eine Buchungsänderung, eine beschädigte Lieferung, eine Beschwerde oder einfach „Kann ich mit jemandem sprechen?“. Der Assistent gibt diese Gespräche mit dem bisherigen Verlauf an Sie weiter, standardmäßig per E-Mail oder in Slack, Discord oder Telegram, wenn Sie diese in Ihrem Dashboard verbinden. Aus den Chat-Apps heraus erscheint Ihre Antwort im Chatfenster des Besuchers, solange es noch offen ist; andernfalls antworten Sie per E-Mail.

Außerdem sehen Sie jedes Gespräch in Ihrem Dashboard, können eine falsche Antwort als falsch markieren und für eine häufige Frage eine Standardantwort schreiben, damit der Assistent beim nächsten Mal genau diese Antwort gibt.

Warum sehe ich Code Injection nicht?

Entweder enthält Ihr Tarif die Funktion nicht (sie ist in Core, Plus, Advanced und einigen älteren Tarifen verfügbar), oder das Menü ist umgezogen. Suchen Sie im Panel Ihrer Website nach „Code Injection“.

Kann ich ihn nur auf einer einzelnen Seite einbinden?

Squarespace bietet Code Injection pro Seite in den Einstellungen jeder Seite (Advanced). Für einen Support-Chat ist aber meist der Footer für die ganze Website das Richtige.

Funktioniert er in der Editor-Vorschau von Squarespace?

Eingefügter Code läuft während der Bearbeitung möglicherweise nicht. Prüfen Sie die Live-Website in einem privaten Fenster.

Verändert er mein Design?

Nein. Er fügt unten rechts einen Chat-Button hinzu, sonst nichts. Farben und Stil wählen Sie in Ihrem Dashboard.

Was kostet er?

30 Gespräche im Monat kostenlos, mit einer kleinen Zeile „Powered by 7x24hrs“. Die kostenpflichtigen Tarife kosten $19, $59, $199 und $1,099 im Monat für 90, 275, 1.000 und 6.000 Gespräche, ohne Zusatzkosten bei Überschreitung.

Quellen