So installieren Sie den Smartsupp Live-Chat in Ihrem Shoper-Shop — mit dem integrierten Plugin aus dem Shoper App Store oder durch manuelle Code-Einbindung.

Betreiben Sie Ihren Online-Shop auf Shoper? Diese Anleitung führt Sie durch alles, was Sie brauchen, um Smartsupp zu verbinden — von der Ein-Klick-Plugin-Installation bis zur manuellen Code-Methode.

Wir haben die Anleitung in folgende Abschnitte unterteilt:

Gehen Sie in Ihrem Shoper-Dashboard zu Add-ons und Integrationen > Anwendungen. Scrollen Sie nach unten und finden Sie Smartsupp - Live-Chat, Chatbot & Videoaufnahmen, dann klicken Sie darauf.

Klicken Sie auf die Schaltfläche Anwendung installieren.

Akzeptieren Sie die AGB des App Store und klicken Sie dann auf Installieren.

Sie sehen eine Bestätigungsmeldung, dass das Smartsupp-Plugin erfolgreich installiert wurde.

Gehen Sie nach der Installation zu Add-ons und Integrationen > Meine Anwendungen und klicken Sie auf das Smartsupp-Symbol.

Sie können entweder ein neues Smartsupp-Konto erstellen oder sich mit Ihrem bestehenden anmelden, um es mit Ihrem Shoper-Shop zu verbinden.

Nach der Verbindung können Sie mit Ihren Besuchern chatten oder die Smartsupp-Einstellungen über die Smartsupp API anpassen. Vergessen Sie nicht, Ihre Änderungen zu speichern.

Wenn die Plugin-Installation nicht funktioniert, können Sie den Smartsupp-Code manuell als JavaScript-Snippet hinzufügen.

Finden Sie Ihren einzigartigen Smartsupp-Chat-Code im Dashboard unter Einstellungen > Chatbox > Installation > Code einfügen.

Gehen Sie in Shoper zum JavaScript-Snippet-Bereich und fügen Sie Ihren Smartsupp-Code ein. Stellen Sie sicher, dass Sie die Tags <script> und </script> entfernen — Shoper akzeptiert keine HTML-Tags in diesem Feld.

Sie können die Smartsupp JavaScript API verwenden, um das Verhalten des Chat-Widgets in Ihrem Shoper-Shop anzupassen. Hier sind einige gängige Beispiele:

Chat-Widget über eine benutzerdefinierte Schaltfläche öffnen:

<button onclick="smartsupp('chat:open')">Chatten Sie mit uns</button>

Chat-Widget auf bestimmten Seiten ausblenden (z.B. Warenkorb oder Kasse):

if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }

Standard-Chat-Schaltfläche ausblenden und nach dem Schließen ausgeblendet lassen:

smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });

Wenn Sie das Smartsupp-Plugin deinstallieren müssen, gehen Sie zu Add-ons und Integrationen > Meine Anwendungen und klicken Sie auf die Smartsupp-App.

Klicken Sie auf App deinstallieren.

Bestätigen Sie die Deinstallation.