Hinweis: Webnode erlaubt das Einfügen von individuellem Code nur in kostenpflichtigen Paketen. Wenn Sie ein kostenloses Abonnement nutzen, müssen Sie den Code auf jeder Seite einzeln einfügen.
Betreiben Sie Ihre Website auf Webnode? Diese Anleitung führt Sie durch alle Schritte, um Smartsupp mit Ihrer Website zu verbinden — von der globalen Premium-Installation bis zur kostenlosen Variante pro Seite.
Wir haben die Anleitung in folgende Abschnitte unterteilt:
Option 1: Premium Services (globale Installation)
Wenn Sie eines der kostenpflichtigen Webnode-Abonnements (Mini, Standard, Profi oder Business) nutzen, können Sie den Smartsupp-Code global einfügen, sodass er auf allen Seiten Ihrer Website erscheint.
Video-Anleitung
Sehen Sie sich an, wie Sie den Smartsupp-Code in Webnode einfügen:
Chat Code kopieren
Finden Sie Ihren individuellen Smartsupp Chat-Code im dashboard unter Einstellungen > Channels > Live-Chat > Installation > Code einfügen.
Code in Webnode einfügen
Wechseln Sie im Webnode-Editor zu Einstellungen > Website-Einstellungen > Website-Header und Footer > HTML-Code im Website-Header. Fügen Sie den Smartsupp Chat-Code ein und klicken Sie auf speichern.
Hinweis: Wenn Sie aufgefordert werden, Ihr Abonnement zu upgraden, unterstützt Ihr aktuelles Webnode-Abonnement kein individuelles Code-Einfügen. Sie müssen entweder auf ein kostenpflichtiges Abonnement upgraden oder die kostenlose Methode pro Seite nutzen.
Tipp: Öffnen Sie nach dem Speichern Ihre Website und aktualisieren Sie die Seite — das Smartsupp Chat-Widget sollte nun auf allen Seiten sichtbar sein.
Option 2: Free Abonnement (Installation pro Seite)
Im kostenlosen Webnode-Abonnement ist das globale Einfügen von Codes nicht verfügbar. Stattdessen müssen Sie den Smartsupp-Code jeder Seite einzeln über die SEO-Einstellungen hinzufügen.
Chat Code kopieren
Finden Sie Ihren individuellen Smartsupp Chat-Code im dashboard unter Einstellungen > Channels > Live-Chat > Installation > Code einfügen.
Code auf jeder Seite einfügen
Gehen Sie im Webnode-Editor zu Seiten, wählen Sie eine Seite und öffnen Sie dann SEO-Seiteneinstellungen > Individueller HTML-Code im Header. Fügen Sie den Smartsupp-Code ein und schließen Sie den Dialog. Wiederholen Sie dies für jede Seite, auf der das Chat-Widget angezeigt werden soll.
Hinweis: Vergessen Sie nicht, Ihre Website nach dem Hinzufügen des Codes zu veröffentlichen, um die Änderungen anzuwenden.
Tipp: Nach dem Veröffentlichen öffnen Sie Ihre Website und aktualisieren Sie die Seite — das Smartsupp Chat-Widget sollte nun auf den Seiten, auf denen Sie den Code hinzugefügt haben, sichtbar sein.
Alte Webnode-Version
Wenn Sie eine ältere Version von Webnode nutzen, funktioniert das Einfügen des Codes über die integrierte Smartsupp-Integration.
Gehen Sie dazu im Webnode-Editor zu Inhalte > Mehr > Business-Tools > Live-Chat (Smartsupp). Fügen Sie den Smartsupp-Code ein und klicken Sie auf OK. Danach veröffentlichen Sie Ihre Website, um die Änderungen anzuwenden.
Tipp: Nach dem Veröffentlichen öffnen Sie Ihre Website und aktualisieren Sie die Seite — das Smartsupp Chat-Widget sollte nun sichtbar sein.
Verwandte Ressourcen:
Smartsupp-Installation — vollständige Übersicht über alle Installationsmethoden.
Google Tag Manager — alternative Installationsmethode via GTM.
Wie geht es weiter?
Grundlegende Chat-Box-Einstellungen — Farben, Position, Begrüßungsnachrichten und mehr anpassen.
Chat-Box-Status — Erfahren Sie, wie der Status des Chat-Widgets funktioniert und wie Sie ihn steuern können.
Warum ist der Chat nicht auf meiner Website sichtbar? — Die häufigsten Installationsprobleme beheben.
Plugins herunterladen — Alle verfügbaren Plattform-Integrationen entdecken.