Zum Blog

· 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.

Aktualisiert:

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.

ShopsystemWidget-EinbauKatalogquelleBestellauskunftAnleitung
ShopifyShopify-Anbindung gemäß AnleitungShopify-AnbindungFertige Anbindung über die Shopify-Admin-APIaskVela in Shopify einbinden
WooCommerceWordPress-Plugin gemäß AnleitungWooCommerce-AnbindungFertige Anbindung über das PluginaskVela mit WooCommerce verbinden
JTL-Shop 5.3+askVela-Plugin gemäß Integrationsanleitung einrichtenKatalogeinrichtung gemäß Integrationsanleitung prüfenFertige Anbindung über das PluginaskVela-Plugin für JTL-Shop einrichten
Shopware 6.6/6.7, selbst gehostetApp für das WidgetProduktexportApp liest keine Bestellungen; eigener Shop-Endpunkt nötigaskVela-App für Shopware herunterladen
GambioScript-TagWebsite-Scan oder ProduktexportEigener Shop-Endpunkt nötigWeitere Integrationen ansehen
plentymarketsScript-TagWebsite-Scan oder ProduktexportEigener Shop-Endpunkt nötigWeitere 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.

TestfrageBenötigte GrundlageWoran du die Antwort prüfst
„Wie sende ich den Artikel zurück?“Aktuelle RetourenregelStimmen Ablauf und Ausnahmen mit deinem veröffentlichten Shop-Text überein?
„Ist diese Variante bestellbar?“Passender ProduktkatalogBezieht sich die Antwort auf die richtige Variante und ihre Verfügbarkeit?
„Ist meine Bestellung schon versandt?“BestellabfrageStammt 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

  1. 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.
  2. 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.
  3. 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.