Article sur le mode d'emploi

Ajouter Facebook Messenger à un site web : Un guide des widgets pour Messenger [22 octobre]

Gerardo Salandra
Directeur général, Respond.io
3 août 2022

Vous recherchez 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 de chat Facebook sur des 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 à discuter sur Messenger.

Ceci est une image de Facebook Messenger  Widget. 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 êtes dans des endroits comme le Royaume-Uni (UK), les États-Unis (US), l'Inde ou les Philippines, considérez Messenger comme l'ultime plugin de chat.
Pour l'ultime plugin de chat, installez le widget Messenger sur votre site web.

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

Les entreprises qui traitent de gros volumes de conversations ou qui discutent avec leurs clients sur plusieurs canaux devraient utiliser une boîte de réception de messagerie omnicanale comme respond.io. En plus de rationaliser 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 un support client ou stimuler les ventes, vous connaissez l'efficacité de cette plateforme. L'une des principales raisons d'envisager l'utilisation du chat Web 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, vous perdez définitivement vos 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 que vos clients puissent vous joindre et obtenir une réponse à leurs questions. Il permet aux clients de s'adresser à vous instantanément et sans effort sur une messagerie familière et confortable.

Toutes les conversations de votre widget messenger seront enregistrées dans la boîte de réception Facebook . C'est un avantage lorsque vous ajoutez Facebook Messenger  à votre site Web.
Sauvegarde des informations de contact et de l'historique du chat 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 des produits, une aide à la commande ou à la réservation, etc. Les clients peuvent vous joindre pendant que l'intérêt est élevé afin de stimuler les conversions de ventes.

Lorsque vous ajoutez le chat Facebook à votre site Web, l'historique des chats d'un contact est enregistré dans la boîte de réception de Meta Business Suite. Cela signifie que vous pouvez reprendre une conversation avec un utilisateur qui a chatté avec vous sur Messenger même après qu'il ait quitté votre site Web.

Parallèlement à la conversation, vous pouvez également consulter certaines informations de base sur le profil du client, notamment son nom, sa photo, sa date de naissance et sa localisation. 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 au site web pour créer une liste de contacts Facebook Messenger

Maintenant que les gens peuvent vous envoyer des messages facilement via Facebook en utilisant le chat client Facebook , ils seront ajoutés à votre liste de contacts pour toujours.

Cette image montre que Facebook Messenger  a des taux d'ouverture et de clic plus élevés que l'email. Maintenant que les gens peuvent facilement vous envoyer des messages par le biais de Facebook en utilisant 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 courriel. Utilisez-la comme un nouveau canal de communication avec votre public ou même pour diffuser des messages à Messenger , dont le taux d'ouverture est de 92 %.
Ajouter le plugin de chat Facebook : Facebook Messenger a des taux d'engagement plus élevés 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 par courrier électronique. Utilisez-la comme un nouveau canal de communication avec votre public ou même pour envoyer des diffusions deMessenger , qui ont un taux d'ouverture stupéfiant de 92 %.

Le widget Messenger n'est qu'un moyen parmi d'autres de créer une liste d'abonnés Facebook Messenger . Il existe plusieurs moyens d'accroître le nombre de vos contacts Messenger , notamment la réponse automatique aux commentairesFacebook ou les réponses privées, le clic sur Messenger annonces ou liens et Facebook codes QR.

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 Plugin de chat : 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 accéder au mode invité, il suffit de toucher Continuer en tant qu'invité avant de commencer une conversation.

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

Ceci est une image avec un Facebook Messenger  Widget avec un bouton Mode invité. Facebook a introduit le Mode invité en 2020, permettant aux clients de chatter avec les entreprises par le biais du widget Messenger sans se connecter à leur compte Facebook . Pour accéder au mode invité, il suffit de toucher Continuer en tant qu'invité. C'est ce genre de flexibilité qui fait de Facebook Messenger  le plugin de chat par excellence au Royaume-Uni, aux États-Unis, en Inde, aux Philippines et ailleurs.
Facebook Messenger Widget avec mode invité

