Drupal ist ein vielseitiges Open-Source-Content-Management-System, das weltweit von Unternehmen, Behörden und Bildungseinrichtungen eingesetzt wird. In dieser Anleitung zeigen wir Ihnen, wie Sie das Smartsupp Live-Chat- und Flow (vormals Chatbots) Widget zu Ihrer Drupal-Seite hinzufügen – mit praxiserprobten Anweisungen für Drupal 9, 10 und 11 und einem separaten Abschnitt für das veraltete Drupal 7.

Die Anleitung ist in folgende Abschnitte gegliedert:

Melden Sie sich in Ihrem Smartsupp-Dashboard an und navigieren Sie zu Einstellungen → Channels → Live-Chat → Installation. Kopieren Sie das vollständige Code-Snippet.

Mit den aktuellen Drupal-Versionen können Sie den Smartsupp-Code ganz einfach über einen benutzerdefinierten Block einbinden – zusätzliche Module sind nicht erforderlich. Melden Sie sich im Drupal-Admin an und wechseln Sie zu Struktur > Blocklayout > Bibliothek für benutzerdefinierte Blöcke. Klicken Sie auf Benutzerdefinierten Block hinzufügen, geben Sie einen Namen (z. B. „Smartsupp“) ein und fügen Sie den Smartsupp-Code in das Body-Feld ein. Wählen Sie als Textformat Vollständiges HTML aus, damit das Skript-Tag übernommen wird, und klicken Sie auf Speichern.

Bestimmen Sie nun, an welcher Stelle der Block auf Ihrer Seite erscheinen soll. Gehen Sie zurück zu Struktur > Blocklayout, wählen Sie einen Bereich (z. B. Footer oder Inhalt), klicken Sie auf Block platzieren, wählen Sie Ihren Smartsupp-Block aus und speichern Sie die Konfiguration. Das Widget wird auf allen Seiten angezeigt, auf denen dieser Bereich eingebunden ist – und ist somit auf Ihrer gesamten Seite präsent.

Wenn Sie noch Drupal 7 nutzen, gehen Sie bitte wie folgt vor – Sie benötigen ein Drittanbieter-Modul, um eigenen Code im Header einzufügen.

1. Add To Head-Modul installieren. Laden Sie das Add To Head-Modul als .ZIP-Datei herunter. Wechseln Sie im Drupal-Admin zu Module > Liste, klicken Sie auf Neues Modul installieren, laden Sie die ZIP-Datei hoch und wählen Sie Installieren.

2. Modul aktivieren. Nach der Installation müssen Sie das Modul noch aktivieren. Suchen Sie Add To Head in Ihrer Modulliste, setzen Sie das Häkchen und speichern Sie die Änderung.

3. Profil erstellen und Code einfügen. Öffnen Sie die Add To Head-Einstellungen, erstellen Sie ein neues Profil (z. B. „Smartsupp“), fügen Sie den Smartsupp-Code in das Snippet-Feld ein, legen Sie die gewünschte Position fest und speichern Sie.

Öffnen Sie Ihre Drupal-Seite in einem neuen Browser-Tab und aktualisieren Sie die Seite. Das Smartsupp-Chat-Widget sollte nun am Bildschirmrand Ihrer Seite sichtbar sein. Melden Sie sich in Ihrem Smartsupp-Dashboard an, um mit Ihren Besuchern zu chatten.