So binden Sie einen KI-Chatbot in Squarespace ein (in 5 Minuten)

Nexoply ist ein KI-Assistent, den Sie in einem eigenen Dashboard erstellen und mit einer Zeile Code in Ihre Squarespace-Website einbinden. Squarespace enthält nur diese Zeile; alles andere richten Sie in Nexoply ein, ohne Code und ohne KI-Schlüssel, denn Nexoply betreibt die KI. Das bedeutet in der Praxis:

• Er kennt Ihr Unternehmen. Hinterlegen Sie Ihre Leistungen und Preise, FAQs, Richtlinien, Öffnungszeiten und Einsatzgebiete oder importieren Sie sie von den öffentlichen Seiten Ihrer Squarespace-Website (15 pro Scan im kostenlosen Tarif). Nichts wird übernommen, bevor Sie es freigeben.
• Er antwortet nur mit diesen Informationen. Er ist angewiesen, zu sagen, wenn er etwas nicht weiß, statt zu raten, und jede Unterhaltung steht zur Prüfung in Ihrem Dashboard.
• Er passt zu Ihrer Website. Chat-Button oder Seitenreiter, Farben, Schriften und Logo, fertige Vorlagen, ein eigenes Aussehen auf dem Smartphone und Buttons für den Startbildschirm wie Buchen, Anrufen oder WhatsApp.
• Er antwortet in 12 Sprachen. Besucher, die in einer anderen unterstützten Sprache schreiben, erhalten Antworten in dieser Sprache.
• Was er nicht ist. Er ist kein Live-Chat-Postfach für menschliche Mitarbeiter und nimmt selbst keine Buchungen oder Zahlungen entgegen; seine Buttons führen Besucher zu Ihrer Buchungsseite, Ihrer Telefonnummer oder WhatsApp.

Der kostenlose Tarif umfasst 50 Unterhaltungen pro Monat; kostenpflichtige Tarife beginnen bei $19 im Monat, siehe Preisseite. Alle Optionen finden Sie unter Chatbot-Funktionen.

Prüfen Sie zuerst diese drei Punkte:

• Ein Nexoply-Konto. Kostenlos registrieren: Der kostenlose Tarif umfasst 50 Unterhaltungen pro Monat, ohne Kreditkarte.
• Ihre Unternehmensinformationen in Nexoply: Leistungen und Preise, FAQs, Richtlinien, Öffnungszeiten und Einsatzgebiete. Am schnellsten geht es, wenn Sie die Adresse Ihrer Squarespace-Website eingeben und Nexoply Ihre öffentlichen Seiten importieren lassen, auch mit JavaScript erstellte Seiten. Sie prüfen die Vorschläge; nichts wird übernommen, bevor Sie es freigeben.
• Einen Squarespace-Tarif mit Code Injection: den Business-Tarif oder höher. Wenn Sie unsicher sind, öffnen Sie die unten beschriebenen Squarespace-Einstellungen und prüfen Sie, ob Code Injection auf Ihrer Website verfügbar ist.

Öffnen Sie in Ihrem Nexoply-Dashboard die Seite Chatbot (klicken Sie auf Chatbot erstellen, falls noch nicht geschehen) und kopieren Sie den Installationscode. Er sieht so aus:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

An die Stelle von YOUR-KEY tritt der eigene Schlüssel Ihres Chatbots, den die Seite Chatbot für Sie einsetzt. Der Schlüssel ist öffentlich: Er ist kein Passwort und gewährt keinen Zugriff auf Ihr Konto. Möchten Sie den Assistenten sehen, bevor Sie Squarespace anfassen? Klicken Sie auf Testseite mit Ihrem Chatbot öffnen, um ihn auf einer Beispielseite auszuprobieren.

1. 1

   Die Einstellungen Ihrer Website öffnen

   Melden Sie sich bei Squarespace an, öffnen Sie die gewünschte Website und klicken Sie auf Settings (Einstellungen).

