Article sur le mode d'emploi

Ajouter Facebook Messenger à un site Web : Un guide des widgets de messagerie [mars 2023]

Gerardo Salandra
3 août 2022

Vous cherchez le meilleur plugin de chat ? Si vos visiteurs sont de fervents utilisateurs de Messenger, ajoutez un widget Facebook Messenger à votre site web. Dans cet article de blog, nous vous montrerons comment ajouter Facebook Messenger à un site web, ainsi que l'endroit où ajouter le plugin Facebook Chat sur les constructeurs de sites web tels que WordPress, Wix et Shopify.

Qu'est-ce qu'un widget Facebook Messenger ?

Le widget Facebook Messenger (ou Facebook Chat Plugin) est un plugin de site web qui permet aux visiteurs du site de discuter avec votre page Facebook via Messenger. Comme il s'agit de l'un desprincipaux canaux de messagerie au monde, les clients sont naturellement enclins à chatter sur Messenger.

Il s'agit d'une image du Widget Facebook Messenger . Facebook Messenger Widget (également connu sous le nom de Facebook Chat Plugin) est un plugin de site web qui permet aux visiteurs de votre site web de discuter avec votre page Facebook via Messenger. Si vous vous trouvez dans des pays comme le Royaume-Uni (UK), les États-Unis (US), l'Inde ou les Philippines, considérez Messenger comme le plugin de chat par excellence.
Pour le plugin de chat ultime, installez le widget Messenger sur votre site web.

Lorsque les visiteurs du site web envoient une demande via le widget, vous pouvez répondre via la boîte de réception deMeta Business Suite. Cette solution est suffisante pour les entreprises qui reçoivent des volumes de messages faibles à moyens et qui s'appuient sur Facebook Messenger pour la communication avec les clients.

Les entreprises qui traitent de gros volumes de conversations ou qui discutent avec des clients sur plusieurs canaux devraient utiliser une boîte de réception de messagerie omnicanale telle que respond.io. Outre la rationalisation de toutes les conversations dans une seule boîte de réception, elle offre des avantages supplémentaires tels que l'automatisation et l'analyse avancées.

Pourquoi utiliser Messenger Widget : Facebook Chat Plugin Avantages

Si vous utilisez Facebook Messenger pour fournir une assistance à la clientèle ou stimuler les ventes, vous connaissez l'efficacité de cette plateforme. L'une des principales raisons d'envisager l'utilisation du chat en ligne de Facebook est sa capacité à créer des conversations persistantes et à constituer une liste de contacts.

Facebook Le plugin de chat crée un engagement persistant et cohérent

Avec les chats traditionnels sur site web, vous perdez définitivement les utilisateurs dès qu'ils quittent votre site. Votre seul espoir de poursuivre la conversation est qu'ils reviennent sur votre site. Ce n'est plus le cas lorsque vous ajoutez Messenger à votre site web.

Tout d'abord, le widget Messenger est l'outil le plus rapide pour permettre à vos clients de vous contacter et d'obtenir une réponse à leurs questions. Il permet aux clients de s'adresser à vous instantanément et sans effort par le biais d'une messagerie familière et confortable.

Toutes les conversations de votre widget Messenger seront sauvegardées dans la boîte de réception de Facebook. C'est un avantage lorsque vous ajoutez Facebook Messenger à votre site web.
Sauvegarde des informations de contact et de l'historique des discussions lorsque vous ajoutez Messenger au site web

Il permet également une communication personnelle directement sur votre site web pour offrir une assistance technique, une consultation sur les produits, une aide à la commande ou à la réservation, etc. Les clients peuvent vous contacter lorsque l'intérêt est grand, ce qui favorise les ventes.

Lorsque vous ajoutez le chat Facebook à votre site web, l'historique du chat d'un contact est sauvegardé dans la boîte de réception de Meta Business Suite. Cela signifie que vous pouvez reprendre une conversation avec un utilisateur qui a discuté avec vous sur Messenger même s'il a quitté votre site web.

En plus de la conversation, vous pouvez également consulter des informations de base sur le profil du client, notamment son nom, sa photo de profil, sa date de naissance et son lieu de résidence. Cela vous aidera à servir le client mieux que n'importe quel chat en direct et à établir une relation avec lui au fil du temps.

Ajoutez Messenger à votre site Web pour créer une liste de contacts Facebook Messenger

Maintenant que les gens peuvent facilement vous envoyer un message via Facebook en utilisant Facebook Customer Chat, ils seront ajoutés à votre liste de contacts pour toujours.

