Ajouter Chat Messenger de Facebook sur son site

Installer le Plugin Customer Chat de Facebook Messenger facilement sur son site

Le Plugin Customer Chat de Facebook Messenger permet d'ajouter facilement sur une ou toutes les pages de votre site une messagerie instantanée de Messenger pour dialoguer facilement avec vos clients. 

 

Les manipulations à effectuer sur votre Page Facebook

 
 

 Dans les URL d'exemples fournies, modifiez la partie NomdevotrePage par le nom de votre page Facebook. 

  • Dans un premier temps, connectez-vous à votre page Facebook puis rendez-vous sur l'onglet Paramètres : 
    https://www.facebook.com/NomdevotrePage/settings/?tab=settings
  • Dans la partie Domaines en liste blanche, vous pouvez ajouter l'URL de votre site.
  • Sur la partie Messagerie dans les paramètres de votre page Facebook, accédez à la section Ajoutez Messenger à votre site web puis cliquez sur le bouton Démarrer.
    https://www.facebook.com/lenomdelapage/settings/?tab=messaging

Suivez les instructions pour paramétrer la fenêtre de Chat qui sera affichée sur votre site, notamment pour la langue à utiliser et le message d'accueil personnalisable. Vous pouvez également choisir de laisser les personnes discuter en tant qu'invité ou non. 

Enfin copiez le code HTML fourni sur la dernière page de configuration du Chat Messenger à intégrer sur votre site. 

 

Paramétrer la fenêtre Messenger

Personnaliser les couleurs de la fenêtre Messenger

Récupérer le code html pour intégrer le chat Messenger sur votre site

Intégrer le Chat Messenger sur votre site

Une fois le code HTML copié, vous pourrez le coller dans le manager : 

  • Dans Configuration > Réglages > Zones éditables et dans le formulaire Zone en haut de votre site. Basculez l'éditeur visuel en éditeur HTML pour coller le code HTML.
    Cela permettra l'affichage du Chat Messenger de Facebook sur toutes les pages de votre site. Cette solution nécessite une Version PRO, Business ou E-commerce.
  • Sur une page, en ajoutant une ligne et en choisissant le widget Editeur HTML et en collant le code HTML dedans. 

Vous pourrez gérer les messages reçus sur cette page depuis l'interface de Messenger sur Facebook ou sur l'application Messenger sur votre tablette ou smartphone.  

Masquer la boîte de dialogue à l'ouverture de la page

Avec la configuration par défaut, la boîte de dialogue est affichée automatiquement à l'ouverture de la page. Pour la masquer une petite modification dans le code est possible. 

Ajoutez ceci dans le code HTML : greeting_dialog_display="hide" après le code couleur et avant la fermeture de la balise comme illustré ci-dessous : 

Cacher la boite de dialogue messenger

Vous aurez alors en bas de page uniquement ce bouton pour l'ouverture de la boite de dialogue : 

Bouton d ouverture de la boite de dialogue messenger

Exemple de chat messenger sur une page boutique