Pour commencer, le mode invité empêche les entreprises de créer des liens durables avec les clients. Les entreprises ne peuvent pas rouvrir les conversations des invités une fois que ces derniers ont mis fin à la discussion ou 24 heures après le début de la conversation, selon la première éventualité.

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 comme 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.

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

Tout d'abord, parlons du processus de configuration du widget Messenger . Pour ajouter Facebook Messenger à un site Web, vous devez effectuer 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 de 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 offre 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 aient 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.

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

Génération d'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 sur 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 le plugin de chat
  4. Cliquez sur Set Up

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.

Voici une image montrant comment générer un code Widget Messenger sur Facebook Business Suite Inbox. Cliquez sur le bouton bleu Set Up pour commencer à installer votre plugin de chat Facebook .
Facebook Plugin de chat dans Meta Business Suite

2. Sélectionnez la méthode d'installation du plugin de chat Facebook que vous souhaitez utiliser. Si vous voyez votre constructeur de site 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 du 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 Widget Messenger sur Facebook Business Suite Inbox. 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électionnez la langue

4. Ajoutez le domaine de tous les sites Web dans 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é.

Voici une image montrant comment générer un code Widget Messenger sur Facebook Business Suite Inbox. 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 web

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

Cette image montre comment ajouter Facebook Messenger  à un site Web. Cliquez sur Copier le code, puis sur Suivant.
Copiez 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 à bascule Guest Chat pour désactiver le mode invité. Vous trouverez ce bouton dans la section Customize Your Chat Plugin.

Voici une image montrant comment désactiver le mode invité d'un widget Facebook Messenger  . Pour désactiver le mode invité, désactivez le bouton à bascule Guest Chat. Vous pouvez trouver ce bouton dans la section Customize Your Chat Plugin.
Désactiver le mode invité

Ensuite, cliquez sur Publier pour que les modifications soient prises en compte. Et c'est ainsi que vous installez Facebook Messenger sur le chat du 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

Pour créer un code Widget Messenger sur respond.io, vous devez avoir un compterespond.io . Ensuite, suivez les étapes suivantes :

1. Naviguez vers le module Channels. Ensuite, appuyez sur Ajouter un canal pour connecter une page Facebook .

Commencez par créer un canal sur le tableau de bord respond.io .
Comment créer un widget Messenger pour un site web : Le module Channels

2. Choisissez Messenger dans la liste des canaux.

Avant de pouvoir créer le script du widget Facebook Messenger  , vous devez connecter votre page Facebook à la plate-forme respond.io .
Comment faire un widget Messenger pour le site web : Respond.io connexion de canal

3. Appuyez sur Connecter avec Facebook. Connectez-vous au compte Facebook qui dispose d'un accès administrateur à la page à laquelle vous souhaitez vous connecter.

Voici une image montrant comment ajouter Facebook Messenger  à respond.io Press Connect with Facebook. Connectez-vous au compte Facebook qui dispose d'un accès administrateur à la page à laquelle vous souhaitez vous connecter.
Connectez-vous avec Facebook

Si vous gérez plusieurs pages, vous aurez la possibilité de choisir à quelle page Facebook vous connecter. Appuyez sur Done pour terminer la configuration.

4. Appuyez sur Chat Plugin pour commencer à créer le code du widget Facebook Messenger .

Commencez à créer le plugin de chat pour les clients de Facebook en cliquant sur Chat Plugin sur la page du canal Respond.io .
Comment créer un widget Messenger pour le site web : Respond.io channels page

5. Ajoutez votre site Web à la liste blanche. Cette opération est nécessaire pour ajouter Facebook Messenger à votre site Web.

Avant de pouvoir insérer le code du plugin Facebook Custom Chat sur votre site Web, vous devez ajouter le domaine de votre site à la liste blanche.
Comment créer un widget Messenger pour un site web : Facebook Messenger liste blanche des widgets

6. Copiez le script et collez-le dans le pied de page de votre site Web.

