Hinweis: Das Smartsupp-Plugin für Magento wird nicht mehr weiterentwickelt. Für manche Magento-Versionen kann das Plugin deshalb nicht wie gewünscht funktionieren. In diesen Fällen müssen Sie den Chat-Code bitte manuell einfügen.
Betreiben Sie Ihren Online-Shop mit Magento? Diese Anleitung zeigt Ihnen Schritt für Schritt, wie Sie Smartsupp mit Ihrem Shop verbinden – von der Plugin-Installation bis zur manuellen Code-Integration.
Die Anleitung ist in folgende Abschnitte gegliedert:
Option 1: Installation per Magento-Plugin
Der einfachste Weg, Smartsupp zu Ihrem Magento-Shop hinzuzufügen, ist über das offizielle Plugin. Befolgen Sie diese Schritte für die Installation und Integration.
Plugin aus dem Magento Marketplace beziehen
Rufen Sie die Seite Smartsupp Live Chat im Magento Marketplace auf, wählen Sie Ihre Edition und Version und klicken Sie auf In den Warenkorb.
Klicken Sie beim Checkout auf Bestellung aufgeben (das Plugin ist kostenlos).
Wählen Sie auf der nächsten Seite Installieren.
Sie werden auf die Konto-Seite mit den Access Keys weitergeleitet. Lassen Sie diese Seite geöffnet – die Zugangsschlüssel benötigen Sie gleich.
Plugin über den Web Setup Wizard installieren
Melden Sie sich im Magento Admin an und gehen Sie zu System > Web Setup Wizard.
Wählen Sie Extension Manager aus.
Geben Sie die Access Keys von der Magento Marketplace Konto-Seite ein und klicken Sie auf Absenden.
Klicken Sie auf Aktualisieren und dann auf Überprüfen und installieren.
Suchen Sie nach smartsupp/smartsupp, markieren Sie es und klicken Sie auf Installieren.
Readiness-Check durchführen und Installation abschließen
Wählen Sie Readiness-Check starten oder klicken Sie auf Weiter (der Check wird dann automatisch ausgeführt).
Nach bestandenem Check Ihrer Magento- und Hosting-Einstellungen klicken Sie auf Weiter.
Magento empfiehlt, vor der Installation eines Plugins ein Backup Ihres Systems zu erstellen.
Hinweis: Falls das Backup fehlschlägt, wenden Sie sich bitte an Ihren Magento-Entwickler. Sie können das Backup auch überspringen – Magento zeigt Ihnen dann lediglich eine Warnung an, aber Sie können fortfahren.
Klicken Sie auf Installieren, um die Installation zu starten. Den Fortschritt sehen Sie in der Konsole – dieser Vorgang kann einige Minuten dauern.
Nach Abschluss erscheint die Erfolgs-Seite. Klicken Sie abschließend auf Zurück zum Setup-Tool.
Smartsupp-Konto verbinden
Gehen Sie zurück zur Admin-Startseite, wählen Sie System, suchen Sie nach Smartsupp und klicken Sie auf Einstellungen.
Sie können entweder ein kostenloses Konto erstellen oder ein bestehendes Konto verbinden. Melden Sie sich dazu mit Ihren Smartsupp-Zugangsdaten an, um Ihr Konto zu verknüpfen.
Wenn alles richtig eingerichtet ist, erscheint die Bestätigungsseite.
Tipp: Nachdem Sie Ihr Konto verbunden haben, öffnen Sie die Startseite Ihres Shops und aktualisieren Sie die Seite – das Smartsupp-Widget sollte jetzt sichtbar sein.
Option 2: Manuelle Code-Integration
Funktioniert das Plugin mit Ihrer Magento-Version nicht oder möchten Sie die Kontrolle selbst übernehmen, können Sie den Smartsupp-Chat-Code direkt in die Theme-Dateien Ihres Shops einfügen.
Chat-Code kopieren
Ihren persönlichen Smartsupp-Chat-Code finden Sie im Dashboard unter Einstellungen → Channels → Live-Chat → Installation.
Code ins Theme einfügen
Gehen Sie im Magento Admin zu Inhalt > Design > Konfiguration. Bearbeiten Sie das Theme Ihres Shops und fügen Sie den Smartsupp-Chat-Code im Bereich HTML Head > Skripte und Stylesheets ein. Speichern Sie die Konfiguration und leeren Sie den Cache.
Hinweis: Das direkte Bearbeiten von Theme-Dateien kann den Shop beschädigen, wenn es nicht korrekt durchgeführt wird. Wenn Sie sich mit Code nicht wohl fühlen, wenden Sie sich bitte an Ihren Webentwickler.
Tipp: Nach dem Speichern der Konfiguration und Leeren des Caches öffnen Sie die Startseite Ihres Shops und aktualisieren Sie die Seite – dann sollte das Smartsupp-Widget erscheinen.
Verwandte Ressourcen:
Smartsupp-Installation – Alle Installationsmöglichkeiten im Überblick.
Google Tag Manager – alternative Installationsmethode mit GTM.
Wie geht es weiter?
Grundeinstellungen der Chat-Box – Farben, Position, Begrüßungsnachrichten und mehr individuell anpassen.
Status der Chat-Box – Erfahren Sie, wie der Chat-Widget-Status funktioniert und wie Sie diesen steuern.
Warum wird der Chat auf meiner Website nicht angezeigt? – Häufige Installationsprobleme beheben.
Plugins herunterladen – Verfügbare Integrationen für Ihre Plattform im Überblick.
💡 Benötigen Sie weitere Unterstützung? Kontaktieren Sie unser Support-Tool – wir helfen Ihnen gerne weiter!