Drupal is een krachtig open-source contentmanagementsysteem dat wereldwijd wordt gebruikt door bedrijven, overheden en onderwijsinstellingen. Deze handleiding laat zien hoe je de Smartsupp-widget voor livechat en Flows (voorheen chatbots) aan je Drupal-site toevoegt – met moderne instructies voor Drupal 9, 10 en 11, plus een apart onderdeel voor het oudere Drupal 7.
We hebben de handleiding opgedeeld in de volgende onderdelen:
De Smartsupp-code kopiëren
Log in op je Smartsupp-dashboard en ga naar Instellingen > Chatbox > Installatie > Code invoegen. Kopieer het volledige codefragment.
Een aangepast blok toevoegen (Drupal 9, 10, 11)
In moderne Drupal-versies voeg je de Smartsupp-code in via een aangepast blok – daar zijn geen extra modules voor nodig. Log in op je Drupal-beheerpaneel en ga naar Structuur > Blokindeling > Bibliotheek met aangepaste blokken. Klik op Aangepast blok toevoegen, geef het een naam (bijvoorbeeld "Smartsupp") en plak de Smartsupp-code in het body-veld. Zet de tekstopmaak op Full HTML, zodat de script-tag behouden blijft, en klik op Opslaan.
Het blok op je site plaatsen
Vertel Drupal nu waar het blok moet verschijnen. Ga terug naar Structuur > Blokindeling, kies een regio (bijvoorbeeld Footer of Content), klik op Blok plaatsen, selecteer je Smartsupp-blok en sla de configuratie op. De widget laadt op elke pagina waar die regio wordt weergegeven, dus hij is op je hele site beschikbaar.
Installeren op Drupal 7 (legacy)
Draai je nog Drupal 7, dan werken de stappen anders – je hebt een module van derden nodig om eigen code in de paginaheader in te voegen.
Let op: Drupal 7 heeft in januari 2025 het einde van zijn levensduur bereikt en krijgt geen beveiligingsupdates meer. We raden aan te upgraden naar Drupal 10 of 11. De onderstaande stappen gebruiken de module Add To Head van een derde partij – Smartsupp is niet verantwoordelijk voor de werking daarvan en biedt er geen ondersteuning voor.
1. Installeer de module Add To Head. Download de module Add To Head als .ZIP-bestand. Ga in je Drupal-beheer naar Modules > Lijst, klik op Nieuwe module installeren, upload de ZIP en klik op Installeren.
2. Schakel de module in. Na installatie draait de module pas als je hem activeert. Zoek Add To Head in je modulelijst, vink het selectievakje aan en sla de configuratie op.
3. Maak een profiel en voeg de code in. Ga naar de instellingen van Add To Head, maak een nieuw profiel (bijvoorbeeld "Smartsupp"), plak de Smartsupp-code in het snippet-veld, stel in waar hij moet verschijnen en sla op.
De installatie controleren
Open je Drupal-site in een nieuw browsertabblad en vernieuw de pagina. De Smartsupp-chatwidget zou in de hoek van je site moeten verschijnen. Log in op je Smartsupp-dashboard om met bezoekers te gaan chatten.
Tip: Verschijnt de chatwidget niet, wis dan de cache van Drupal (Configuratie > Prestaties > Alle caches wissen) of open je site in een incognitovenster. Controleer bij Drupal 9/10/11 ook of de tekstopmaak Full HTML op de body van het blok staat en of het blok in een zichtbare regio is geplaatst.
Gerelateerde bronnen:
Smartsupp installeren – volledig overzicht van alle installatiemethoden.
Waarom zie ik de chat niet op mijn website? – los de meest voorkomende installatieproblemen op.
Wat is de volgende stap?
Basisinstellingen van de chatbox – pas kleuren, positie, welkomstberichten en meer aan.
Chatboxstatus – leer hoe de status van de chatwidget werkt en hoe je die beheert.
Waarom zie ik de chat niet op mijn website? – los de meest voorkomende installatieproblemen op.
Plugins downloaden – ontdek alle beschikbare platformintegraties.