So installierst du den Smartsupp Live-Chat auf deiner Webnode-Website — mit der integrierten Integration oder manueller Code-Einfügung.
Hinweis: Webnode erlaubt das Einfügen von eigenem Code nur bei kostenpflichtigen Plänen. Wenn du einen kostenlosen Plan nutzt, musst du den Code auf jeder Seite einzeln einfügen.
Betreibst du deine Website auf Webnode? Diese Anleitung führt dich durch alles, was du brauchst, um Smartsupp mit deiner Website zu verbinden — von der globalen Premium-Installation bis zur kostenlosen Methode pro Seite.
Wir haben die Anleitung in folgende Abschnitte unterteilt:
Option 1: Premium Services (globale Installation)
Wenn du einen kostenpflichtigen Webnode-Plan hast (Mini, Standard, Profi oder Business), kannst du den Smartsupp-Code global einfügen, damit er auf allen Seiten deiner Website erscheint.
Video-Anleitung
Sieh dir an, wie du den Smartsupp-Code in Webnode einfügst:
Chat-Code kopieren
Finde deinen einzigartigen Smartsupp-Chat-Code im Dashboard unter Einstellungen > Chatbox > Installation > Code einfügen.
Code in Webnode einfügen
Gehe in deinem Webnode-Editor zu Settings > Website Settings > Website header and footer > Website header HTML code. Füge den Smartsupp-Chat-Code ein und klicke auf Save.
Hinweis: Wenn du eine Aufforderung zum Upgrade siehst, bedeutet das, dass dein aktueller Webnode-Plan das Einfügen von eigenem Code nicht unterstützt. Du musst auf einen kostenpflichtigen Plan upgraden oder die kostenlose Methode pro Seite verwenden.
Tipp: Öffne nach dem Speichern deine Website und aktualisiere die Seite — das Smartsupp-Chat-Widget sollte jetzt auf allen Seiten sichtbar sein.
Option 2: Kostenloser Plan (Installation pro Seite)
Beim kostenlosen Webnode-Plan ist das globale Einfügen von Code nicht verfügbar. Stattdessen musst du den Smartsupp-Code über die SEO-Einstellungen auf jeder Seite einzeln hinzufügen.
Chat-Code kopieren
Finde deinen einzigartigen Smartsupp-Chat-Code im Dashboard unter Einstellungen > Chatbox > Installation > Code einfügen.
Code auf jeder Seite einfügen
Gehe in deinem Webnode-Editor zu Pages, wähle eine Seite aus und öffne dann SEO page settings > Custom HTML header code. Füge den Smartsupp-Code ein und schließe den Dialog. Wiederhole dies für jede Seite, auf der der Chat erscheinen soll.
Hinweis: Vergiss nicht, deine Website nach dem Hinzufügen des Codes zu veröffentlichen, damit die Änderungen wirksam werden.
Tipp: Öffne nach der Veröffentlichung deine Website und aktualisiere die Seite — das Smartsupp-Chat-Widget sollte jetzt auf den Seiten sichtbar sein, auf denen du den Code hinzugefügt hast.
Alte Webnode-Version
Wenn du eine ältere Version von Webnode verwendest, funktioniert das Einfügen des Codes über die integrierte Smartsupp-Integration.
Gehe in deinem Webnode-Editor zu Contents > More > Business tools > Live chat (Smartsupp). Füge den Smartsupp-Code ein und klicke auf OK. Veröffentliche dann deine Website, damit die Änderungen wirksam werden.
Tipp: Öffne nach der Veröffentlichung deine Website und aktualisiere die Seite — das Smartsupp-Chat-Widget sollte jetzt sichtbar sein.
Verwandte Ressourcen:
Smartsupp-Installation — vollständige Übersicht aller Installationsmethoden.
Google Tag Manager — alternative Installationsmethode mit GTM.
Wie geht es weiter?
Grundeinstellungen der Chatbox — Passe Farben, Position, Willkommensnachrichten und mehr an.
Chatbox-Status — Erfahre, wie der Chat-Widget-Status funktioniert und wie du ihn steuerst.
Warum sehe ich den Chat nicht auf meiner Website? — Behebe die häufigsten Installationsprobleme.
Plugins herunterladen — Entdecke alle verfügbaren Plattform-Integrationen.
💡 Brauchst du weitere Hilfe? Kontaktiere unser Support-Team — wir helfen dir gerne!