· askVela-Team
Live-Chat im Onlineshop einrichten: Einbauwege für gängige Shopsysteme
Plugin, App oder Skript? Diese Anleitung zeigt den Einbauweg für dein Shopsystem und hilft dir zu prüfen, ob Chat, Bestellauskunft und Team-Übergabe funktionieren.
Wenn du einen Live-Chat im Onlineshop einrichten willst, kläre zwei Dinge getrennt: Wie kommt das Widget in den Shop? Und auf welche Informationen kann der Chat für seine Antworten zugreifen? Ein sichtbares Widget allein kann keine konkrete Bestellung prüfen und kennt auch deine Versandregeln nicht automatisch.
Vor dem Einbau: Ziel, Seiten und Zuständigkeit festlegen
Notiere Fragen aus deinem Support. „Passt diese Variante zu meinem Gerät?“ braucht andere Informationen als „Wie läuft die Rückgabe?“ oder „Wurde meine Bestellung verschickt?“. So erkennst du, ob du neben dem Widget gepflegtes Wissen, einen Produktkatalog oder eine Bestellabfrage benötigst.
Formuliere die Begrüßung entsprechend: „Fragen zu Größen, Versand oder Rückgabe? Schreib uns.“ Bestellauskunft kündigst du erst an, wenn du sie eingerichtet und mit einem zulässigen Testfall geprüft hast.
Live-Chat je Shopsystem einbauen: Plugin, App oder Skript
Nutze die Anleitung für dein Shopsystem und deine Shop-Version. Die Tabelle trennt den Widget-Einbau von Katalogdaten und Bestellzugriff. Übernimm keine Menübezeichnungen aus Anleitungen für andere Systeme.
| Shopsystem | Widget-Einbau | Katalogquelle | Bestellauskunft | Anleitung |
|---|---|---|---|---|
| Shopify | Shopify-Anbindung gemäß Anleitung | Shopify-Anbindung | Fertige Anbindung über die Shopify-Admin-API | askVela in Shopify einbinden |
| WooCommerce | WordPress-Plugin gemäß Anleitung | WooCommerce-Anbindung | Fertige Anbindung über das Plugin | askVela mit WooCommerce verbinden |
| JTL-Shop 5.3+ | askVela-Plugin gemäß Integrationsanleitung einrichten | Katalogeinrichtung gemäß Integrationsanleitung prüfen | Fertige Anbindung über das Plugin | askVela-Plugin für JTL-Shop einrichten |
| Shopware 6.6/6.7, selbst gehostet | App für das Widget | Produktexport | App liest keine Bestellungen; eigener Shop-Endpunkt nötig | askVela-App für Shopware herunterladen |
| Gambio | Script-Tag | Website-Scan oder Produktexport | Eigener Shop-Endpunkt nötig | Weitere Integrationen ansehen |
| plentymarkets | Script-Tag | Website-Scan oder Produktexport | Eigener Shop-Endpunkt nötig | Weitere Integrationen ansehen |
Für JTL-Shop richte das Plugin nach der aktuellen Anleitung für deine Shop-Version ein. Bei einem Script-Tag lässt du den Einbauort im eigenen Shop prüfen und kontrollierst anschließend das Widget im Storefront – nicht nur im Verwaltungsbereich.
Was nach dem Einbau ohne zusätzliche Anbindung funktioniert – und was nicht
Trenne bei der Abnahme Gespräch, Antwortquelle und Datenzugriff. „Wie funktioniert die Retoure?“ lässt sich anhand gepflegter Shop-Regeln beantworten. „Wo ist meine Bestellung?“ erfordert dagegen eine Abfrage der betreffenden Bestellung. Für eine konkrete Produktantwort brauchst du passende Katalogdaten.
| Testfrage | Benötigte Grundlage | Woran du die Antwort prüfst |
|---|---|---|
| „Wie sende ich den Artikel zurück?“ | Aktuelle Retourenregel | Stimmen Ablauf und Ausnahmen mit deinem veröffentlichten Shop-Text überein? |
| „Ist diese Variante bestellbar?“ | Passender Produktkatalog | Bezieht sich die Antwort auf die richtige Variante und ihre Verfügbarkeit? |
| „Ist meine Bestellung schon versandt?“ | Bestellabfrage | Stammt die Auskunft aus Bestelldaten statt aus einer allgemeinen Lieferzeitangabe? |
Eine fertige Bestellauskunft gibt es für Shopify, WooCommerce und JTL-Shop 5.3+. Bei anderen Shopsystemen braucht es dafür einen eigenen Shop-Endpunkt, der Bestellungen zu einer E-Mail-Adresse als JSON liefert; die Anfragen werden signiert. Bei Shopware ist die Grenze besonders wichtig: Die App bindet das Widget ein, liest aber keine Bestellungen. Katalogdaten kommen dort per Produktexport.
Widget im Storefront testen, bevor Kundinnen und Kunden es sehen
Teste eine Produktseite und den Warenkorb am Desktop und auf einem Mobilgerät. Soll der Chat auch im Checkout erscheinen, prüfe ihn dort separat.
Notiere bei einem Fehler Seite, Gerät, Testfrage und beobachtetes Verhalten. So kannst du ein verdecktes Widget von einer fehlenden Antwortquelle oder einer gescheiterten Übergabe unterscheiden.
Chat-Zeiten, Übergaben und Wissensbasis vorbereiten
Halte die Betriebsregel so fest, dass auch eine Vertretung danach handeln kann. In der Team-Inbox lassen sich Gespräche zuweisen, schließen und taggen sowie mit internen Notizen versehen. Kläre vor dem Start, wie ihr Zuständigkeiten im Support-Postfach organisiert.
Übertrage Versand- und Retourenregeln nicht als pauschale Kurzantwort. Wenn der Versand vom Lieferland abhängt, frage zuerst nach dem Land und nenne dann die passende Regel. Halte geprüfte Antworten in einer Wissensdatenbank für verlässliche Antworten fest.
Ist eine Angabe nicht belegt, soll die KI das offen sagen statt zu raten. Eine von ihr vorgeschlagene Übergabe erfolgt erst nach Zustimmung; fehlt die E-Mail-Adresse, wird sie vorher erfragt. Prüfe diesen Ablauf im eigenen Shop.
Datenschutz prüfen und den Chat nach dem Start verbessern
- Einbindung prüfen lassen: Kläre für deinen Shop, wie Widget oder Skript geladen werden, welche personenbezogenen Daten im Chat eingegeben werden können und welche Datenschutzhinweise du benötigst. EU-Hosting ersetzt die Prüfung deiner konkreten Einbindung nicht.
- Unbeantwortete Fragen bearbeiten: Sammle Fragen aus Chat-Verläufen, bei denen Wissen fehlte oder eine Übergabe nötig war. Ergänze Antworten erst nach Abgleich mit deinen aktuellen Shop-Regeln.
- Betrieb nachjustieren: Prüfe wiederkehrende Anliegen, Übergaben, Reaktionszeiten und liegen gebliebene Nachrichten während der angekündigten Zeiten. Ändere je nach Ursache die Antwortquelle, die Zuständigkeit oder die veröffentlichten Chat-Zeiten.
Gib den Chat erst frei, wenn das Widget auf den geplanten Seiten bedienbar ist, Testnachrichten beim richtigen Team ankommen und unbelegte Bestellfragen ohne erfundenen Status beantwortet oder übergeben werden.