Cette image montre que Facebook Messenger a des taux d'ouverture et de clics plus élevés que l'email. Maintenant que les gens peuvent facilement vous envoyer un message via Facebook en utilisant le Facebook Customer Chat, ils seront ajoutés à votre liste de contacts pour toujours. Vous pouvez considérer une liste d'abonnés à Facebook Messenger de la même manière qu'une liste d'abonnés à un courrier électronique. Utilisez-la comme un nouveau canal de communication avec votre public ou même pour diffuser des messages sur Messenger, dont le taux d'ouverture atteint 92 %.
Ajouter un plugin de chat Facebook : Facebook Messenger a un taux d'engagement plus élevé que l'email.

Vous pouvez considérer une liste d'abonnés Facebook Messenger de la même manière qu'une liste d'abonnés à un courrier électronique. Utilisez-la comme un nouveau canal de communication avec votre public ou même pour envoyer des diffusions Messenger, qui ont un taux d'ouverture stupéfiant de 92 %.

Le widget Messenger n'est qu'un moyen parmi d'autres de construire une liste d'abonnés à Facebook Messenger . Il existe plusieurs façons de développer vos contacts Messenger, y compris la réponse automatique aux commentaires Facebook ou les réponses privées, les annonces ou liens Click to Messenger et les codes QR Facebook.

Les clients doivent être connectés à leur compte Facebook pour être ajoutés à votre liste de contacts. Vous ne pouvez pas ajouter les clients qui vous envoient des messages en mode invité. Lisez la suite pour savoir si vous souhaitez activer ou désactiver le mode invité lorsque vous ajoutez le chat Facebook à un site web.

Facebook Chat Plugin : Mode invité

Facebook a introduit le mode invité en 2020 pour permettre aux clients de discuter avec les entreprises via le widget Messenger sans se connecter à leur compte Facebook . Pour passer en mode invité, il suffit d'appuyer sur Continuer en tant qu'invité avant d'entamer une conversation.

Le mode invité permet aux clients de discuter avec une entreprise de manière anonyme. Mais cette fonctionnalité présente quelques inconvénients pour les entreprises.

Voici une image d'un widget Facebook Messenger avec un bouton Guest Mode. Facebook a introduit le mode invité en 2020, permettant aux clients de discuter avec des entreprises via le widget Messenger sans se connecter à leur compte Facebook. Pour passer en mode invité, il suffit d'appuyer sur Continuer en tant qu'invité. C'est ce type de flexibilité qui fait de Facebook Messenger le plugin de chat par excellence dans des pays comme le Royaume-Uni, les États-Unis, l'Inde, les Philippines et bien d'autres encore.
Facebook Messenger Widget avec mode invité

Tout d'abord, le mode invité empêche les entreprises d'établir des liens durables avec leurs clients. Les entreprises ne peuvent pas rouvrir les conversations avec les invités une fois que ceux-ci y ont mis fin ou 24 heures après le début de la conversation, selon ce qui se produit en premier.

Il est également impossible d'offrir une expérience client personnalisée en mode invité, car vous n'avez accès à aucune information sur les clients. Les personnes qui discutent avec vous en mode invité verront leur nom s'afficher en tant qu'invité, suivi d'une courte chaîne numérique.

Heureusement, vous pouvez désactiver le mode invité pendant le processus de configuration du widget. Lisez la suite pour savoir comment procéder.

Comment configurer le widget Facebook Messenger : Création d'un code Widget

Tout d'abord, parlons du processus d'installation du widget Messenger. Pour ajouter Facebook Messenger à un site web, vous devez suivre ces deux étapes dans l'ordre :

  • Créer un code pour le widget Facebook Messenger
  • Ajoutez le code du widget Messenger à votre site web

Vous pouvez générer un code widget Messenger dans Meta Business Suite ou respond.io. Bien que ces deux plateformes aient le même objectif, elles offrent des fonctionnalités différentes.

Meta Business Suite vous donne la possibilité de désactiver le mode invité. Les entreprises B2C devraient opter pour cette option car la désactivation du mode invité leur permet de capturer des prospects, d'offrir une expérience client personnalisée et de réengager les clients après qu'ils ont quitté le site web.

Cela dit, la désactivation du mode invité peut rebuter les acheteurs B2B qui souhaitent rester anonymes. Si vous êtes une entreprise B2B qui a besoin d'activer le mode invité, nous vous recommandons de configurer votre plugin de chat Facebook via respond.io.

Vous pouvez non seulement automatiser les messages d'accueil ou d' absence et les processus tels que l' acheminement des chats ou l'affectation des contacts, mais respond.io vous permet également d'ajouter un code de référence à un widget Messenger afin d'identifier l'origine des contacts. Les grandes entreprises devraient envisager cette option.

