NEWS #Digitale : envie de recevoir nos meilleurs articles ?  Inscription → 

Comment installer le plugin Customer Chat de Facebook Messenger sur son site internet ?

Vous souhaitez installer un module de chat en ligne gratuit sur votre site internet pour que les internautes puissent vous contacter et vous poser toutes leurs questions pr l’intermédiaire de Facebook Messenger ? Les modules de chat en ligne payants ne vous conviennent pas et vous souhaitez installer une alternative simple et efficace ? La bonne nouvelle, si vous disposez d’une page Facebook, c’est que Facebook a développé son propre module de chat gratuit que n’importe quel site peut installer pour permettre aux internautes de les contacter. Voici comment ça marche.

Depuis plusieurs années maintenant, Facebook testé et lancé en version beta un module de chat gratuit à installer sur les sites web qui permet à n’importe quel internaute de prendre contact avec une marque via Facebook Messenger.

Parfaitement fonctionnel et compatible avec tous les navigateurs, le plugin multidevice Customer Chat de Messenger offre une très bonne alternative 100% gratuite aux services de chat en ligne payants disponibles sur le marché.

On vous propose donc un récapitulatif des principales fonctionnalités offertes par Messenger Customer Chat et surtout comment l’installer en quelques minutes sur n’importe quel site web.

Plugin de chat en ligne Facebook Messenger : quelles fonctionnalités et possibilités concrètes pour les internautes et webmasters ?

plugin Chat Facebook Messenger
Voici un aperçu du plugin Customer Chat de Messenger lorsque l’internaute n’a encore effectué aucune action

Pour les internautes :

  • Utilisation multidevice. Peu importe le device (smartphone, tablette ou ordinateur), les internautes peuvent intéragir avec un site internet via ce nouveau plugin de Chat gratuit.
  • Historique de conversation multidevice. L’historique des conversations sera gardé et accessible depuis tous les devices : si une conversation est débutée en mobilité depuis un smartphone puis qu’elle se poursuit depuis un ordinateur, l’utilisateur conservera tout son historique de conversation avec la marque.
  • Détection automatique de la langue. Le plugin de chat détecte automatiquement la langue de l’internaute et s’adapte en fonction.
  • Une porte d’entrée vers la page Facebook. Au clic sur le « (i) » situé en haut à droite de la conversation, les internautes pourront décider de :
    • désactiver les messages : la marque ne pourra plus communiquer avec l’internaute)
    • mettre la conversation en sourdine : les messages de la marque ne déclencheront plus l’envoi de notifications
    • visiter directement la page Facebook de l’entreprise.
    • afficher la conversation dans l’interface Messenger classique.

Pour les marques / webmaster :

  • Message d’accueil automatique. Au clic de l’internaute sur le CTA « Discuter Maintenant », il est possible de configurer un message d’accueil automatique qui peut contenir un lien, des éléments de personnalisation, un coupon promo, des coordonnées téléphoniques… (il ne peut en revanche être différent de celui configuré sur la page Facebook)
  • Intégration de liens ou coupons promos dans le message d’accueil. Via le message de bienvenue automatique, il est possible d’intégrer un (ou plusieurs) lien pour rediriger les internautes vers les meilleures ventes du moment, le dernier article de blog ou une offre limitée à ne pas manquer par exemple.
  • Personnalisation du titre du plugin Customer Chat. Il est possible de modifier le titre du plugin de chat.
  • Personnalisation des couleurs. Le webmaster peut choisir le code couleur (hexadecimal) du plugin s’il ne souhaite pas garder le bleu de Facebook Messenger.

plugin chat Facebook Messenger

Voici un aperçu du fonctionnement du plugin de Chat une fois la première action de l’internaute effectuée : le clic sur le CTA « Discuter Maintenant ».

Comment installer le module Customer Chat gratuit de Facebook Messenger ?