2. 2

   Code Injection öffnen

   Öffnen Sie Advanced (Erweitert) und dann Code Injection. Das ist der Bereich für die ganze Website, Code an dieser Stelle läuft also auf jeder Seite.

3. 3

   In Footer einfügen

   Fügen Sie Ihren Nexoply-Code in das Feld Footer ein. Der Footer-Bereich wird direkt vor dem Ende jeder Seite eingefügt, und genau dort gehört der Code hin.

4. 4

   Speichern

   Klicken Sie auf Save. In Squarespace müssen Sie nichts installieren und nichts weiter einrichten.

Öffnen Sie Ihre Live-Website in einem neuen privaten Fenster, damit Sie sie so sehen wie ein Besucher. Unten in der Ecke erscheint ein Chat-Button. Stellen Sie eine echte Frage, etwa „Haben Sie vegetarische Gerichte?“ oder „Kann ich einen Tisch für acht Personen reservieren?“ (weitere Beispiele finden Sie in der Anleitung zum KI-Chatbot für Restaurants). Innerhalb von Sekunden erscheint die Unterhaltung in Ihrem Nexoply-Dashboard unter Unterhaltungen. Ab dann erreichen Änderungen, die Sie im Dashboard vornehmen, Ihre Website innerhalb von etwa einer Minute, ohne dass Sie zurück in Squarespace müssen.

• Tarif. Fehlt Code Injection oder ist es gesperrt, ist es im Tarif Ihrer Website nicht enthalten. Sie brauchen den Business-Tarif oder höher.
• Falsches Feld. Öffnen Sie Code Injection erneut und prüfen Sie, dass der Code im Feld Footer steht, vollständig und unverändert, von <script bis </script>.
• Nicht gespeichert oder eine alte Ansicht. Stellen Sie sicher, dass Sie auf Save geklickt haben, und laden Sie die Live-Website dann in einem privaten Fenster neu, statt sie angemeldet im Editor zu prüfen.
• Erlaubte Domains. Wenn Sie auf der Seite Chatbot Nur auf diesen Websites erlauben ausgefüllt haben, stellen Sie sicher, dass jede Adresse, unter der Besucher Ihre Website aufrufen, exakt eingetragen ist (zum Beispiel meinstudio.de oder *.meinstudio.de für Subdomains).
• Chatbot ausgeschaltet oder Werbeblocker. Prüfen Sie, dass der Schalter Chatbot aktiviert eingeschaltet ist. In seltenen Fällen blockiert eine Browser-Erweiterung Chat-Widgets; versuchen Sie es mit einem anderen Browser.

Das Design legen Sie in Ihrem Nexoply-Dashboard fest, nicht in Squarespace. Unter Chatbot → Anpassen wählen Sie das Symbol des Chat-Buttons (oder Ihr eigenes Bild), die Beschriftung, Form, Größe, Farben und Position, oder Sie nutzen stattdessen einen Seitenreiter am Bildschirmrand (etwa „Hilfe“). Sie können auf dem Smartphone ein anderes Aussehen festlegen und es mit Seitenregeln auf ausgewählten Seiten ändern (zum Beispiel /menu/*). Passen Sie das Chatfenster an die Schriften und Farben Ihrer Squarespace-Website an, fügen Sie Ihr Logo hinzu oder starten Sie mit einer fertigen Vorlage. Ein Startbildschirm kann Ihre eigenen Buttons zeigen, etwa Buchen, Anrufen oder WhatsApp. Das Widget nutzt ein Shadow DOM, sodass die Styles Ihrer Website den Chat nicht verändern und umgekehrt.

Sehen Sie sich danach regelmäßig die Unterhaltungen an: Fragen, die der Assistent nicht beantworten konnte, werden aufgelistet und lassen sich mit einem Klick in FAQs verwandeln. Den vollständigen Überblick finden Sie unter So funktioniert Nexoply; wenn Sie auch eine Website auf einer anderen Plattform betreiben, lesen Sie, wie Sie einen KI-Chatbot in jede Website einbinden.