Drupal ist ein leistungsstarkes Open-Source-Content-Management-System, das weltweit von Unternehmen, Regierungen und Bildungseinrichtungen genutzt wird. Diese Anleitung zeigt Ihnen, wie Sie das Smartsupp-Widget für Live-Chat und Flow (ehemals Chatbots) zu Ihrer Drupal-Website hinzufügen — mit aktuellen Anweisungen für Drupal 9, 10 und 11 sowie einem separaten Abschnitt für das ältere Drupal 7.

Wir haben die Anleitung in folgende Abschnitte unterteilt:

Loggen Sie sich in Ihr Smartsupp dashboard ein und gehen Sie zu Einstellungen > Chat-Box > Installation > Code einfügen. Kopieren Sie den gesamten Codeausschnitt.

In aktuellen Drupal-Versionen können Sie den Smartsupp-Code über einen benutzerdefinierten Block einfügen — zusätzliche Module sind nicht erforderlich. Loggen Sie sich in Ihren Drupal-Administrationsbereich ein und gehen Sie zu Struktur > Blocklayout > Bibliothek benutzerdefinierter Blöcke. Klicken Sie auf Benutzerdefinierten Block hinzufügen, geben Sie ihm einen Namen (zum Beispiel "Smartsupp") und fügen Sie den Smartsupp-Code in das Textkörperfeld ein. Stellen Sie das Textformat auf Vollständiges HTML um, damit das script-Tag erhalten bleibt, und klicken Sie dann auf speichern.

Legen Sie nun in Drupal fest, wo der Block erscheinen soll. Gehen Sie zurück zu Struktur > Blocklayout, suchen Sie eine Region (zum Beispiel Fußzeile oder Inhalt), klicken Sie auf Block platzieren, wählen Sie Ihren Smartsupp-Block aus und speichern Sie die Konfiguration. Das Widget wird auf jeder Seite geladen, auf der die Region angezeigt wird, und ist somit auf Ihrer gesamten Website verfügbar.

Wenn Sie noch Drupal 7 verwenden, sind die Schritte anders — Sie benötigen ein Drittanbietermodul, um benutzerdefinierten Code im Seitenkopf einzufügen.

1. Installieren Sie das Modul Add To Head. Laden Sie das Modul Add To Head als .ZIP-Datei herunter. Gehen Sie in Ihrem Drupal-Administrationsbereich zu Module > Liste, klicken Sie auf Neues Modul installieren, laden Sie die ZIP-Datei hoch und klicken Sie auf Installieren.

2. Aktivieren Sie das Modul. Nach der Installation funktioniert das Modul erst, wenn Sie es aktivieren. Suchen Sie Add To Head in Ihrer Modulliste, aktivieren Sie das Kontrollkästchen und speichern Sie die Konfiguration.

3. Erstellen Sie ein Profil und fügen Sie den Code ein. 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 Feld für den Codeausschnitt ein, legen Sie fest, 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. Loggen Sie sich in Ihr Smartsupp dashboard ein, um mit Besuchern zu chatten.