Générer un code Widget Messenger dans Meta Business Suite

Voici comment ajouter Facebook Messenger à n'importe quel site web en utilisant Meta Business Suite. Depuis votre page Facebook :

  1. Naviguez vers votre Meta Business Suite et ouvrez votre boîte de réception.
  2. Cliquez sur l'icône Paramètres et sélectionnez Afficher tous les paramètres.
  3. Sélectionnez Chat Plugin
  4. Cliquez sur Configurer

Pour adapter la fonctionnalité de votre widget à vos besoins, sélectionnez l'automatisation et les personnalisations que vous souhaitez dans la liste avant de cliquer sur Configurer. Ensuite, sélectionnez la méthode de configuration que vous souhaitez utiliser pour générer le code du widget Messenger .

1. Cliquez sur le bouton bleu Set Up.

Cette image montre comment générer un code de widget Messenger sur la boîte de réception de Facebook Business Suite. Cliquez sur le bouton bleu Set Up pour commencer à installer votre plugin de chat Facebook .
Facebook Chat Plugin dans Meta Business Suite

2. Sélectionnez la méthode d'installation de Facebook Chat Plugin que vous souhaitez utiliser. Si votre constructeur de site figure dans la liste, sélectionnez-le. Sinon, sélectionnez Standard.

Voici une image montrant comment générer un code Widget Messenger sur Facebook Business Suite Inbox. Sélectionnez le constructeur de site sur lequel vous souhaitez installer le widget Messenger .
Sélectionnez votre constructeur de site web s'il figure dans la liste ou sélectionnez Standard

3. Sélectionnez votre langue préférée pour le plugin de chat. Cliquez ensuite sur Enregistrer et continuer.

Voici une image montrant comment générer un code de widget Messenger sur la boîte de réception de Facebook Business Suite. Sélectionnez la langue dans laquelle vous souhaitez que le widget Facebook Messenger apparaisse, comme l'anglais américain pour les États-Unis (US) ou l'anglais britannique.
Sélectionner la langue

4. Ajoutez le domaine de tous les sites web sur lesquels vous souhaitez que le plugin de chat apparaisse. Assurez-vous que le domaine collé dans le générateur de code n'inclut pas de page. Cliquez sur Enregistrer et continuer lorsque vous avez terminé.

Cette image montre comment générer un code de widget Messenger sur la boîte de réception de Facebook Business Suite. Après avoir ajouté votre langue, par exemple l'anglais américain (US), ajoutez le domaine du site web sur lequel vous souhaitez que le widget Facebook Messenger apparaisse.
Ajouter le domaine du site

5. Cliquez sur le bouton Copier le code pour copier le code. Cliquez ensuite sur Suivant.

Cette image montre comment ajouter Facebook Messenger au site Web. Cliquez sur Copier le code, puis sur Suivant.
Copier le code

6. Collez l'extrait de code sur votre site web. Plus loin, nous vous montrerons brièvement où ajouter ce code à WordPress, Wix, Shopify et Squarespace.

Cette image montre comment ajouter Messenger à un site web. Collez le code sur votre site web. Apprenez comment ajouter ce code à Wordpress, Wix, Shopify et Squarespace.
Collez l'extrait de code du plugin sur votre site web

Cliquez sur Terminer lorsque vous avez terminé. Votre widget Messenger est maintenant prêt à être utilisé. En option, vous pouvez désactiver le mode invité pour votre widget Messenger .

6. Désactivez le bouton de chat invité pour désactiver le mode invité. Vous trouverez ce bouton dans la rubrique Personnaliser votre plugin de chat.

Cette image montre comment désactiver le mode invité d'un widget Facebook Messenger . Désactivez la bascule du chat invité pour désactiver le mode invité. Vous trouverez ce bouton dans la rubrique Personnaliser votre plugin de chat.
Désactivation du mode invité

Cliquez ensuite sur Publier pour que les modifications soient prises en compte. Voilà comment installer Facebook Messenger sur le chat d'un site web ! Vous pouvez également créer un code de widget Messenger sur respond.io.

Génération d'un code de widget Messenger sur respond.io

La procédure de mise en place d'un widget Facebook Messenger est simple et peut être réalisée rapidement en suivant les étapes suivantes.

Cette image montre comment configurer le widget Messenger .
Respond.io Le widget pour site web omnichannel prend en charge un large éventail de canaux

Pour commencer, allez dans Paramètres > Widgets de croissance. Cliquez ensuite sur Ajouter un widget et choisissez Facebook Widget avant de cliquer sur Créer un widget.

