Vous cherchez l'ultime widget 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ù l'ajouter sur les constructeurs de sites Web tels que WordPress, Wix et Shopify.
![](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/624ea8d355966e2a52c1c629_CTA-03_7f4cb5919a7648c9eba892ea290a0a7a_800.png)
Qu'est-ce qu'un widget Facebook Messenger ?
Le widget Facebook Messenger 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, de nombreux 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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4332955a6ea2c2e72a2c_ScreenShot2021-08-27at3_40_01PM_12245abf57b1ecf0a5373de455bb3960_800.png)
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.
<call-out> Do not mistake the Facebook Messenger widget with the Facebook Chat Plugin. While similar in some aspects, the Facebook Chat Plugin is no longer available from May 9, 2024. <call-out>
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 le widget Facebook Messenger
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.
Créer 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 sur 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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6eaf45e729bf_ScreenShot2021-09-02at2_24_00PM_0aa2ded6ba0cf038eeed519c48ce2201_800.png)
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 après qu'il ait 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.
Construire une liste de contacts Facebook Messenger
Maintenant que les gens peuvent facilement vous envoyer un message 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 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 %.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6eef3fe729ec_facebook_widget_image_01_3b1caa785ca66b16106b10939dbae9d2_800.png)
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 publicités ou liens Click to Messenger et les codes QR Facebook.
Enfin, n'oubliez pas que les clients doivent être connectés à leur compte Facebook pour être ajoutés à votre liste de contacts. Ceci étant dit, passons à la section suivante, où vous apprendrez comment ajouter Messenger à un site web.
Comment créer un code de 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
Si vous êtes une entreprise B2B et que vous avez besoin d'activer le mode invité, nous vous recommandons de configurer votre widget Facebook Messenger 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 Facebook Messenger afin d'identifier l'origine des contacts. Les grandes entreprises devraient envisager cette option.
Générer un code de widget 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 mettre en place le widget Messenger.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/641d61ba65242e230720feab_screenshot-2023-03-23-at-54336-pm_824bac8b9c535f66c6fb82739a334705_800.jpeg)
Pour commencer, accédez à Paramètres > Widgets de croissance. Cliquez ensuite sur Ajouter un widget et choisissez Widget Facebook 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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/641d61ba65242ece9320feac_screenshot-2023-03-23-at-54433-pm_9ac3c2d183a1fefa85edd0273e246fc5_800.jpeg)
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 à travers le processus d'installation.
Comment ajouter Facebook Messenger à un site web
Naviguer dans votre CMS pour ajouter un widget de chat peut être déroutant. Ci-dessous, vous trouverez les instructions pour installer le code du widget Messenger sur des constructeurs de sites populaires comme WordPress, Wix, Shopify et Squarespace.
Comment ajouter Messenger à un site Web : WordPress
Vous pouvez désormais installer un plugin Messenger à l'adresse 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 disposent d'un ancien plan.
![Voici une image montrant comment vous pouvez désormais installer un plugin Messenger à l'adresse Meta directement depuis 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 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 .](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e7fd9e729ce_ScreenShot2022-07-29at10_56_04AM_ae2a686d2130111de0c513ead0d97358_800.png)
Pour ajouter Facebook Messenger à un site web sur WordPress, suivez ces instructions :
- Recherchez le widget Facebook Messenger et sélectionnez-le.
- Cliquez sur Installer maintenant.
- Cliquez sur Activer.
- Recherchez l'onglet " Chat client". Naviguez jusqu'à la section " Getting started" et cliquez sur " Edit chat plugin".
- 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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6ef9a7e729bd_ScreenShot2022-07-29at11_52_30AM_3780b1f4de40d5e11d8d672329d4bd43_800.jpeg)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e2eb2e729e4_WP2_4d953f50ba9acaca2b88e5f08d6bc44a_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6ebb7de729eb_WP3_80937b8193213f749743f1b437ff6489_800.png)
Vous avez maintenant ajouté Facebook Messenger Live Chat à votre site web WordPress .
Comment ajouter Messenger à un site web : Wix
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6ec858e729be_ScreenShot2022-07-20at2_05_43PM_b563dc079154f17171786268cc31d729_800.jpeg)
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é.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e0736e729cf_WixStep2_3f9082e6ce590b7a275daafe701ba192_800.png)
Vous avez maintenant ajouté le widget Facebook Chat à votre site web Wix.
![Le widget Facebook Messenger s'affichera désormais sur votre site Wix Website.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4332955a6e5802e72a37_WixStep4_a5049d2beb1270d8994380266d8bac94_800.png)
Comment ajouter Messenger à un site Web : Shopify
Une fois que vous avez le script du widget Facebook Chat, 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 pour les clients de Facebook est prêt, accédez à 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).](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e5bdae72a4c_Shopify1_9222311e39fbf060940ff01258a9e03b_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6ec7d9e72a5b_Shopify2_b5a335efc57804262dcfc94ae519ac3c_800.png)
Vous avez maintenant ajouté le widget Facebook Chat sur votre site web Shopify .
Comment ajouter Messenger à un site Web : Squarespace
Une fois que vous avez le script du widget Facebook Chat, 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 vous avez votre code widget Facebook Messenger prêt, connectez-vous à squarespace pour commencer le processus d'installation.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6ec350e72a4d_SS1_862e297ff8243b57f35ef081683d720c_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e2663e72a5c_SS2_c10ae102c296fac60ddf68d2da902250_800.png)
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.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e533de729e3_SS3_7587b8efd92e682517e445a85c191782_800.png)
4. Collez le script Facebook Messenger Widget.
![Cette image montre comment intégrer le chat à votre domaine.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e4fb0e72a5d_SS4_3f4c0e489e816784968c37d62b261798_800.png)
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 comment installer ce widget sur certains des constructeurs de sites les plus populaires. Vous souhaitez discuter avec des clients sur le widget Messenger et 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.
![](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/624ea8d355966e2a52c1c629_CTA-03_7f4cb5919a7648c9eba892ea290a0a7a_800.png)
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 widget de chat ultime, apprenez-en plus sur la messagerie instantanée pour les entreprises avec ces articles de blog :
- Comment utiliser l'intégration de WhatsApp dans un site Web
- Le guide ultime pour Telegram Business
- Le guide ultime de Viber pour les entreprises