WebChat pour Microsoft Teams — le guide complet
Ce guide vous accompagne de bout en bout dans WebChat : de l'installation dans Microsoft Teams à l'ouverture et au test dans le backend, en passant par la configuration des canaux entrants — widget de site web, WhatsApp, Instagram — jusqu'à votre propre IA avec Azure AI Foundry et Power Automate. Chaque canal arrive en temps réel dans le bon canal Microsoft Teams. Pay per Channel, configuré en quelques minutes.
▶Retrouvez tout sur WebChat dans cette vidéo (12 min)Comment fonctionne WebChat : une demande via le widget du site web est routée vers le bon canal Microsoft Teams — les deux côtés affichent la même conversation, l'équipe répond avec « @WebChat … » directement depuis Microsoft Teams.
Trois briques, une plateforme
WebChat amène tous les canaux dans Microsoft Teams. En option, ajoutez votre propre IA — pilotée par Power Automate, répondue par un agent Foundry.
Trois phases vers un WebChat opérationnel
1WebChat & Microsoft Teams
- Ajouter WebChat dans Microsoft Teams
- Ouvrir & tester le backend
- Configurer WebChat
- Autoriser d'autres administrateurs
- Dépannage
2Configurer les canaux entrants
WebChat & Microsoft Teams
Installer, tester dans le backend, configurer et autoriser les administrateurs.
Ajouter WebChat dans Microsoft Teams
Vous pouvez rechercher WebChat directement dans Microsoft Teams sous « Applications » — ou via le Microsoft Marketplace. L'application est ensuite affectée au canal souhaité.
Rechercher « WebChat » dans le Microsoft Marketplace
Ou ouvrez directement la fiche webch.at/webchat directement. Facturation Pay per Channel au lieu de par utilisateur.
Installer l'application dans Microsoft Teams
Sur la page de détail de l'application dans Microsoft Teams, choisissez « Ajouter ».
La page de détail de l'application WebChat dans Microsoft Teams.
Sélectionner un canal
Choisissez le canal Microsoft Teams où doivent arriver les demandes clients.
Choisir le canal cible pour les demandes entrantes.
WebChat se manifeste dans le canal Microsoft Teams
Après l'installation, WebChat publie automatiquement son premier message dans le canal choisi — avec une carte de configuration et un bouton « Configurer ».
Après l'installation, WebChat se manifeste pour la première fois dans le canal Microsoft Teams (reconstitution).
Ouvrir & tester le backend
Vous gérez les canaux et les paramètres dans le backend WebChat — connecté via Microsoft Entra (SSO). Testez le parcours complet jusqu'à Microsoft Teams et retour.
Ouvrir le backend via SSO
webchat.inwebco.com — connexion via Microsoft Entra, sans identifiants distincts.
Sélectionner un canal — vous arrivez directement dans l'onglet LiveTest
Ouvrez dans la liste des canaux celui que vous venez de créer dans Microsoft Teams. Vous arrivez directement dans l'onglet « LiveTest » — en bas à droite se trouve votre widget, d'où vous pouvez envoyer à tout moment un message client de test. Remplissez simplement le formulaire, cliquez sur « Démarrer le chat » et écrivez le premier message.
Après la sélection du canal, l'onglet « LiveTest » s'ouvre directement (backend, vue bureau).
Basculer vers Microsoft Teams
Envoyez un message de test dans LiveTest et basculez vers Microsoft Teams : la demande apparaît en temps réel sous forme de fil dans le canal, avec une fiche de contact. Avec « @WebChat message … » vous répondez au client ; sans mention, cela reste une communication interne.
Dans Microsoft Teams : la demande sous forme de fil — réponse avec « @WebChat message … ».
De retour dans LiveTest : la réponse est arrivée
La réponse de Microsoft Teams apparaît dans l'onglet « LiveTest » — le parcours complet (client → Microsoft Teams → réponse) fonctionne.
La réponse de Microsoft Teams est arrivée dans le chat LiveTest.
Configurer WebChat
Dans l'onglet « Configuration », vous ajustez l'apparence et le comportement du widget. Le canal est déjà actif — chaque paramètre est visible immédiatement dans LiveTest.
L'onglet « Configuration » du backend — tous les paramètres du canal au même endroit.
Aperçu détaillé des paramètres
Mode & couleurs déterminent l'apparence du widget, Quick-Replies proposent des réponses rapides au premier message, Indicateur de saisie & inactivité maintiennent la conversation vivante, et le formulaire de démarrage recueille les coordonnées avant le premier contact.
Mode & couleurs
Quick-Reply-Buttons
Visibilité de l'indicateur de saisie
Champ du formulaire de démarrage
Textes & expéditeur
Police
Autoriser d'autres administrateurs
Par défaut, seule la personne qui a configuré WebChat peut modifier les configurations. Ajoutez d'autres administrateurs dans l'onglet « Admin ».
L'onglet « Admin » du backend avec la liste des administrateurs et « Ajouter un admin ».
Via « Ajouter un admin », saisissez une adresse e-mail et enregistrez — la personne doit être membre du canal Microsoft Teams (accès via Entra) et peut ensuite modifier les paramètres de ce canal.
Dépannage
Les écueils les plus courants — et comment les résoudre.
« Demander une autorisation » au lieu de « Ajouter » ?
🔒
WebChat
L'autorisation par l'administrateur dans le Centre d'administration Microsoft Teams débloque WebChat dans toute l'entreprise.
La connexion via SSO échoue ?
Connexion au backend via Microsoft Entra (authentification unique).
Autres questions
Le widget n'apparaît pas sur le site web
Vérifiez que le script est placé avant la balise body fermante et que le canal est défini sur « Actif » dans le backend. En cas d'intégration via Google Tag Manager, publiez le conteneur.
WhatsApp ou Instagram ne se connecte pas
WhatsApp nécessite un compte WhatsApp Business (Meta) ; Instagram un compte professionnel/business lié à une page Facebook. Effectuez intégralement la connexion guidée dans l'onglet correspondant.
Le flux ne s'enregistre pas
Sans licence Power Automate Premium, les connecteurs premium échouent. Attribuez la licence, puis enregistrez et publiez à nouveau.
L'agent ne répond pas
Vérifiez que le nom de l'agent et le numéro de version fixe dans la config du flux sont corrects et que l'abonnement Azure pay-as-you-go est actif.
Plus d'aide & liens
Configurer les canaux entrants
Connecter le widget de site web, WhatsApp et Instagram — recevoir les messages et répondre directement depuis Microsoft Teams.
Placer le widget sur le site web
Un seul script intègre le widget — directement dans le code source ou, sans accès au code, via Google Tag Manager.
Copier le code d'intégration
Dans l'onglet « Intégrer », copiez le code du script dans le presse-papiers.
L'onglet « Intégrer » du backend avec « Copier dans le presse-papiers ».
Insérer avant la fin du body
Placez le script juste avant la balise body fermante de votre site web.
Publier & charger
Enregistrez/publiez la page — le widget apparaît en bas à droite.
Le widget WebChat positionné en bas à droite du site web.
Alternative : intégration via Google Tag Manager
Sans accès au code source, vous intégrez le script en tant que balise HTML personnalisée dans Google Tag Manager.
Ouvrir Google Tag Manager
Accédez à tagmanager.google.com et sélectionnez le conteneur de votre site web (le conteneur GTM doit être intégré une fois au site web).
Créer une nouvelle balise « HTML personnalisé »
Dans Google Tag Manager : « Balises » → « Nouvelle » → choisissez le type de balise « HTML personnalisé » et collez le code d'intégration WebChat exactement — y compris les balises <script>. Laissez l'option « Prendre en charge document.write » désactivée.
Créer un déclencheur « Vue de page » & l'affecter à la balise
Dans Tag Manager, sous « Déclencheurs », créez un déclencheur de type « Vue de page » et affectez-le à la balise HTML personnalisée. « Toutes les pages » charge le widget sur tout le site ; sinon, ciblez-le par une condition — p. ex. « L'URL de la page contient /contact » : toutes les sous-pages de ce chemin reçoivent alors exactement ce widget.
Aperçu, tester & publier
Utilisez « Aperçu » pour vérifier que le widget se charge sur la page. Puis « Envoyer » → « Publier » — le widget est en ligne, sans aucune modification du code source du site.
Connecter & configurer WhatsApp
Dans l'onglet « WhatsApp Business », connectez votre compte WhatsApp Business (Meta) via une connexion guidée.
Ouvrir l'onglet « WhatsApp Business »
Dans le backend du canal souhaité, ouvrez l'onglet « WhatsApp Business ».
L'onglet « WhatsApp Business » du backend (vue bureau).
Se connecter avec Facebook
Connexion via le WhatsApp Business Manager (Meta). Un compte WhatsApp Business est requis. La fenêtre contextuelle qui apparaît est un processus défini par Meta — suivez simplement les étapes dans la fenêtre.
Vérifier & enregistrer le numéro
Parcours guidé : connexion → vérification → enregistrement → connecté. Pour la vérification, vous recevez un appel avec un code. Ensuite, le numéro, le lien de partage et le QR code sont prêts (voir l'onglet ci-dessus).
Configurer
Ajustez le nom, le numéro et le bouton « Chat on WhatsApp » dans la zone de configuration.
Écrire un message WhatsApp, répondre depuis Microsoft Teams
Une fois connecté : scannez le QR code généré, WhatsApp s'ouvre et vous pouvez écrire un message directement — il arrive en temps réel dans le bon canal Microsoft Teams.
Une demande via WhatsApp est automatiquement routée vers le bon canal Microsoft Teams — l'équipe répond au client avec « @WebChat … ».
Connecter Instagram
Dans l'onglet « Instagram », vous reliez un compte Instagram professionnel/business.
Ouvrir Instagram dans le navigateur & se connecter
Connectez-vous dans le navigateur avec le profil souhaité.
Ouvrir l'onglet « Instagram Business » & cliquer sur « Connecter »
Dans le backend du canal souhaité, ouvrez l'onglet « Instagram Business » et cliquez sur « Connecter » — la connexion Meta démarre.
L'onglet « Instagram Business » du backend (vue bureau).
Relier & confirmer le compte
Confirmez l'accès dans la boîte de dialogue Meta — WebChat reçoit un jeton d'accès et affiche le compte connecté.
Le jeton reste valide
Le jeton est renouvelé automatiquement tant que le compte reste connecté.
Recevoir un DM Instagram, répondre depuis Microsoft Teams
Un DM Instagram (p. ex. en réaction à une annonce) arrive dans le canal Marketing — répondu directement depuis Microsoft Teams.
Mettre en place votre propre IA
Créer un agent Foundry, le piloter via Power Automate et le tester depuis tous les canaux.
Créer un agent IA
L'IA s'exécute comme agent propre dans votre tenant (ai.azure.com) : créer un projet, créer un agent de prompt avec un modèle, ajouter la recherche web comme grounding, publier.
Créer un projet
Dans le menu projet de Foundry, créez un nouveau projet (ou ouvrez-en un existant).
Créer un agent
Créez un agent de prompt et choisissez un modèle. Nous recommandons un agent distinct par canal.
Microsoft Foundry — l'aperçu des agents.
Définir le prompt système
Définissez le rôle, le ton et les règles d'escalade — p. ex. « Vous êtes l'agent de support de l'entreprise X, répondez poliment ; escaladez vers l'équipe en cas d'intention d'achat ou de réclamation. »
Grounding : activer la recherche web
Ajoutez la recherche web comme grounding et saisissez les domaines/URL autorisés (p. ex. webchat.cloud) pour que l'agent réponde uniquement à partir de vos sources — pas des connaissances générales du modèle.
La boîte de dialogue « Ajouter l'outil de recherche web » : connecter la recherche Bing personnalisée à vos domaines (noms d'exemple neutres).
Relier des fichiers de connaissances
Ajoutez vos propres documents (PDF, FAQ, listes de prix) en tant que magasin de vecteurs. Plus le grounding est précis, plus les réponses sont précises et vérifiables — l'agent cite ses sources.
Tester dans le playground
Avant de publier : essayez l'agent directement dans le playground Foundry et vérifiez ses réponses — ajustez le prompt, le grounding et le ton.
L'agent dans le playground Foundry : envoyez des demandes de test, vérifiez réponses et sources.
Publier & noter le nom/la version
Enregistrez et publiez l'agent. Notez le nom de l'agent et la version publiée — vous en avez besoin tous deux dans la partie 10 pour le flux Power Automate. Utilisez toujours un numéro de version fixe, pas « latest ».
Configurer le flux de pilotage
make.powerautomate.com — créer les connexions, définir le déclencheur par mot-clé, coller le code du flux en tant que scope et saisir la config de l'agent.
Créer les connexions
Créez Microsoft Teams, Content Conversion et Azure AI Agent Service. Vous obtenez l'endpoint de l'Azure AI Agent Service dans Foundry via le menu projet → « Détails du projet ».
Les trois connexions dans Power Automate : Microsoft Teams ([email protected] — WebChat publie sous cet utilisateur dans Microsoft Teams), WebChat-Foundry-Agents (Azure AI Foundry Agent Service — endpoint depuis les détails du projet Foundry) et Content Conversion.
Dans Foundry, sous « Détails du projet », se trouvent l'endpoint du projet et la région — saisissez-les dans la connexion Azure AI Agent Service.
Configurer le déclencheur par mot-clé
« Lorsque des mots-clés sont mentionnés » sur le canal cible. Par défaut, WebChat envoie le mot-clé pp — ne le supprimez pas. Pour le personnaliser, définissez votre propre valeur dans l'onglet backend « Power Platform » et saisissez exactement celle-ci ici comme mot-clé. Le mot-clé est envoyé même si vous désactivez son affichage — ainsi il n'apparaît pas dans chaque message. Au début, l'affichage est volontairement activé pour rendre le mécanisme visible.
Déclencheur « When keywords are mentioned » : Message type = Channel, choisissez l'entrée Team et Channels item et définissez le mot-clé (par défaut « pp »).
Le mot-clé déclencheur (par défaut « pp ») peut être ajusté dans l'onglet backend « Power Platform ».
Insérer le code du flux
Copiez le code de flux préparé depuis webch.at/json. Dans le concepteur, sous le déclencheur, cliquez droit sur le « + » pour insérer une nouvelle action et utilisez « Mon presse-papiers » pour coller le scope copié — l'ensemble du flux (condition → agent IA → Adaptive Card) est inséré avec. Affectez ensuite la bonne connexion à chaque action.
Téléchargez/copiez d'abord le JSON depuis webch.at/json. Puis, sous le déclencheur, cliquez sur « + » (ou clic droit) → « Coller » pour insérer le scope complet.
Saisir la config de l'agent
Dans l'action Initialiser la variable, saisissez Config_agent_name et Config_agent_version de la partie 9 (numéro de version fixe, pas « latest »). Ajoutez d'autres nœuds via « + » ou clic droit → « Ajouter une action » (p. ex. rappel, escalade, mention de hot-lead). Enfin, enregistrez et publiez.
Tester : démarrer une conversation dans LiveTest
Démarrez une conversation de test dans l'onglet « LiveTest » — l'agent IA répond automatiquement. La même conversation apparaît dans le canal Microsoft Teams, où l'équipe peut reprendre à tout moment.
LiveTest : le visiteur pose une question — l'agent IA (Foundry) répond en temps réel.
La même conversation se déroule dans le canal Microsoft Teams « Support » — l'agent IA répond via @WebChat, l'équipe peut reprendre à tout moment.
Facultatif : données en direct sous forme d'Adaptive Card
Vous pouvez en option créer d'autres Adaptive Cards dans Power Automate et les intégrer à la conversation — pour offrir à l'agent des informations internes, des données en direct du CRM/ERP ou d'autres workflows directement dans le canal Microsoft Teams.
Tester l'agent depuis toutes les sources
Un agent, tous les canaux : déclenchez des demandes via le widget, WhatsApp et Instagram et vérifiez le comportement dans Microsoft Teams l'un après l'autre.
Exemples : escalade, hot-lead & pilotage du bot
Ces comportements se configurent via les variables de config du workflow dans Power Automate (partie 10) — p. ex. intervalle de rappel, mention d'escalade et détection de hot-lead.
WebChatEscaladeWebChatHot-leadWebChatRappelPilotage du chatbotCommutable par conversation (human-in-the-loop)Liste de contrôle
- ✓Réponse : envoyez un message client de test → l'agent répond dans le canal.
- ✓Escalade : le transfert est signalé à l'équipe, le bot est désactivé, carte d'activation + rappel publiés.
- ✓Réactiver : réactivez le bot via la carte d'activation.
- ✓Hot-lead : testez l'intention d'achat → mention de l'équipe + alerte lead, le bot reste actif.
- ✓Test de concurrence : plusieurs messages en succession rapide → une seule réponse, pas de réponses multiples.
Un chatbot de support IA pour Microsoft Teams — sans seconde boîte de réception
WebChat amène en temps réel les demandes de WhatsApp, Instagram, TikTok et du widget de site web dans le bon canal Microsoft Teams. Un routage intelligent affecte automatiquement chaque demande au service concerné — produit au support, carrières aux RH, campagnes au marketing. Sans changer d'outil, sans second login, sans seconde boîte de réception.
L'IA s'exécute comme agent Azure AI Foundry propre dans votre tenant : pas de dépendance fournisseur, traçabilité complète via les journaux d'audit Microsoft et human-in-the-loop. Power Automate orchestre réponses, escalade et rappels ; les Adaptive Cards affichent des données en direct du CRM et de l'ERP directement dans le chat. Les autorisations et identités proviennent entièrement de Microsoft Entra.
WebChat s'installe comme toute application Microsoft Teams directement depuis Microsoft Teams ou le Microsoft Marketplace, et se facture Pay per Channel au lieu de par utilisateur — avec un nombre illimité d'utilisateurs par canal. La configuration de base prend moins de dix minutes ; vous ajoutez ensuite le chatbot IA via Foundry et Power Automate. Tous les tarifs sur webch.at/tarifs.
