Comment ajouter Facebook Messenger à votre site Web Elementor

Updated on November 14, 2025
|
Written by Sajjan Sharma Sajjan Sharma
Comment ajouter Facebook Messenger à votre site Web Elementor

L'une des meilleures choses à propos d'Elementor est le contrôle total que vous avez sur la conception de votre site Web.

Mais même après avoir créé un beau site Web, vous pouvez toujours avoir des visiteurs qui partent sans s'inscrire ou effectuer un achat. Une raison courante est les questions sans réponse. 

Un visiteur confus ou incertain prendra rarement le temps de remplir un formulaire de contact et d'attendre une réponse par e-mail.

C'est là qu'ajouter Facebook Messenger à Elementor devient une solution simple et puissante.

En ajoutant Facebook Messenger, vous pouvez communiquer avec les visiteurs en utilisant une interface de chat qu'ils utilisent déjà tous les jours. Cela semble familier et digne de confiance, ce qui incite les gens à vous contacter.

Je vais vous guider à travers les étapes exactes pour implémenter cela sur votre site. C'est un petit ajout qui rend vos pages Elementor encore plus efficaces pour convertir les visiteurs.

Pourquoi ajouter Facebook Messenger à votre site Elementor

  • Présentez votre expertise : Répondez aux questions sur vos services en temps réel, établissant la confiance avant que les visiteurs ne quittent votre site.
  • Réduisez les paniers abandonnés : Interceptez les visiteurs avant qu'ils ne partent en leur facilitant la pose de questions sans remplir de formulaires.
  • Support client facile : Expliquez les fonctionnalités, répondez aux préoccupations et résolvez les problèmes des clients pour transformer davantage de personnes en ambassadeurs de la marque.
  • Plateforme familière pour les visiteurs : Les gens font confiance à Messenger car ils l'utilisent quotidiennement, ce qui les rend plus à l'aise pour entamer une conversation avec votre entreprise.
  • Permet les messages de suivi : Restez connecté avec les visiteurs après qu'ils aient quitté votre site en partageant des offres exclusives, de nouveaux produits ou des nouvelles importantes.

La meilleure partie est que vous n'avez besoin d'aucune compétence en codage pour ajouter cette fonctionnalité à votre site Web Elementor.

exemple d'un assistant de chat sur un site web

Je vais vous montrer exactement comment le configurer en quelques minutes seulement à l'aide d'un simple plugin WordPress.

Moyen facile d'intégrer Elementor et Facebook Messenger

Lorsqu'il s'agit d'ajouter Facebook Messenger à votre site Web, vous avez 2 options : manuelle ou à l'aide d'un plugin WordPress.

Malheureusement, la méthode manuelle implique du code et la configuration des paramètres de l'API de Facebook. 

Cela peut devenir compliqué rapidement, surtout si vous n'êtes pas à l'aise avec le code. De plus, vous devrez passer beaucoup de temps à le configurer et à le maintenir.

C'est pourquoi je recommande plutôt d'utiliser WPChat. C'est un plugin de chat WordPress qui gère toute la configuration technique pour vous, rendant le processus beaucoup plus simple.

page d'accueil du plugin wpchat

WPChat est spécialement conçu pour ajouter des fonctionnalités de chat aux sites WordPress et s'intègre parfaitement à Elementor.

Voici ce qui fait de WPChat un choix solide pour ce guide :

  • Support Multiplateforme : Ajoutez des options de chat pour Facebook Messenger, Telegram, Instagram et WhatsApp, le tout depuis un seul plugin.
  • Compatible Elementor : Fonctionne parfaitement avec tous les plugins de création de sites populaires pour WordPress, y compris Elementor.
  • Fonctionnalités de gestion d'équipe : Créez plusieurs agents pour représenter les membres de votre équipe de support, donnant à votre chat une touche personnelle et humaine.
agent wpchat avec plusieurs comptes
  • Aucun codage requis : Créez et personnalisez votre assistant de chat Facebook à l'aide d'une interface visuelle avec des commandes par pointer-cliquer.
  • Distribution intelligente de la charge de travail : Attribuez automatiquement les chats entrants à différents agents, garantissant une charge de travail équilibrée et des temps de réponse plus rapides.
  • FAQ intégrées : Configurez des réponses automatisées aux questions courantes et créez des flux de conversation qui captent des prospects pendant que vous dormez.
créer des FAQ pour votre site Elementor

Vous connectez simplement votre compte Facebook Messenger, personnalisez l'apparence du widget de chat et choisissez où il apparaît sur votre site.

Procurez-vous WPChat dès aujourd'hui et commencez à communiquer avec vos visiteurs via Facebook Messenger.

Comment ajouter Facebook Messenger à Elementor (en 5 étapes)

Laissez-moi vous guider à travers les étapes exactes pour configurer un assistant de chat pour Facebook Messenger.

L'ensemble du processus ne prend que quelques minutes, et vous n'avez pas à toucher une seule ligne de code.

Étape 1 : Ajouter le plugin WPChat au site Web Elementor

Tout d'abord, procurez-vous WPChat ici, puis installez et activez ce plugin sur votre site Web.

Si vous avez besoin d'aide pour cette étape, consultez ce guide pour débutants sur comment installer un plugin WordPress.

Une fois le plugin activé, vous êtes prêt à créer votre assistant de chat et à le connecter à Facebook Messenger.

Étape 2 : Créer un nouvel assistant de chat

Après avoir activé WPChat, vous verrez un nouvel élément de menu WPChat dans votre tableau de bord WordPress. Cliquez dessus pour ouvrir les paramètres du plugin.

Sur l'écran WPChat, cliquez sur le bouton Configurer pour commencer à créer votre assistant de chat.

commencer à configurer wpchat

À partir d'ici, vous pouvez entrer le nom d'utilisateur pour votre Facebook Messenger.

Vous pouvez également entrer les coordonnées de l'une des autres applications de messagerie ici.

connecter votre widget de chat Facebook Messenger

Comme vous pouvez le voir, WPChat offre à vos visiteurs de nombreuses façons de vous contacter depuis votre site Elementor.

Entrez simplement votre numéro et cliquez sur Suivant pour continuer.

cliquez sur suivant pour confirmer la connexion

Après cela, vous pouvez choisir un thème pour votre assistant de chat. WPChat propose 3 options prédéfinies : Basique, Nuit et Pastel.

Une fois que vous avez sélectionné un thème, cliquez sur Suivant pour passer aux paramètres de visibilité.

choisissez un thème pour votre assistant de chat Facebook

Étape 3 : Choisir la visibilité pour l'assistant de chat Facebook

Maintenant, vous déciderez où l'option de chat apparaît sur votre site Elementor. Vous avez 2 options principales pour cela : afficher sur toutes les pages ou afficher uniquement sur des pages spécifiques.

choisir où vous voulez afficher votre chat Facebook Messenger dans WordPress

Si vous avez choisi l'option afficher sur toutes les pages, vous pouvez faire défiler vers le bas et exclure certaines parties de votre site Web.

Choisissez simplement les pages, catégories, étiquettes ou types de publication personnalisés où vous ne souhaitez pas afficher l'assistant de chat.

Après avoir configuré vos filtres, cliquez sur Suivant pour continuer.

exclure des parties de votre site Web de l'assistant de chat

Si vous choisissez d' afficher uniquement sur des pages spécifiques, vous pouvez utiliser les filtres pour contrôler où l'assistant apparaît.

Comme précédemment, configurez vos filtres et cliquez sur le bouton Suivant.

sélectionnez les pages, catégories, tags ou types de publication personnalisés

Enfin, vous pouvez entrer la clé de licence que vous avez reçue avec le plugin WPChat.

Entrez la clé et cliquez sur Terminer la configuration et vous aurez terminé la configuration initiale.

entrez votre clé de licence wpchat pour terminer la configuration

Et voilà, votre assistant de chat Messenger est maintenant créé et prêt à être personnalisé.

Étape 4 : Personnaliser l'assistant de chat Facebook

Sur le tableau de bord WPChat, cliquez sur le bouton Personnaliser.

commencer à personnaliser votre assistant de chat Messenger

