Comment Ajouter le Widget de Chat WhatChimp à WordPress

Guide étape par étape pour intégrer le widget webchat de WhatChimp sur votre site WordPress

Updated 18 September 2026

Les chatbots natifs de sites web sont des agents conversationnels automatisés intégrés dans un site web, permettant aux utilisateurs d'interagir sans quitter le site. Ces bots assistent en temps réel, répondent aux questions, guident les utilisateurs à travers les processus et améliorent l'expérience utilisateur.

WhatChimp a introduit sa fonctionnalité de Chatbot Natif de Site Web, permettant aux utilisateurs d'ajouter un widget de chat aux pages de destination de leur site web et de gérer les interactions via l'Option de Live Chat WebChat.

Prérequis

Avant de commencer, assurez-vous d'avoir les éléments suivants :

  • Un compte WhatChimp
  • Accès administrateur à votre site web WordPress
  • Le plugin Elementor installé (si vous utilisez Elementor comme constructeur de pages)

Connectez Votre Site Web

  • Accédez à l'option "Connect Website" de WebChat depuis le Dashboard WhatChimp.
  • Cliquez sur Connect Website pour accéder au menu de configuration.

  • Fournissez un titre approprié pour votre chatbox.
  • Entrez votre Website URL.
  • Configurez le Theme Background et le Theme Color.
  • Sélectionnez les couleurs pour Chat Bubble Background et Chat Bubble Color.
  • Téléchargez un Brand Logo et configurez le Chatbox Wallpaper.
  • Choisissez la position du chatbox et s'il reste ouvert ou fermé au démarrage.
  • Définissez les positions de l'Axe X et de l'Axe Y pour un placement précis.
  • Configurez le Loading Chatbox After delay (par défaut 0 secondes).
  • Choisissez si vous souhaitez supprimer automatiquement les enregistrements d'abonnés (par défaut Never).
  • Cliquez sur Connect pour finaliser la configuration.

Copiez le Code d'Intégration JS

  • Cliquez sur Embed Code pour ouvrir une boîte de dialogue.
  • Copiez le code d'intégration JavaScript dans le coin supérieur droit.
  • Ce code peut être utilisé pour WordPress, des sites personnalisés et d'autres plateformes.

Collez le Code d'Intégration JS sur Votre Site Web

  • Connectez-vous à votre site web WordPress et accédez au Dashboard.
  • Accédez à la Page d'Accueil et sélectionnez Visit Site.
  • Cliquez sur l'icône Home, puis choisissez Edit with Elementor.

  • Recherchez le widget Code dans la section Widgets.
  • Sélectionnez le widget Shortcode, puis faites-le glisser et déposez-le dans un conteneur sur la page.

  • Collez le code d'intégration copié dans la section shortcode.

  • Publiez la page pour rendre le chatbot actif.

Veuillez noter que nous avons sélectionné la Page d'Accueil uniquement et notre widget de chat ne sera visible que pour cette page. Si vous souhaitez qu'il apparaisse sur d'autres pages, suivez la même procédure.

N.B : Comme la plupart des sites web WordPress utilisent le plugin Elementor comme constructeur de pages, nous l'avons utilisé. Pour d'autres constructeurs de pages, le processus sera presque similaire.

Testez Votre Chatbot

  • Visitez votre site web et ouvrez le chatbot.

  • Testez les déclencheurs de mots-clés pour les réponses du bot.
  • Retournez à l'Option de Live Chat BotSailor Web Chat pour gérer les conversations.

En suivant ces étapes, vous pouvez intégrer avec succès le WebChat de WhatChimp dans votre site WordPress pour un engagement client fluide.

FAQ

1. Puis-je utiliser ce chatbot sur des sites web non-WordPress ?

Oui, vous pouvez intégrer le chatbot avec des sites web personnalisés et d'autres plateformes en utilisant le code d'intégration JavaScript fourni.

2. Ai-je besoin d'Elementor pour ajouter le chatbot à mon site ?

Non, Elementor est juste une façon d'ajouter le chatbot. Vous pouvez coller le code d'intégration JS dans n'importe quel constructeur de pages ou directement dans le HTML de votre site.

3. Puis-je personnaliser l'apparence du chatbot ?

Oui, vous pouvez modifier la couleur du thème, l'arrière-plan de la bulle de chat, le papier peint du chatbox et le logo de marque dans le menu de configuration Webchat.

5. Que faire si le chatbot n'apparaît pas sur mon site web ?

Vérifiez les points suivants :

  • Assurez-vous que le code d'intégration est correctement collé.
  • Confirmez que JavaScript est activé sur votre site.
  • Vérifiez que le chatbot est activé dans vos paramètres BotSailor.
  • Videz le cache de votre site web et réessayez.

More in Bot Manager