nuochat
← Alle Integrationen
Anleitung · Einfach

nuochat in JTL-Shop 5 einbinden

Für JTL-Shop 5 gibt es das offizielle nuochat-Plugin. Es synct deine Artikel, Kategorien und Standardseiten automatisch in die Wissensbasis und bindet das Widget gleich mit ein. Versandkosten und Bestellstatus werden zusätzlich live aus dem Shop beantwortet - ohne dass du die Daten irgendwo hinterlegen musst.

Empfohlen · Plugin

Vier Klicks bis zum laufenden Chat. Das Plugin übernimmt die Widget-Einbindung selbst und füllt die Wissensbasis mit deinen Shop-Daten.

  1. 1

    Plugin installieren

    Im JTL-Shop-Backend unter Plugins → Plugin-Manager das nuochat-Plugin-ZIP hochladen und aktivieren. Das Widget wird damit automatisch auf allen Shop-Seiten eingebunden - kein Child-Template-Eingriff nötig.
  2. 2

    API-Key eintragen

    Im Plugin unter Einstellungen den API-Key aus dem nuochat-Dashboard einfügen und speichern. Damit ist die Verbindung zwischen Shop und nuochat hergestellt.
  3. 3

    Wissensbasis aufbauen

    Im Dashboard-Tab des Plugins die drei Sync-Schritte in dieser Reihenfolge starten:
    1. Standardseiten syncen - AGB, Versand, Widerruf, Datenschutz, Impressum, Kontakt + alle JTL-CMS-Seiten (FAQ, Infothek, Erklärtexte …).
    2. Kategorien syncen - gibt dem Bot das Navigations-Wissen, um Sammlungen zu verlinken.
    3. Top-Artikel syncen - optional mit Limit (z.B. „500" = die meistverkauften 500 Artikel zuerst, ideal für gestaffelten Roll-out).
    Die Queue wird einmal täglich vom Cron abgearbeitet; bei akuten Änderungen reicht ein erneuter Klick auf einen der Sync-Buttons, das zieht den Cron sofort an. Den Fortschritt siehst du im Tab Sync-Status (pausierbar, falls du zwischendurch eingreifen willst).
  4. 4

    Prüfen

    Shop im Browser öffnen - das Widget erscheint unten rechts. Stelle eine Test-Frage zu einem deiner Artikel, einer AGB-Klausel oder den Versandkosten. Bestellstatus-Auskünfte funktionieren, sobald die ersten Bestellungen im Shop liegen.

Was das Plugin leistet

Alle Features laufen aus der Box - nichts davon muss separat konfiguriert werden.

Wissensbasis-Sync (täglich, oder auf Klick)

Artikel mit Name, Beschreibung, SKU, Preis, Bildern und Multi-Kategorie-Zuordnung. Standardseiten (AGB, Versand, Datenschutz, Widerruf, Impressum, Kontakt) plus alle JTL-CMS-Seiten. Alle Kategorie-Pfade mit Sprach-Varianten.

Live-Versandkosten

Wenn der Besucher auf einer Produktseite nach Versandkosten fragt, fragt der Bot live beim Shop nach - mit dem aktuellen Artikel (Gewicht, Sperrgut-Flag) und dem genannten Zielland. Ergebnis: aktuelle Versandkosten und Lieferzeit, direkt aus den JTL-Versandregeln, nie veraltet.

Bestellstatus + Tracking-Link

Der Besucher nennt Bestellnummer und PLZ - das Plugin matcht beides gegen den Shop und der Bot meldet zurück: Status (offen / versendet / zugestellt) und, falls vorhanden, den fertigen Tracking-Link zum Anklicken. Bestelldaten werden nicht bei nuochat gespeichert.

Smarte Produktsuche

Hybrid aus Vektor- und Keyword-Suche: auch zusammengesetzte Begriffe ("Edelstahlpfanne") und Synonyme finden die richtigen Artikel. Plurale/Singulare werden automatisch aufgelöst. Mehrdeutige Fragen ("Welche Variante ist die richtige?") führen zu einer Auswahl-Antwort statt einem zufälligen Treffer.

Produktkarten im Chat

Bei Mehrfach-Treffern zeigt das Widget unter der Bot-Antwort kompakte Karten mit Produktbild, Name und Preis. Ein Klick führt direkt auf die Produktseite - ohne dass der Besucher die Antwort lesen und zur Navigation wechseln muss.

Sprach- + Kontext-Bewusstsein

Antworten kommen in der Sprache der Frage - auch wenn die Quelle deutsch ist. Folgefragen erkennt der Bot anhand der vorherigen Bot-Antwort und der aktuell angesehenen Shop-Seite, ohne dass der Besucher seine Frage komplett wiederholen muss.

Datensparsam + DSGVO-konform

Bestelldaten werden nur transient durchgereicht - kein Speichern auf nuochat-Seite. AV-Vertrag liegt unter nuochat.de/av.

Hinweise zum Plugin

Mehrsprachige Shops: Das Plugin synct Inhalte in allen aktiven Shop-Sprachen automatisch - der Bot antwortet in der Sprache der Frage und übersetzt die Quell-Inhalte sinngemäß.
Quota: Die Anzahl synchronisierter Dokumente richtet sich nach deinem Tarif. Bei begrenzter Quota sinnvoll: erst Standardseiten + Kategorien, dann die meistverkauften Artikel über das Limit-Feld gestaffelt nachziehen.

Alternative: Einbindung ohne Plugin (nur Widget)

Falls du das Plugin nicht installieren willst, lässt sich nur das Widget per Snippet einbinden. Der Daten-Sync und die Live-Auskünfte entfallen dann.

Der nuochat-Einzeiler:

<script src="https://chat.nuochat.de/widget.js" data-api-key="DEIN_API_KEY" async></script>

DEIN_API_KEY durch den eigenen API-Key aus dem Dashboard ersetzen.

  1. 1

    Child-Template footer.tpl erstellen

    Erstelle (oder bearbeite) die Datei templates/DeinChildTemplate/layout/footer.tpl.

    Inhalt:
    {block name='layout-footer-js' append}
    <script src="https://chat.nuochat.de/widget.js"
            data-api-key="DEIN_API_KEY" async></script>
{/block}
  2. 2

    Template-Cache leeren

    Im JTL-Shop-Backend: System → Cache → Template-Cache leeren. Alternativ: Den Ordner templates_c/ auf dem Server löschen.
  3. 3

    Prüfen

    Öffne deinen Shop im Browser. Das Chat-Widget sollte unten rechts erscheinen - ohne Auto-Sync von Shop-Daten und ohne Live-Versand/Bestellstatus (das macht nur das Plugin).

Hinweise

Smarty-Hinweis: Für inline JavaScript mit geschweiften Klammern {literal}...{/literal} verwenden. Bei einem externen Script-Tag (wie dem nuochat-Einzeiler) ist das nicht nötig.
Plugin-Alternativen: „Custom CSS & JavaScript" (knowmates, 99 €) oder „Inhalte und Shop-Code" (themeart, 99 €) ermöglichen die Einbindung ohne FTP-Zugriff - sind aber weiterhin nur der Widget-Loader, nicht der Daten-Sync.

Bereit?

Kostenlos registrieren und das Widget in JTL-Shop 5 einbinden.

Free-Account anlegen
Weitere Integrationen →