La dernière étape consiste à ajouter le script du plugin Facebook Chat à votre site web.
Comment créer un widget Messenger pour un site web : Facebook Messenger widget script

Cliquez sur Terminé après avoir ajouté le code du widget de chat Facebook à votre site Web, et voilà, votre plugin de chat Facebook devrait être opérationnel.

Maintenant, vous vous demandez peut-être comment ajouter le chat Facebook à votre site Web. Cela dépend de votre CMS. Nous allons vous présenter quelques-unes des méthodes permettant d'ajouter Messenger à un site Web pour les constructeurs de sites les plus populaires.

Comment ajouter Messenger à un site Web à l'aide de codes de widgets ?

Naviguer dans votre CMS pour ajouter un plugin de chat peut être déroutant. Vous trouverez ci-dessous les instructions pour installer le code du widget Messenger sur des 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 de la barre latérale. Bien que le plugin lui-même soit gratuit, son installation n'est accessible qu'aux abonnés du plan Business ou aux utilisateurs du plan Pro, pour les anciens plans.

Voici une image vous 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, l'installation n'est disponible que pour les abonnés du plan Business ou les utilisateurs du plan Pro, pour ceux qui sont sur les anciens plans. Si vous vous trouvez dans un endroit où Messenger est le plugin de chat par excellence, comme au Royaume-Uni, aux États-Unis, en Inde ou aux Philippines, ajoutez-le à votre site WordPress .
WordPress Les abonnés Pro ou Business peuvent installer directement le plugin de chat Facebook .

Pour installer le plugin de chat Facebook 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 intitulé Customer chat. Accédez à la section Mise en route et cliquez sur Modifier le plugin de chat.
  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 franchir le mur payant. Il existe plusieurs façons d'ajouter le code du 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'à Headers and Footers.

Une fois que vous avez ajouté le plugin headers and footers, naviguez jusqu'à lui.
Comment intégrer Facebook Messenger sur un site web : Ouvrez 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 de chat de Facebook à une Wix Website

Que faire si vous souhaitez ajouter le chat en direct à un site Web 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 Web Wix. Notez que vous aurez besoin d'un abonnement payant pour accéder à cette fonctionnalité.

1. Accédez à Paramètres > Paramètres avancés > Code personnalisé.

Maintenant que vous avez préparé le code de votre widget Facebook Messenger  , naviguez vers le code personnalisé 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 le corps - fin.

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

Vous avez maintenant ajouté le plugin de chat Facebook à votre site Web Wix.

Maintenant, le widget Facebook Messenger  s'affiche sur votre Wix Website.
Votre nouveau plugin de chat Facebook est installé

Comment ajouter le widget Chat de Facebook à Shopify

Une fois que vous avez le script du plugin de chat Facebook , suivez les étapes suivantes pour intégrer Facebook Messenger dans un site Web Shopify .

1. Accédez à la boutique en ligne et modifiez le code.

Une fois que vous avez votre script de plugin de chat client Facebook prêt, naviguez dans vos thèmes 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 : Modifier le code de votre boutique en ligne

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

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

Vous avez maintenant ajouté le plugin de chat Facebook sur votre site web Shopify .

Comment ajouter le code de widget de Facebook Messenger à Squarespace

Une fois que vous avez le script du plugin de chat Facebook , il est temps d'intégrer Messenger dans un site Web Squarespace .

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

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

2. Naviguez jusqu'à Advanced Settings (Paramètres avancés).

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

3. Naviguez jusqu'à Code Injection.

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 du widget Facebook Messenger .

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

Vous venez d'ajouter le chat en direct de Facebook Messenger à 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.

Autres lectures

Et c'est ainsi que 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 :

Tags
Copié dans le presse-papiers !

Prêt à commencer ?

Merci ! Vous êtes redirigé vers le formulaire d'inscription.
Oups ! Quelque chose s'est mal passé, rafraîchissez votre navigateur et réessayez.
Merci ! Votre demande a été reçue !
Oups ! Un problème est survenu lors de la soumission du formulaire.
Démarrer un essai gratuit de 14 jours