Le processus de configuration et d’installation du module de chat de Facebook est très simple et rapide, cela ne devrait pas vous prendre plus de 30 minutes (sauf si vos développeurs ne sont pas très réactifs…).

  • 1- Connectez-vous en tant qu’administrateur à votre page Facebook
  • 2- Rendez-vous dans les paramètres de votre page « Pramètres » -> « Messenger Platform » : https://business.facebook.com/votrenomdepage/settings/?tab=messaging&show_cc_dialog=1 (remplacez « votrenomdepage » par votre nom de page sinon vous aurez une page d’erreur.
  • 3- Si ce n’est pas déjà fait, whitelistez votre nom de domaine :
    whitelist domaine customer chat messenger

    Pour whitelister un domaine, il vous suffit d’ajouter l’URL HTTPS de votre site puis de cliquer sur « Enregistrer ».

  • 4- Scroller jusqu’à la section « Customer Chat Plugin » puis cliquez sur « Set Up » / « Configuration »

configuration customer chat messenger

  • 5- Commencez par sélectionner la langue par défaut du module de chat Messenger (si Messenger détecte que l’internaute parle une autre langue, il s’adaptera automatiquement)
  • 6- Personnalisez le titre d’accueil du système de chat puis cliquez sur « Suivant ».

configuration customer chat messenger

  • 7- Définissez ensuite le temps de réponse moyen que vous souhaitez afficher sur votre site (peut être géré automatiquement par Messenger ou défini par vous)
  • 8- Si vous souhaitez personnaliser la couleur du plugin de chat et ne pas avoir le bleu Messenger, récupérer le code hexadecimal de la couleur souhaitée puis modifiez là à cette étape avant de cliquer sur « Suivant ».

code customer chat messenger

  • 9- Si vous souhaitez afficher le même plugin de chat sur différents domaines (ou sous-domaines), whitelistez les autres domaines dans l’étape avec le code à insérer sur votre site.
  • 10- Intégrez le code fourni par Facebook juste en dessous de la balise ouvrante <body> de toutes les pages de votre site sur lesquels vous souhaitez voir s’afficher le module de chat Messenger (si vous êtes sur WordPress, il vous suffit d’éditer le fichier header.php pour l’ajouter sur toutes les pages de votre site)
  • 11- Le Customer Chat s’affichera ensuite automatiquement en bas à droite de votre site web et sera prêt à recevoir les premiers messages d’internautes. Attention toutefois à ce que de dernier ne masque pas des éléments importants de votre site web.

Si vous souhaitez configurer une réponse automatique ou un message d’accueil automatique, la configuration s’effectue depuis les paramètres de votre page Facebook et non depuis l’interface de configuration du système de chat Messenger. Ca se passe ici : https://business.facebook.com/votrenomdepage/settings/?tab=messaging&show_cc_dialog=1

Pour les utilisateurs moins avertis qui souhaitent passer par un plugin (si vous êtes sur WordPress), Facebook a développé un plugin dédié à Customer Chat que vous pouvez installer en quelques clics sur n’importe quel site.

Besoin d’informations plus détaillées sur les options de customisation du Customer Chat pour les développeurs ?

Pour aller plus loin, vous pouvez consulter ces deux articles de Facebook Developers au sujet du plugin Customer Chat :

PS : si vous utilisez Google Tag Manager pour l’intégration de vos scripts de tracking, l’intégration du plugin de chat Messenger peut également se faire via cette méthode qui est d’ailleurs plus recommandée.

C’est tout pour nous, à vous de jouer maintenant.

3.3/5 - (42 votes)

2 Replies to “Comment installer le plugin Customer Chat de Facebook Messenger sur son site internet ?”

  • Patrick Payet a dit :

    Bonjour je souhaite enlever messenger de mon site car je voulais teste rmais je n’arrive plus a le suppprimer pourtant j’ai désinstaller le plugin alors je ne comprend pas est-ce possible de m’aider s’il vous plait merci.

    • Bonjour, avez-vous bien supprimé le script du Customer Chat de votre site ? S’il s’agissait d’un plugin, si vous venez de le supprimer, il faut supprimer le cache également si vous utilisez un plugin de cache (peut importe lequel). Bonne journée

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *