Comment ajouter WhatsApp ou Messenger sur son site

Publié 1 novembre 2022
Dernière mise à jour 1 novembre 2022

Aujourd’hui, proposer son aide par messagerie instantanée est indispensable pour gagner les faveurs des clients. Dans une étude menée par Facebook, 55 % d’entre eux confient nouer un lien plus fort avec les enseignes accessibles sur ces outils de discussion et ils sont plus de 68 % à affirmer que ce type de service rend l’expérience client plus agréable.

Et si ces chiffres ne suffisaient pas à vous convaincre, soulignons également que Facebook et WhatsApp comptent respectivement 3 milliards et 2 milliards d’utilisateurs actifs dans le monde. Le calcul est vite fait : comme la majorité des consommateurs sont déjà adeptes de ces canaux conversationnels, il est très judicieux d’intégrer ces outils à votre site Web pour aller chercher les clients et les prospects là où ils se trouvent.

À présent, voyons ensemble comment faire !

Comment intégrer la messagerie instantanée WhatsApp à votre site Web


WhatsApp ne propose malheureusement pas de solution clé en main.

Ajouter la messagerie instantanée WhatsApp à un site WordPress

C’est assez simple, il vous suffit d’utiliser le plugin dédié de WordPress.

  1. Allez au menu Extensions de WordPress
  2. Recherchez WhatsApp Chat WP
  3. Cliquez sur Installer
  4. Cliquez sur Activation
  5. Rendez-vous dans les options WhatsApp Chat dans le tableau de bord

Ajouter la messagerie instantanée WhatsApp à un site Shopify

Vous trouverez de nombreuses extensions dédiées dans le Shopify App Store, comme WhatsApp App.

Ajouter la messagerie instantanée WhatsApp à un site Wix

  1. Cliquez sur Ajouter + en haut à gauche de votre Editor X.
  2. Faites glisser un bouton vers l’emplacement souhaité sur votre page.
  3. (Facultatif) Modifiez le texte du bouton (par exemple, Contact sur WhatsApp).
  4. Cliquez sur l’icône Lien.
  5. Cliquez sur Adresse internet.
  6. Choisissez Créer un lien avec un premier message automatisé ou Créer un lien sans message
  7. Cliquez sur Terminé

Ajouter la messagerie instantanée WhatsApp à un site Squarespace

La solution la plus simple est d’utiliser un plugin dédié, comme celui proposé par Elfsight.

Comment intégrer la messagerie instantanée Messenger à votre site Web


Avec Messenger, quelques clics suffisent ! Vous devrez d’abord configurer le plugin comme suit :

  1. Accédez aux paramètres de votre Page et cliquez sur Messagerie.
  2. Sous Ajouter Messenger à votre site Web, cliquez sur Démarrer.
  3. Vous pouvez alors effectuer les actions suivantes :
    • Effectuer une installation manuelle en cliquant sur Configuration. À cet endroit, vous pouvez sélectionner votre langue, ajouter vos domaines de site Web et copier le code à coller sur votre site Web.
    • Suivre les instructions de la section Ajouter le plugin de discussion à votre site Web ci-dessous en fonction du concepteur de votre site Web et coller le code sur la ou les pages où vous souhaitez que le plugin de discussion apparaisse.
  4. Sous Démarrer une conversation, vous pouvez créer un message de bienvenue et ajouter des réponses automatiques aux questions courantes.
  5. Les options sous Personnaliser votre plugin de discussion vous permettent de personnaliser les paramètres de couleur, d’alignement et d’extension.

Ensuite, il ne vous reste plus qu’à coller le code directement sur votre site Web

Ajouter le code Messenger sur un site WordPress

  1. Accédez à la page d’accueil de WordPress et accédez à WP Admin.
  2. Accédez au menu Extensions.
  3. Cliquez sur Ajouter des extensions.
  4. Dans le champ de recherche, entrez Facebook Chat Plugin.
  5. Cliquez sur Rechercher des extensions.
  6. Sélectionnez le plugin de discussion Facebook.
  7. Cliquez sur Installer.
  8. Cliquez sur Activer.
  9. Vous devriez désormais voir un onglet intitulé Discussion Client. Accédez à la section Démarrer et cliquez sur Modifier le plugin de discussion.
  10. Personnalisez votre plugin de discussion et terminez la configuration.

Ajouter le code Messenger sur un site Shopify

  1. Accédez à Admin Panel (Panneau d’administration).
  2. Accédez à Sales Channels (Canaux de vente). En dessous de Online Store (Boutique en ligne), cliquez sur Themes (Thèmes) pour ouvrir la page des thèmes.
  3. En dessous de la section Current Theme (Thème actuel), cliquez sur Customize (Personnaliser).
  4. Un aperçu de votre boutique s’affiche. Cliquez sur Theme Actions (Actions liées au thème).
  5. Dans le menu contextuel, cliquez sur Edit code (Modifier le code).
  6. Plusieurs fichiers avec l’extension .liquid apparaissent. Recherchez le fichier du thème principal, généralement intitulé theme.liquid. Le contenu du fichier du thème principal débute généralement par .
  7. Faites défiler le code dans le volet droit et recherchez la ligne qui commence par . Par exemple, elle peut commencer par .
  8. Sur la ligne située en dessous du code , collez le code issu des paramètres du plugin de discussion Facebook.
  9. Cliquez sur Save (Enregistrer) en haut de la page pour terminer.

Ajouter le code Messenger sur un site Wix

  1. Cliquez sur Settings (Paramètres) dans votre panneau d’administration.
    • Remarque : selon la page où vous vous trouvez, il se peut que vous deviez cliquer sur Site dans la bannière en haut de la page avant d’accéder aux paramètres.
  2. En dessous de la section Advanced (Avancé), cliquez sur Custom Code (Code personnalisé).
  3. En dessous de la section Head (En-tête), cliquez sur Add Code (Ajouter du code).
  4. Collez le code dans la section Paste the code snippet here (Coller l’extrait de code ici), puis indiquez un nom facilement reconnaissable (comme Messenger) en dessous du champ Add Code to Pages (Ajouter du code aux pages).
  5. Sélectionnez All pages (Toutes les pages), puis Load code once (Télécharger le code une fois).
  6. En dessous de Place Code in (Placer le code dans), assurez-vous que Head (En-tête) est bien sélectionné, puis cliquez sur Apply (Appliquer).
  7. Cliquez sur Publish (Publier) en haut de la page.

Ajouter le code Messenger sur un site Squarespace

  1. Cliquez sur Settings (Paramètres) dans votre panneau d’administration.
  2. Cliquez sur Advanced (Avancé).
  3. Cliquez sur Code Injection (Injection de code).
  4. Collez l’extrait de code dans la section Footer (Pied de page).
  5. Cliquez sur Save (Enregistrer).