Drupal est un puissant système de gestion de contenu open source utilisé par des entreprises, des gouvernements et des institutions éducatives dans le monde entier. Ce guide vous montre comment ajouter le chat en direct Smartsupp et le widget Flow (anciennement chatbots) à votre site Drupal — instructions modernes pour Drupal 9, 10 et 11, ainsi qu'une section séparée pour le Drupal 7 ancien.

Nous avons divisé ce guide en les sections suivantes :

Connectez-vous à votre tableau de bord Smartsupp et allez dans Paramètres → Canaux → Chat en direct → Installation. Copiez l'intégralité du code fourni.

La version moderne de Drupal vous permet d'insérer le code Smartsupp via un bloc personnalisé — aucun module supplémentaire requis. Connectez-vous à votre espace d’administration Drupal et allez dans Structure > Mise en page des blocs > Bibliothèque de blocs personnalisés. Cliquez sur Ajouter un bloc personnalisé, donnez-lui un nom (par exemple "Smartsupp"), puis collez le code Smartsupp dans le champ de contenu. Modifiez le format de texte en HTML complet pour préserver la balise <script>, puis cliquez sur Enregistrer.

Indiquez maintenant à Drupal où le bloc doit apparaître. Retournez dans Structure > Mise en page des blocs, trouvez une région (par exemple Pied de page ou Contenu), cliquez sur Placer un bloc, choisissez votre bloc Smartsupp, puis enregistrez la configuration. Le widget se charge sur chaque page où la région est affichée, il est donc disponible sur l’ensemble de votre site.

Si vous utilisez encore Drupal 7, les étapes sont différentes — un module tiers est nécessaire pour insérer du code personnalisé dans l’en-tête de la page.

1. Installez le module Add To Head. Téléchargez le module Add To Head sous forme d’archive .ZIP. Dans l’administration Drupal, allez dans Modules > Liste, cliquez sur Installer un nouveau module, importez le fichier ZIP, puis cliquez sur Installer.

2. Activez le module. Après installation, le module ne sera opérationnel qu’une fois activé. Trouvez Add To Head dans la liste des modules, cochez la case, puis enregistrez la configuration.

3. Créez un profil et insérez le code. Rendez-vous dans les paramètres du module Add To Head, créez un nouveau profil (par exemple "Smartsupp"), collez le code Smartsupp dans le champ du script, configurez où il doit apparaître puis sauvegardez.

Ouvrez votre site Drupal dans un nouvel onglet de navigateur et actualisez la page. Le widget de chat Smartsupp devrait apparaître dans un coin de votre site. Connectez-vous à votre tableau de bord Smartsupp pour commencer à discuter avec vos visiteurs.