Ensuite, entrez le(s) site(s) web où vous souhaitez ajouter le widget de chat et sélectionnez le compte pour lequel vous souhaitez créer un widget.

Cette image montre comment sélectionner un compte pour créer un widget.
Facebook widget de messagerie instantanée pour site web : Sélectionnez le compte Messenger pour lequel vous souhaitez créer un widget.

Vous pouvez ajouter un texte pré-rempli ou personnaliser l'apparence du widget en cliquant sur les boutons Paramètres avancés. Enfin, cliquez sur Générer le widget, copiez le script généré et installez-le sur votre site web.

Si vous souhaitez entrer en contact avec vos clients par le biais de plusieurs canaux, un widget omnichannel peut vous aider. Vous pouvez également choisir d'ajouter un widget de chat sur votre site web.

Maintenant que vous avez configuré avec succès votre widget Messenger , l'étape suivante consiste à installer le code généré sur votre site web. Nous allons vous guider tout au long du processus d'installation.

Comment ajouter Messenger à un site web en utilisant des codes de widgets

Naviguer dans votre CMS pour ajouter un plugin de chat peut être déroutant. Ci-dessous, vous trouverez les instructions pour installer le code du widget Messenger sur les constructeurs de sites populaires comme WordPress, Wix, Shopify et Squarespace.

Comment ajouter le code du widget Facebook Messenger à un site WordPress

Vous pouvez désormais installer un plugin Messenger par Meta directement à partir de l'onglet Plugins dans la barre latérale. Le plugin est gratuit, mais son installation n'est disponible que pour les abonnés du plan Business ou les utilisateurs du plan Pro, pour ceux qui bénéficient d'un ancien plan.

Voici une image montrant comment vous pouvez désormais installer un plugin Messenger par Meta directement à partir de l'onglet Plugins dans la barre latérale. Bien que le plugin lui-même soit gratuit, son installation n'est disponible que pour les abonnés du plan Business ou les utilisateurs du plan Pro, pour ceux qui disposent d'un ancien plan. Si vous vous trouvez dans un pays où Messenger est le plugin de chat par excellence, comme le Royaume-Uni, les États-Unis, l'Inde ou les Philippines, ajoutez ce plugin à votre site WordPress .
WordPress Les abonnés Pro ou Business peuvent installer directement le plugin Facebook Chat.

Pour installer le plugin Facebook Chat sur WordPress, suivez ces instructions :

  1. Recherchez Facebook Chat Plugin et sélectionnez-le.
  2. Cliquez sur Installer maintenant.
  3. Cliquez sur Activer.
  4. Recherchez l'onglet " Chat client". Naviguez jusqu'à la section " Getting started" et cliquez sur " Edit chat plugin".
  5. Personnalisez votre plugin de chat et terminez votre installation.

Vous pouvez également intégrer Messenger dans un site WordPress en utilisant le code du widget Messenger . Cela nécessite également de passer par le paywall. Il existe plusieurs façons d'ajouter un code de widget Messenger à WordPress, notamment en installant un plugin d'en-tête et de pied de page.

1. Ajoutez le plugin d'en-tête et de pied de page de votre choix à partir de la page Plugins.

Une fois que le code du plugin Facebook Chat est prêt, vous pouvez ajouter le plugin headers and footers à votre wordpress.
Ajouter un plugin d'en-tête et de pied de page

2. Naviguez jusqu'à En-têtes et pieds de page.

Une fois le plugin d'en-têtes et de pieds de page ajouté, naviguez jusqu'à lui.
Comment intégrer Facebook Messenger sur un site web : Ouvrir la console d'en-tête et de pied de page

3. Ajoutez le script du widget Facebook Messenger au pied de page.

Collez maintenant le code du plugin Facebook Customer Chat dans le pied de page de votre site wordpress.
Comment intégrer Facebook Messenger sur un site web : Ajouter le script à la console d'en-tête et de pied de page

Vous avez maintenant ajouté Facebook Messenger Live Chat à votre site web WordPress .

Comment ajouter le code du plugin Facebook Chat à un site web ? Wix Website

Que faire si vous souhaitez ajouter un chat en direct à un site Wix ? Une fois que vous avez généré un script de widget Facebook Messenger , suivez les étapes ci-dessous pour l'ajouter à votre site Wix. Notez que vous aurez besoin d'un abonnement payant pour accéder à cette fonctionnalité.

1. Naviguez vers Réglages > Réglages avancés > Code personnalisé.

