Möchten Sie den Smartsupp Live-Chat zu Ihrer WordPress-Website hinzufügen? In dieser Anleitung finden Sie alle verfügbaren Installationsmethoden — vom offiziellen Plugin über das manuelle Hinzufügen des Codes bis hin zur erweiterten, seitenbezogenen Einrichtung.
Wir haben den Prozess in Abschnitte unterteilt:
Option 1: Installation über das WordPress-Plugin (empfohlen)
Der einfachste Weg, Smartsupp zu Ihrer WordPress-Seite hinzuzufügen, ist die Verwendung unseres offiziellen Plugins. Kein Programmieren erforderlich — einfach installieren, einloggen und schon können Sie chatten.
Plugin installieren
Gehen Sie in Ihrem WordPress-Adminbereich zu Plugins > Installieren, suchen Sie nach Smartsupp Live Chat und klicken Sie auf Jetzt installieren. Aktivieren Sie dann das Plugin.
In Ihr Smartsupp-Konto einloggen
Nach der Aktivierung des Plugins sehen Sie die Option Kostenloses Konto erstellen oder Vorhandenes Konto verbinden. Melden Sie sich mit Ihren Smartsupp-Zugangsdaten an, um Ihr Konto zu verknüpfen.
Wenn alles richtig eingerichtet ist, sehen Sie den Bestätigungsbildschirm unten. Das Smartsupp Chat-Widget wird jetzt auf Ihrer Website angezeigt.
Tipp: Die Plugin-Variante ist der schnellste und sicherste Weg, Smartsupp zu installieren. Es ist kein Bearbeiten von Theme-Dateien oder Code nötig — Updates werden automatisch übernommen.
Option 2: Code manuell einfügen
Wenn Sie kein Plugin verwenden möchten, können Sie den Smartsupp Chat-Code direkt in die Header-Datei Ihres WordPress-Themes einfügen.
Hinweis: Das direkte Bearbeiten von Theme-Dateien kann Ihre Website beschädigen, wenn es nicht korrekt ausgeführt wird. Falls Sie sich mit Code nicht wohl fühlen, empfehlen wir die oben genannte Plugin-Methode oder bitten Sie Ihren Webentwickler um Unterstützung.
Chat-Code kopieren
Finden Sie Ihren einzigartigen Smartsupp Chat-Code im Dashboard unter Einstellungen > Channels > Live-Chat > Installation > Code einfügen.
Code in das Theme einfügen
Gehen Sie zu Design > Theme-Editor > Theme Header (header.php) und fügen Sie den Chat-Code vor dem schließenden </head>-Tag ein. Klicken Sie anschließend auf Datei aktualisieren.
Option 3: Erweitert — seitenbezogene Installation
Standardmäßig laden sowohl die Plugin- als auch die manuelle Methode Smartsupp auf jeder Seite Ihrer Website. Wenn Sie das Chat-Widget nur auf bestimmten Seiten anzeigen möchten, können Sie das externe WordPress-Plugin Scripts n Styles verwenden.
Scripts n Styles installieren
Gehen Sie in Ihrem WordPress-Adminbereich zu Plugins > Installieren, suchen Sie nach Scripts n Styles und installieren Sie es.
Chat-Code anpassen
Scripts n Styles erfordert eine leicht angepasste Version Ihres Smartsupp-Codes. Entfernen Sie die <script>-Klammern aus dem Code — das Plugin fügt sie automatisch hinzu.
Hinweis: Entfernen Sie nur die öffnenden <script type="text/javascript"> und schließenden </script>-Tags. Der JavaScript-Code selbst muss unverändert bleiben.
Ihr angepasster Code sollte wie folgt aussehen (nur Beispiel — verwenden Sie Ihren eigenen Schlüssel):
Code zu bestimmten Seiten hinzufügen
Gehen Sie zu Seiten, bearbeiten Sie die Seite, auf der Smartsupp erscheinen soll, und fügen Sie den angepassten Code im Bereich Scripts n Styles unterhalb des Inhalts ein. Klicken Sie dann auf Scripts aktualisieren und Aktualisieren Sie Ihre Seite.
Wichtige Hinweise
Smartsupp ist nicht auf WordPress.com verfügbar
Smartsupp kann nicht auf kostenlosen WordPress.com-Websites installiert werden. WordPress.com lässt keine eigenen Plugins oder benutzerdefinierten JavaScript-Code zu. Um Smartsupp zu nutzen, benötigen Sie eine selbst gehostete WordPress.org-Installation, bei der Sie vollen Zugriff auf Plugins und Theme-Dateien haben.
Hinweis: Wenn Sie für den Login bei Smartsupp ein Google-Konto verwenden, können Sie sich nicht direkt über das WordPress-Plugin anmelden. Sie können entweder den Chat-Code manuell einfügen oder unter Smartsupp auf „Passwort vergessen“ klicken, um sich einen E-Mail-Login einzurichten.
Verwandte Ressourcen:
Smartsupp Installation — vollständiger Installationsüberblick mit allen Methoden.
Google Tag Manager — alternative Installationsmethode mit GTM.
Wie geht es weiter?
Grundeinstellungen der Chat-Box — Farben, Position, Begrüßungstexte und mehr anpassen.
Chat-Box-Status — Erfahren Sie, wie der Status des Chat-Widgets funktioniert und wie Sie diesen steuern können.
Warum erscheint der Chat nicht auf meiner Website? — Häufige Installationsprobleme beheben.
Plugins herunterladen — Alle verfügbaren Plattform-Integrationen durchstöbern.
💡 Benötigen Sie weitere Hilfe? Kontaktieren Sie unser Support-Team — wir helfen Ihnen gerne weiter!