So fügen Sie Ihrem Shopify-Shop einen KI-Chatbot hinzu, Schritt für Schritt

Sie brauchen drei Dinge:

• Ein Nexoply-Konto. Kostenlos registrieren: Der kostenlose Tarif umfasst 50 Unterhaltungen pro Monat, ohne Kreditkarte.
• Die Informationen Ihres Shops in Nexoply: Versandkosten und Lieferzeiten, Rückgabe- und Umtauschregeln, Größentabellen, Produkte und Preise, Öffnungszeiten oder Abholdetails. Am schnellsten geht es, wenn Sie die Adresse Ihres Shops eingeben und Nexoply Ihre öffentlichen Seiten importieren lassen, inklusive Preisen samt Währung. Sie prüfen die Vorschläge; nichts wird übernommen, bevor Sie es freigeben.
• Zugang zu Ihrem Shopify-Adminbereich mit der Berechtigung, Themes zu bearbeiten.

Ö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 oder Ihren Shop. Um den Assistenten zuerst auszuprobieren, klicken Sie auf Testseite mit Ihrem Chatbot öffnen.

1. 1

   Theme sichern

   Gehen Sie in Ihrem Shopify-Adminbereich zu Online Store → Themes (Onlineshop → Themes). Klicken Sie auf die Schaltfläche … neben Ihrem aktuellen Theme und wählen Sie Duplicate. Die Kopie erscheint in Ihrer Theme-Bibliothek und dient als Backup.

2. 2

   Code-Editor öffnen

   Klicken Sie erneut auf die Schaltfläche … neben Ihrem aktuellen (aktiven) Theme und wählen Sie Edit code.

3. 3

   theme.liquid öffnen

   Öffnen Sie in der Dateiliste den Ordner layout und klicken Sie auf theme.liquid. Diese Datei umschließt jede Seite Ihres Shops.

4. 4

   Vor </body> einfügen

   Suchen Sie das schließende </body>-Tag weit unten in der Datei (mit Strg+F bzw. Cmd+F) und fügen Sie Ihren Nexoply-Code in eine eigene Zeile direkt darüber ein.

5. 5

   Speichern

   Klicken Sie auf Save. Die Änderung ist sofort in Ihrem Shop live.

Öffnen Sie Ihren Shop in einem neuen privaten Fenster. Ist Ihr Shop noch passwortgeschützt, geben Sie zuerst das Shop-Passwort ein. Unten in der Ecke erscheint ein Chat-Button. Stellen Sie eine Frage, wie sie ein Kunde stellen würde, etwa „Wie lange dauert die Lieferung nach Kanada?“ oder „Fällt diese Jacke klein aus?“. Die Unterhaltung erscheint dann in Ihrem Nexoply-Dashboard unter Unterhaltungen. Änderungen, die Sie im Dashboard vornehmen, erreichen Ihren Shop innerhalb von etwa einer Minute, ohne dass Sie das Theme erneut bearbeiten müssen.

Der Assistent antwortet nur mit den Informationen, die Sie ihm geben, und sagt es, wenn er etwas nicht weiß, statt zu raten. Für einen Shop umfasst das in der Regel:

• Versand: wohin Sie liefern, Kosten, Lieferzeiten, Grenzen für kostenlosen Versand.
• Rückgabe und Umtausch: Fristen, Zustand der Ware, wer die Rücksendekosten trägt.
• Größen und Passform, Materialien und Pflege, aus Ihren Größentabellen und Produktbeschreibungen.
• Produkte und Preise wie angegeben, mit einem Link zur passenden Seite Ihres Shops.
• Kontaktdaten, Abholung oder Öffnungszeiten.

Er ruft keine Bestellungen oder Sendungsnummern ab und ist nicht mit Ihren Shopify-Daten verbunden. Für „Wo ist meine Bestellung?“ legen Sie eine FAQ an, die Kunden auf Ihre Seite zum Bestellstatus oder Ihre Kontakt-E-Mail verweist.

• Falsches Theme. Stellen Sie sicher, dass Sie das aktive (aktuelle) Theme bearbeitet haben, nicht das Duplikat oder ein anderes Theme in Ihrer Bibliothek.
• Falsche Stelle. Der Code muss in layout/theme.liquid direkt vor </body> stehen, genau einmal und vollständig eingefügt. Nicht in einer Section-Datei und nicht im Head.
• Nach einem Theme-Update. Wenn Sie ein Theme auf eine neue Version aktualisieren, fügt Shopify die neue Version als separates Theme hinzu, und Code-Änderungen werden nicht immer übernommen. Prüfen Sie theme.liquid und fügen Sie die Zeile bei Bedarf erneut ein.
• Erlaubte Domains. Wenn Sie auf der Seite Chatbot Nur auf diesen Websites erlauben ausgefüllt haben, tragen Sie sowohl Ihre eigene Domain als auch Ihre myshopify.com-Adresse ein, falls Kunden beide nutzen (zum Beispiel meinshop.de, meinshop.myshopify.com).
• 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.

Um ihn an Ihre Marke anzupassen, gehen Sie zu Chatbot → Anpassen: Wählen Sie das Symbol des Chat-Buttons (oder Ihr eigenes Bild), die Beschriftung, Form, Größe, Farben und Position, oder nutzen Sie stattdessen einen Seitenreiter am Bildschirmrand (etwa „Hilfe“). Legen Sie auf dem Smartphone ein anderes Aussehen fest, damit der Button Ihre „In den Warenkorb“-Leiste nicht verdeckt, und ändern Sie es mit Seitenregeln auf ausgewählten Seiten (zum Beispiel /products/*). Sehen Sie sich danach regelmäßig die Unterhaltungen an: Unbeantwortete Fragen werden aufgelistet und lassen sich mit einem Klick in FAQs verwandeln. Alle Optionen finden Sie auf der Funktionsseite von Nexoply; So funktioniert Nexoply erklärt die Einrichtung, und die Preisseite listet die Tarife für Shops mit mehr Betrieb auf.