Zum Inhalt springen
intoCHAT

Squarespace-Integration

KI-Chatbot für deine Squarespace-Website

Trainiere einen Agenten mit deinen Squarespace-Seiten und Dokumenten und füge ein Script unter Code einfügen ein, damit er auf jeder Seite erscheint. Er beantwortet Fragen, sammelt Leads und trägt deine Markenfarben.

Agent kostenlos erstellen

Zuletzt aktualisiert:

So funktioniert intoCHAT auf Squarespace

Squarespace hat mit Code einfügen einen Bereich, in dem du Scripts für jede Seite deiner Website hinterlegst. intoCHAT kommt dort in das Feld Fußzeile, und eine Chat-Bubble erscheint in der Ecke deiner Seiten. Der Agent antwortet aus dem, was du ihm gibst, etwa deinen Squarespace-Seiten, PDFs und Q&A-Paaren, und sagt, wenn er etwas nicht weiß, statt zu raten. Aussehen und Begrüßung legst du in intoCHAT fest, der Code in Squarespace muss also nie geändert werden.

intoCHAT auf Squarespace installieren

  1. Agenten erstellen und trainieren

    Registriere dich bei intoCHAT, erstelle einen Agenten und gib im Tab Knowledge die Adresse deiner Squarespace-Website ein. intoCHAT findet bis zu 500 Seiten, rendert Seiten, die JavaScript brauchen, und lässt dich auswählen, welche dazugehören.

  2. Script-Tag kopieren

    Öffne den Tab Share und kopiere den Code unter Bubble Chat. Deine Agenten-ID ist schon enthalten.

  3. Code einfügen öffnen

    Öffne im Squarespace-Editor das Seiten-Menü, klicke unten auf Benutzerdefinierter Code und dann auf Code einfügen. Auf Websites mit Version 7.0 findest du es unter Website-Tools.

  4. In die Fußzeile einfügen und speichern

    Füge das Script in das Feld Fußzeile ein, nicht in Kopfzeile, und klicke auf Speichern. Öffne deine Website dann in einem privaten oder Inkognito-Fenster, um die Chat-Bubble mit deinen Einstellungen aus Appearance zu sehen.

Der Code für das Feld Fußzeile

<script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>

Nutze Fußzeile, nicht Kopfzeile. Squarespace fügt die Fußzeile vor dem schließenden Body-Tag ein, und das Script braucht einen vorhandenen Body, um die Chat-Bubble anzuhängen.

Was der Agent auf deiner Squarespace-Website macht

  • Lernt aus deinen Seiten

    Gib deine Website-Adresse ein, und intoCHAT findet Seiten über Sitemap und Links. Wähle die Seiten aus und schließe Pfade wie alte Blogarchive per Muster aus.

  • Antwortet genau, wo es zählt

    Lege Q&A-Paare für Fragen an, die auf eine bestimmte Weise beantwortet werden sollen, etwa Öffnungszeiten oder Lieferzeiten. Q&A-Antworten haben Vorrang vor anderen Quellen.

  • Eröffnet das Gespräch

    Begrüße Besucher mit deiner eigenen Nachricht und Vorschlagsfragen zum Anklicken, damit sie wissen, was sie fragen können.

  • Sammelt Leads

    Frag im Chat nach E-Mail-Adresse oder Telefonnummer und lass danach weiterchatten, eine Dankesnachricht zeigen oder sagen, dass sich dein Team meldet. Für jeden neuen Lead bekommst du eine E-Mail.

  • Trägt deine Markenfarben

    Übernimm Logo und Farben von deiner Website-Adresse oder stelle Farben, Avatar, Launcher-Icon und Position links oder rechts selbst ein.

  • Speichert jedes Gespräch

    Durchsuche Chatverläufe, filtere nach Datum und lies vollständige Gespräche, um zu sehen, was Besucher fragen und wo deinen Inhalten etwas fehlt.

Häufige Fragen

Welches Squarespace-Abo brauche ich?

Squarespace bietet Code einfügen im Basic-, Core-, Plus- und Advanced-Abo sowie bei einigen älteren Abonnements an. intoCHAT hat einen eigenen kostenlosen Plan mit 25 Nachrichten pro Monat, du kannst den Agenten also ausprobieren, bevor du etwas bezahlst.

Macht intoCHAT meine Squarespace-Website langsamer?

Das Script ist eine einzelne Datei, die am Ende des Seiten-Body lädt, also nach deinen Inhalten. Das Chatfenster läuft in einem eigenen iframe von intoCHAT, sein Code bleibt also vom Code deiner Website getrennt.

Warum sehe ich die Chat-Bubble nicht?

Prüfe, ob das Script im Feld Fußzeile steht und nicht in Kopfzeile, denn es braucht beim Start einen vorhandenen Body. Squarespace bittet dich beim Bearbeiten unter Umständen, eigenen Code zu deaktivieren, sieh dir deine Website deshalb in einem privaten oder Inkognito-Fenster an. Prüfe außerdem, ob die Agenten-ID mit der im Tab Share übereinstimmt.

Erscheint der Chat auch auf den Checkout-Seiten?

Nein. Squarespace erlaubt keinen eigenen Code auf Checkout-Seiten, die Bubble erscheint also auf allen anderen Seiten, aber nicht im Checkout. Kundinnen und Kunden können Fragen zu Versand, Rückgabe oder Größen aber vorher stellen.

Kann der Agent live in meinen Squarespace-Produkten suchen?

Meist nicht. Die Live-Produktsuche liest die Suchergebnisse eines Shops, und Squarespace zeigt diese oft erst, nachdem JavaScript im Browser gelaufen ist, deshalb lassen sie sich nicht live auslesen. Füge stattdessen Produkt-, Versand- und Rückgabeseiten im Tab Knowledge hinzu und trainiere sie neu, wenn sich Produkte ändern, denn Quellen synchronisieren sich nicht von selbst.

Muss ich den Code ändern, wenn ich den Agenten bearbeite?

Nein. Das Script enthält nur deine Agenten-ID. Farben, Position, Begrüßung, Vorschlagsfragen und Wissen lädt es bei jedem Seitenaufruf von intoCHAT, deine Änderungen erscheinen also, ohne dass du Squarespace anfasst.

Sieh, wie er mit deiner Website antwortet

Gib die Adresse deiner Website ein und chatte mit einem Agenten, der aus deinen Seiten gebaut wird. Das dauert etwa eine Minute.

Agent kostenlos erstellen

Kostenloser Plan, keine Kreditkarte nötig.