Zum Hauptinhalt springen

WordPress

Erfahren Sie, wie Sie Smartsupp Live Chat auf Ihrer WordPress-Website installieren.

Heute aktualisiert

Möchten Sie den Smartsupp Live-Chat auf Ihrer WordPress-Website einrichten? Diese Anleitung beschreibt alle verfügbaren Installationsmethoden — vom offiziellen Plugin über die manuelle Code-Einbindung bis hin zur erweiterten seitenspezifischen Installation.

Wir haben die Anleitung in folgende Abschnitte unterteilt:


Option 1: Installation über das WordPress-Plugin (empfohlen)

Der einfachste Weg, Smartsupp auf Ihrer WordPress-Website einzurichten, ist über unser offizielles Plugin. Keine Programmierkenntnisse nötig — einfach installieren, anmelden und schon können Sie loslegen.

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 anschließend das Plugin.

Bei Ihrem Smartsupp-Konto anmelden

Nach der Aktivierung des Plugins sehen Sie die Option Kostenloses Konto erstellen oder Bestehendes Konto verbinden. Melden Sie sich mit Ihren Smartsupp-Zugangsdaten an, um Ihr Konto zu verknüpfen.

Wenn alles korrekt eingerichtet ist, sehen Sie den folgenden Bestätigungsbildschirm. Das Smartsupp-Chat-Widget wird jetzt auf Ihrer Website angezeigt.

Tipp: Die Plugin-Methode ist der schnellste und sicherste Weg, Smartsupp zu installieren. Sie müssen keine Theme-Dateien oder Code bearbeiten — und Updates werden automatisch durchgeführt.


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 durchgeführt wird. Wenn Sie sich mit Code nicht auskennen, empfehlen wir die Plugin-Methode oben oder die Hilfe Ihres Webentwicklers.

Chat-Code kopieren

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

Code in Ihr Theme einfügen

Gehen Sie zu Design > Theme-Datei-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 — seitenspezifische Installation

Standardmäßig laden die Plugin- und 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 WordPress-Plugin eines Drittanbieters 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 benötigt eine leicht angepasste Version Ihres Smartsupp-Codes. Entfernen Sie die <script>-Wrapper-Tags aus dem Code — das Plugin fügt sie automatisch hinzu.

Hinweis: Achten Sie darauf, nur die öffnenden <script type="text/javascript">- und schließenden </script>-Tags zu entfernen. Der JavaScript-Code selbst muss unverändert bleiben.

Ihr angepasster Code sollte so aussehen (nur ein Beispiel — verwenden Sie Ihren eigenen Schlüssel):

Code auf bestimmten Seiten einfügen

Gehen Sie zu Seiten, bearbeiten Sie die Seite, auf der Smartsupp erscheinen soll, und fügen Sie den angepassten Code in den Bereich Scripts n Styles unterhalb des Inhalts ein. Klicken Sie dann auf Update Scripts und Aktualisieren.


Wichtige Hinweise

Smartsupp ist auf WordPress.com nicht verfügbar

Smartsupp kann nicht auf kostenlosen WordPress.com-Websites installiert werden. WordPress.com erlaubt weder eigene Plugins noch benutzerdefinierten JavaScript-Code. Um Smartsupp nutzen zu können, benötigen Sie eine selbst gehostete WordPress.org-Installation, bei der Sie die volle Kontrolle über Plugins und Theme-Dateien haben.

Hinweis: Wenn Sie sich mit einem Google-Konto bei Smartsupp anmelden, können Sie sich nicht direkt über das WordPress-Plugin einloggen. Sie können den Chat-Code entweder manuell einfügen oder in Smartsupp auf „Passwort vergessen" klicken, um eine E-Mail-basierte Anmeldung einzurichten.

Verwandte Ressourcen:


Was kommt als Nächstes?

💡 Brauchen Sie weitere Hilfe? Kontaktieren Sie unser Support-Team — wir helfen Ihnen gerne!

Hat dies deine Frage beantwortet?