Drupal ist ein leistungsstarkes Open-Source-Content-Management-System, das weltweit von Unternehmen, Behörden und Bildungseinrichtungen genutzt wird. Diese Anleitung zeigt Ihnen, wie Sie das Smartsupp Live-Chat- und Chatbot-Widget zu Ihrer Drupal-Website hinzufügen — moderne Anweisungen für Drupal 9, 10 und 11 plus ein separater Abschnitt für das ältere Drupal 7.

Die Anleitung ist in folgende Abschnitte unterteilt:

Melden Sie sich in Ihrem Smartsupp-Dashboard an und gehen Sie zu Einstellungen > Chatbox > Installation > Code einfügen. Kopieren Sie das gesamte Code-Snippet.

Mit modernem Drupal können Sie den Smartsupp-Code über einen benutzerdefinierten Block einfügen — ohne zusätzliche Module. Melden Sie sich in Ihrem Drupal-Adminbereich an und gehen Sie zu Structure > Block layout > Custom block library. Klicken Sie auf Add custom block, geben Sie ihm einen Namen (zum Beispiel "Smartsupp") und fügen Sie den Smartsupp-Code in das Body-Feld ein. Stellen Sie das Textformat auf Full HTML, damit das Script-Tag erhalten bleibt, und klicken Sie auf Save.

Sagen Sie Drupal jetzt, wo der Block erscheinen soll. Gehen Sie zurück zu Structure > Block layout, wählen Sie eine Region (zum Beispiel Footer oder Content), klicken Sie auf Place block, wählen Sie Ihren Smartsupp-Block aus und speichern Sie die Konfiguration. Das Widget wird auf jeder Seite geladen, auf der die Region gerendert wird, und ist daher auf Ihrer gesamten Website verfügbar.

Wenn Sie noch Drupal 7 verwenden, sind die Schritte anders — Sie benötigen ein Drittanbieter-Modul, um benutzerdefinierten Code in den Seiten-Header einzufügen.

1. Installieren Sie das Modul Add To Head. Laden Sie das Modul Add To Head als .ZIP-Datei herunter. Gehen Sie im Drupal-Adminbereich zu Modules > List, klicken Sie auf Install new module, laden Sie die ZIP-Datei hoch und klicken Sie auf Install.

2. Aktivieren Sie das Modul. Nach der Installation läuft das Modul erst, wenn Sie es aktivieren. Suchen Sie Add To Head in der Modulliste, setzen Sie ein Häkchen und speichern Sie die Konfiguration.

3. Profil erstellen und Code einfügen. Gehen Sie zu den Einstellungen von Add To Head, erstellen Sie ein neues Profil (zum Beispiel "Smartsupp"), fügen Sie den Smartsupp-Code in das Snippet-Feld ein, konfigurieren Sie, wo er erscheinen soll, und speichern Sie.

Öffnen Sie Ihre Drupal-Website in einem neuen Browser-Tab und aktualisieren Sie die Seite. Das Smartsupp-Chat-Widget sollte in der Ecke Ihrer Website erscheinen. Melden Sie sich im Smartsupp-Dashboard an, um mit Besuchern zu chatten.