Cela ouvre l'éditeur en direct, où vous verrez les options de personnalisation dans la barre latérale gauche.

Pour suivre vos modifications, vous verrez un aperçu en direct de votre assistant de chat Messenger sur la droite.

Personnalisateur en direct pour l'assistant de chat Messenger

Commençons par ajuster les couleurs pour vous montrer comment fonctionne le personnalisateur.

Sélectionnez Palette de couleurs dans le menu de gauche pour voir vos options. 

commencer à modifier votre palette de couleurs

WPChat propose plusieurs palettes de couleurs prédéfinies que vous pouvez appliquer en un clic :

  • Défaut
  • Mystic Bloom
  • WhatsApp
  • WhatsApp Sombre
  • Minimaliste

Si vous souhaitez encore plus de contrôle, cliquez sur Personnalisé et choisissez la couleur vous-même.

options de schéma de couleurs pour votre assistant de chat

Une fois que vous êtes satisfait de vos choix de couleurs, cliquez sur Enregistrer pour confirmer les modifications.

Ensuite, cliquez sur le bouton Retour pour revenir au menu de personnalisation principal.

retourner aux options de personnalisation principales

Pour la prochaine étape de personnalisation, sélectionnez En-tête.

C'est ici que vous pouvez ajouter un message de bienvenue que les visiteurs verront après avoir cliqué sur votre assistant de chat.

commencer à modifier l'en-tête au-dessus de votre chat

Entrez un message de bienvenue dans le champ Titre.

N'oubliez pas de rester bref et concis afin que les visiteurs puissent le parcourir facilement.

entrer le titre de l'assistant de chat Facebook

Comme précédemment, cliquez sur Enregistrer pour conserver vos modifications.

Comme vous pouvez le constater, il est très facile de personnaliser votre assistant de chat Messenger, le tout sans toucher à aucun code.

Vous pouvez également essayer d'autres options de personnalisation, notamment l'avatar de l'assistant, l'icône de chat, les sections visibles, et plus encore.

Étape 5 : Configurez votre agent de chat

Dans votre tableau de bord WordPress, accédez au menu WPChat » Agents

Ces agents peuvent représenter votre équipe de support, avec des photos et des noms correspondants.

Pour continuer, cliquez sur le bouton Modifier.

commencer à éditer votre agent de chat Messenger

Tout d'abord, personnalisons cet agent.

Cliquez sur Télécharger pour sélectionner une image qui vous représentera, vous ou votre équipe.

commencez à définir une photo de profil pour l'agent de chat Facebook Messenger

Il peut s'agir d'une photo professionnelle de vous ou du logo de votre entreprise.

Ensuite, entrez un nom approprié pour l'agent dans le champ Nom.

Vous pouvez également mettre à jour les informations de contact pour Facebook ou d'autres plateformes de messagerie à partir d'ici.

modifier le nom et le numéro de téléphone de votre agent

Une fois que vous avez terminé, cliquez sur le bouton Enregistrer les modifications en haut de la page.

Et voilà ! Votre assistant de chat Facebook Messenger est maintenant en ligne sur votre site Elementor. 

Les visiteurs peuvent maintenant cliquer sur l'assistant pour commencer à discuter avec vous en utilisant Facebook Messenger, tout simplement.

exemple de widget Facebook Messenger

Conclusion et réflexions finales

Vous savez maintenant comment ajouter Facebook Messenger à votre site Web Elementor de manière simple. Ainsi, vous pouvez facilement vous connecter avec les visiteurs, renforcer la confiance, augmenter les ventes et bien plus encore.

Si vous souhaitez faire passer votre site Web Elementor au niveau supérieur, vous pouvez également utiliser WPChat pour ajouter des FAQ. Ainsi, les visiteurs de votre site Web pourront obtenir des réponses instantanées où ils le souhaitent.

Prêt à communiquer avec vos visiteurs en temps réel ? Commencez dès aujourd'hui avec WPChat !

Vous voulez rendre votre assistant de chat encore plus attrayant ? Vous pouvez également consulter notre guide sur la façon de personnaliser votre assistant de chat WordPress.