Maintenant que le code de votre widget Facebook Messenger est prêt, accédez à Custom Code dans Wix.
Ajouter le code du widget Messenger à Wix

2. Collez le code du widget Facebook Messenger et sélectionnez les pages où vous voulez que le code s'applique. Veillez à placer le code dans Body - end.

Prenez le script de votre plugin Facebook Chat et collez-le dans la boîte de dialogue du code personnalisé.
Remplir le formulaire de code personnalisé

Vous avez maintenant ajouté Facebook Chat Plugin à votre site Wix.

Le widget Facebook Messenger s'affichera désormais sur votre site Wix Website.
Votre nouveau Facebook Chat Plugin est installé

Comment ajouter Facebook Chat Widget à votre site web ? Shopify

Une fois que vous avez le script du Facebook Chat Plugin, suivez les étapes suivantes pour intégrer Facebook Messenger dans un site web Shopify .

1. Naviguez vers le magasin en ligne et modifiez le code.

Une fois que le script du plugin de chat client Facebook est prêt, accédez à votre thème shopify et modifiez le code. Cela vaut la peine de le faire si vous utilisez Shopify dans un pays où Messenger est populaire, comme l'Inde, les Philippines, le Royaume-Uni (UK) ou les États-Unis (US).
Shopify Messenger chat : Modifiez le code de votre boutique en ligne

2. Ouvrez la section footer.liquid et collez le script Facebook Messenger Widget.

Prenez le code du Widget Facebook Messenger et ajoutez-le dans la section footer.liquid de votre site Web Spotify.
Shopify Messenger chat : Ajouter le script

Vous avez maintenant ajouté le plugin Facebook Chat sur votre site Shopify .

Comment ajouter le code du widget Facebook Messenger à l'adresse suivante Squarespace

Une fois que vous avez le script Facebook Chat Plugin, il est temps d'intégrer Messenger dans un site Squarespace .

1. Connectez-vous à Squarespace, sélectionnez votre site et ouvrez Paramètres.

Une fois que le code du widget Facebook Messenger est prêt, connectez-vous à squarespace pour commencer le processus d'installation.
Ouvrez les paramètres de votre site

2. Naviguer vers Paramètres avancés.

Il y a plusieurs façons d'ajouter Facebook Messenger à votre site Web. Pour intégrer Facebook Messenger à votre site Squarespace , ouvrez les paramètres avancés. Voici comment ajouter Facebook Messenger à votre site web.
Ouvrir les paramètres avancés

3. Naviguez jusqu'à Injection de code.

Il existe des moyens d'ajouter Facebook Messenger à votre site Web. Pour intégrer Facebook Messenger à votre site Web Squarespace , ouvrez l'injection de code. Voici comment ajouter Facebook Messenger à votre site Web.
Injection de code ouvert

4. Collez le script Facebook Messenger Widget.

Il existe des moyens d'ajouter Facebook Messenger à votre site Web. Pour intégrer Facebook Messenger à votre site Squarespace , ajoutez le script. Voici comment ajouter Facebook Messenger à votre site Web.
Ajouter le script

Vous avez maintenant ajouté Facebook Messenger live chat à votre site web.

Nous vous avons montré comment créer le code de votre widget de chat Facebook et installer le plugin de chat Facebook sur certains des constructeurs de sites les plus populaires. Vous souhaitez discuter avec vos clients sur le widget Messenger et sur d'autres canaux, et accéder à leurs coordonnées et à l'historique des discussions dans une boîte de réception centralisée ? Créez un compte respond.io dès maintenant.

Pour en savoir plus

Et voilà comment vous obtenez un widget Messenger pour ajouter Facebook Messenger à votre site web. Si vous avez aimé lire comment développer votre entreprise avec le plugin de chat ultime, apprenez-en plus sur la messagerie instantanée pour les entreprises avec ces articles de blog :

Gerardo Salandra
Directeur général
Gerardo Salandra CEO et cofondateur de . Fort de son expérience chez IBM, Google et Runtastic, il a accumulé une expertise en matière d'intelligence artificielle et de growth hacking. Il est titulaire d'un MBA de l'Université chinoise de Hong Kong. respond.io
Tags
Copié dans le presse-papiers !

Prêt à commencer ? ✨

  • Exploitez la puissance de respond.io pour augmenter vos ventes et satisfaire vos clients.
  • Essai gratuit de 7 jours
  • Aucune carte de crédit n'est requise
  • Annuler à tout moment
S'inscrire gratuitement
  • Faites l'expérience d'une démonstration personnalisée avec nous
  • Découvrez pourquoi plus de 10 000 entreprises nous choisissent
Réserver une démonstration