WebChat voor Microsoft Teams — de complete gids
Deze gids leidt u volledig door WebChat: van de installatie in Microsoft Teams via het openen en testen in de back-end en het instellen van de inkomende kanalen — websitewidget, WhatsApp, Instagram — tot uw eigen AI met Azure AI Foundry en Power Automate. Elk kanaal komt in realtime binnen in het juiste Microsoft Teams-kanaal. Pay per Channel, in enkele minuten ingesteld.
▶Vind alles over WebChat in deze video (12 min)Zo werkt WebChat: een aanvraag via de websitewidget wordt naar het juiste Microsoft Teams-kanaal gerouteerd — beide kanten tonen hetzelfde gesprek, het team antwoordt met “@WebChat …” rechtstreeks vanuit Microsoft Teams.
Drie bouwstenen, één platform
WebChat brengt alle kanalen naar Microsoft Teams. Optioneel voegt u uw eigen AI toe — aangestuurd via Power Automate, beantwoord door een Foundry-agent.
In drie fasen naar een productieve WebChat
1WebChat & Microsoft Teams
- WebChat toevoegen in Microsoft Teams
- Back-end openen & testen
- WebChat configureren
- Meer beheerders toevoegen
- Probleemoplossing
2Inkomende kanalen instellen
WebChat & Microsoft Teams
Installeren, testen in de back-end, configureren en beheerders toevoegen.
WebChat toevoegen in Microsoft Teams
U kunt WebChat rechtstreeks in Microsoft Teams zoeken onder “Apps” — of via de Microsoft Marketplace. De app wordt vervolgens aan het gewenste kanaal toegewezen.
Zoek naar “WebChat” in de Microsoft Marketplace
Of open direct het item webch.at/webchat direct. Afrekening via Pay per Channel in plaats van per gebruiker.
De app in Microsoft Teams installeren
Kies op de detailpagina van de app in Microsoft Teams “Toevoegen”.
De detailpagina van de WebChat-app in Microsoft Teams.
Een kanaal kiezen
Kies het Microsoft Teams-kanaal waar de klantaanvragen moeten binnenkomen.
Kies het doelkanaal voor de inkomende aanvragen.
WebChat meldt zich in het Microsoft Teams-kanaal
Na de installatie plaatst WebChat automatisch zijn eerste bericht in het gekozen kanaal — met een setup-kaart en een knop “Instellen”.
Na de installatie meldt WebChat zich voor het eerst in het Microsoft Teams-kanaal (nabootsing).
Back-end openen & testen
U beheert kanalen en instellingen in de WebChat-back-end — aangemeld via Microsoft Entra (SSO). Test de volledige route naar Microsoft Teams en terug.
Back-end openen via SSO
webchat.inwebco.com — aanmelden via Microsoft Entra, zonder aparte inloggegevens.
Een kanaal kiezen — u komt direct in het tabblad LiveTest
Open in de kanaallijst het kanaal dat u zojuist in Microsoft Teams hebt aangemaakt. U komt direct in het tabblad “LiveTest” — rechtsonder vindt u uw widget, van waaruit u op elk moment een test-klantbericht kunt sturen. Vul het formulier in, klik op “Chat starten” en schrijf het eerste bericht.
Na het kiezen van het kanaal opent direct het tabblad “LiveTest” (back-end, desktopweergave).
Naar Microsoft Teams wisselen
Stuur in LiveTest een testbericht en wissel naar Microsoft Teams: de aanvraag verschijnt in realtime als thread in het kanaal, inclusief contactkaart. Met “@WebChat message …” antwoordt u de klant; zonder mention blijft het interne communicatie.
In Microsoft Teams: de aanvraag als thread — beantwoord met “@WebChat message …”.
Terug in LiveTest: het antwoord is binnen
Het antwoord uit Microsoft Teams verschijnt in het tabblad “LiveTest” — de volledige route (klant → Microsoft Teams → antwoord) werkt.
Het antwoord uit Microsoft Teams is in de LiveTest-chat aangekomen.
WebChat configureren
In het tabblad “Configuratie” past u het uiterlijk en gedrag van de widget aan. Het kanaal is al actief — elke instelling is direct zichtbaar in LiveTest.
Het tabblad “Configuratie” in de back-end — alle kanaalinstellingen op één plek.
Selectie van instellingen in detail
Modus & kleuren bepalen het uiterlijk van de widget, Quick-Replies bieden snelle antwoorden bij het eerste bericht, Typindicator & inactiviteit houden het gesprek levendig, en het startformulier verzamelt contactgegevens al vóór het eerste contact.
Modus & kleuren
Quick-Reply-Buttons
Zichtbaarheid van de typindicator
Startformulierveld
Teksten & afzender
Lettertype
Meer beheerders toevoegen
Standaard kan alleen de persoon die WebChat heeft ingesteld configuraties wijzigen. Voeg in het tabblad “Admin” meer beheerders toe.
Het tabblad “Admin” in de back-end met de lijst met beheerders en “Beheerder toevoegen”.
Via “Beheerder toevoegen” voert u een e-mailadres in en slaat u op — de persoon moet lid zijn van het Microsoft Teams-kanaal (toegang via Entra) en kan daarna de instellingen van dit kanaal wijzigen.
Probleemoplossing
De meest voorkomende valkuilen — en hoe u ze oplost.
Alleen “Goedkeuring aanvragen” in plaats van “Toevoegen”?
🔒
WebChat
Goedkeuring door de beheerder in het Microsoft Teams-beheercentrum ontgrendelt WebChat bedrijfsbreed.
Aanmelden via SSO mislukt?
Aanmelden bij de back-end via Microsoft Entra (eenmalige aanmelding).
Meer vragen
De widget verschijnt niet op de website
Controleer of het script vóór de afsluitende body-tag staat en het kanaal in de back-end op “Actief” staat. Bij integratie via Google Tag Manager: publiceer de container.
WhatsApp of Instagram laat zich niet verbinden
WhatsApp vereist een WhatsApp Business-account (Meta); Instagram een professioneel/zakelijk account dat aan een Facebook-pagina is gekoppeld. Doorloop de begeleide aanmelding in het betreffende tabblad volledig.
De flow laat zich niet opslaan
Zonder Power Automate Premium-licentie mislukken de premium-connectoren. Wijs de licentie toe en sla opnieuw op en publiceer.
De agent antwoordt niet
Controleer of de agentnaam en het vaste versienummer in de flow-config kloppen en of het Azure pay-as-you-go-abonnement actief is.
Meer hulp & links
Inkomende kanalen instellen
Websitewidget, WhatsApp en Instagram verbinden — berichten ontvangen en direct vanuit Microsoft Teams beantwoorden.
De widget op de website plaatsen
Eén script plaatst de widget — direct in de broncode of, zonder codetoegang, via Google Tag Manager.
Embedcode kopiëren
Kopieer in het tabblad “Insluiten” de scriptcode naar het klembord.
Het tabblad “Insluiten” in de back-end met “Naar klembord kopiëren”.
Invoegen vóór het einde van de body
Plaats het script direct vóór de afsluitende body-tag van uw website.
Publiceren & laden
Sla de pagina op/publiceer — de widget verschijnt rechtsonder.
De WebChat-widget rechtsonder op de website geplaatst.
Alternatief: insluiten via Google Tag Manager
Zonder toegang tot de broncode voegt u het script in als aangepaste HTML-tag in Google Tag Manager.
Google Tag Manager openen
Ga naar tagmanager.google.com en selecteer de container van uw website (de GTM-container moet eenmalig op de website zijn opgenomen).
Nieuwe tag “Aangepaste HTML” aanmaken
In Google Tag Manager: “Tags” → “Nieuw” → kies tagtype “Aangepaste HTML” en plak de WebChat-embedcode exact — inclusief de <script>-tags. Laat de optie “document.write ondersteunen” uitgeschakeld.
Trigger “Paginaweergave” aanmaken & aan de tag toewijzen
Maak in Tag Manager onder “Triggers” een trigger van het type “Paginaweergave” aan en wijs deze toe aan de aangepaste HTML-tag. “Alle pagina's” laadt de widget sitebreed; of richt hem met een voorwaarde — bijv. “Pagina-URL bevat /contact”: dan krijgen alle subpagina's van dat pad precies deze widget.
Voorbeeld testen & publiceren
Gebruik “Voorbeeld” om te controleren of de widget op de pagina laadt. Daarna “Verzenden” → “Publiceren” — de widget is live, zonder wijziging aan de broncode van de website.
WhatsApp verbinden & configureren
In het tabblad “WhatsApp Business” verbindt u uw WhatsApp Business-account (Meta) via een begeleide aanmelding.
Tabblad “WhatsApp Business” openen
Open in de back-end van het gewenste kanaal het tabblad “WhatsApp Business”.
Het tabblad “WhatsApp Business” in de back-end (desktopweergave).
Aanmelden met Facebook
Verbinding via de WhatsApp Business Manager (Meta). Een WhatsApp Business-account is vereist. De pop-up die verschijnt is een door Meta bepaald proces — volg gewoon de stappen in het venster.
Nummer verifiëren & registreren
Begeleide flow: aanmelden → verificatie → registratie → verbonden. Voor de verificatie ontvangt u een oproep met een code. Daarna staan nummer, deellink en QR-code klaar (zie het tabblad hierboven).
Configureren
Pas de naam, het nummer en de knop “Chat on WhatsApp” aan in het configuratiegebied.
WhatsApp-bericht schrijven, vanuit Microsoft Teams antwoorden
Zodra de verbinding er is: scan de gegenereerde QR-code, WhatsApp opent en u kunt direct een bericht schrijven — het komt in realtime binnen in het juiste Microsoft Teams-kanaal.
Een aanvraag via WhatsApp wordt automatisch naar het juiste Microsoft Teams-kanaal gerouteerd — het team antwoordt de klant met “@WebChat …”.
Instagram verbinden
In het tabblad “Instagram” koppelt u een professioneel/zakelijk Instagram-account.
Instagram in de browser openen & aanmelden
Meld u in de browser aan met het gewenste profiel.
Tabblad “Instagram Business” openen & op “Verbinden” klikken
Open in de back-end van het gewenste kanaal het tabblad “Instagram Business” en klik op “Verbinden” — de Meta-aanmelding start.
Het tabblad “Instagram Business” in de back-end (desktopweergave).
Account koppelen & bevestigen
Bevestig de toegang in het Meta-dialoogvenster — WebChat ontvangt een toegangstoken en toont het verbonden account.
Token blijft geldig
Het token wordt automatisch verlengd zolang het account verbonden blijft.
Een Instagram-DM ontvangen, vanuit Microsoft Teams antwoorden
Een Instagram-DM (bijv. reactie op een advertentie) komt binnen in het Marketing-kanaal — direct vanuit Microsoft Teams beantwoord.
Uw eigen AI opzetten
Een Foundry-agent aanmaken, aansturen via Power Automate en testen vanuit alle kanalen.
AI-agent aanmaken
De AI draait als eigen agent in uw eigen tenant (ai.azure.com): project aanmaken, prompt-agent met model maken, websearch als grounding toevoegen, publiceren.
Project aanmaken
Maak in het Foundry-projectmenu een nieuw project aan (of open een bestaand).
Agent aanmaken
Maak een prompt-agent en kies een model. We raden een aparte agent per kanaal aan.
Microsoft Foundry — het agentoverzicht.
Systeemprompt instellen
Bepaal rol, toon en escalatieregels — bijv. “U bent de supportagent van bedrijf X, antwoord beleefd; escaleer naar het team bij koopintentie of klacht.”
Grounding: websearch inschakelen
Voeg websearch toe als grounding en voer toegestane domeinen/URL's in (bijv. webchat.cloud), zodat de agent alleen vanuit uw bronnen antwoordt — niet vanuit algemene modelkennis.
Het dialoogvenster “Websearch-tool toevoegen”: aangepaste Bing Search met uw domeinen verbinden (neutrale voorbeeldnamen).
Kennisbestanden koppelen
Voeg uw eigen documenten (PDF, FAQ, prijslijsten) toe als vectoropslag. Hoe strakker de grounding, hoe nauwkeuriger en verifieerbaarder de antwoorden — de agent citeert zijn bronnen.
Testen in de playground
Vóór het publiceren: probeer de agent direct in de Foundry-playground en controleer hoe hij antwoordt — verfijn prompt, grounding en toon.
De agent in de Foundry-playground: stuur testverzoeken, controleer antwoorden en bronnen.
Publiceren & naam/versie noteren
Sla de agent op en publiceer. Noteer de agentnaam en de gepubliceerde versie — beide hebt u nodig in deel 10 voor de Power Automate-flow. Gebruik altijd een vast versienummer, geen “latest”.
De aanstuur-flow configureren
make.powerautomate.com — verbindingen aanmaken, keyword-trigger instellen, de flow-code als scope plakken en de agent-config invoeren.
Verbindingen aanmaken
Maak Microsoft Teams, Content Conversion en Azure AI Agent Service aan. De endpoint voor de Azure AI Agent Service haalt u in Foundry via het projectmenu → “Projectdetails”.
De drie verbindingen in Power Automate: Microsoft Teams ([email protected] — WebChat plaatst onder deze gebruiker berichten in Microsoft Teams), WebChat-Foundry-Agents (Azure AI Foundry Agent Service — endpoint uit de Foundry-projectdetails) en Content Conversion.
In Foundry vindt u onder “Projectdetails” de project-endpoint en de regio — voer deze in bij de Azure AI Agent Service-verbinding.
Keyword-trigger configureren
“Wanneer trefwoorden worden genoemd” op het doelkanaal. Standaard stuurt WebChat het trefwoord pp — verwijder het niet. Wilt u het aanpassen, stel dan in het back-endtabblad “Power Platform” een eigen waarde in en voer precies die hier als trefwoord in. Het trefwoord wordt ook meegestuurd als u de weergave ervan uitschakelt — zo verschijnt het niet in elk bericht. In het begin staat de weergave bewust aan zodat het mechanisme zichtbaar is.
Trigger “When keywords are mentioned”: Message type = Channel, kies de Team- en Channels item-vermelding en stel het trefwoord in (standaard “pp”).
Het trefwoord van de trigger (standaard “pp”) kan in het back-endtabblad “Power Platform” worden aangepast.
Flow-code plakken
Kopieer de voorbereide flow-code van webch.at/json. Klik in de designer onder de trigger met de rechtermuisknop op de “+” om een nieuwe actie in te voegen en gebruik “Mijn klembord” om de gekopieerde scope te plakken — de volledige flow (voorwaarde → AI-agent → Adaptive Card) wordt mee ingevoegd. Wijs daarna aan elke actie de juiste verbinding toe.
Download/kopieer eerst de JSON van webch.at/json. Klik dan onder de trigger op “+” (of rechtermuisknop) → “Plakken” om de volledige scope in te voegen.
Agent-config invoeren
Voer in de actie Variabele initialiseren Config_agent_name en Config_agent_version uit deel 9 in (vast versienummer, geen “latest”). Voeg meer nodes toe via “+” of rechtermuisknop → “Actie toevoegen” (bijv. herinnering, escalatie, hot-lead-mention). Sla ten slotte op en publiceer.
Testen: start een gesprek in LiveTest
Start een testgesprek in het tabblad “LiveTest” — de AI-agent antwoordt automatisch. Hetzelfde gesprek verschijnt in het Microsoft Teams-kanaal, waar het team het op elk moment kan overnemen.
LiveTest: de bezoeker vraagt — de AI-agent (Foundry) antwoordt in realtime.
Hetzelfde gesprek loopt in het Microsoft Teams-kanaal “Support” — de AI-agent antwoordt via @WebChat, het team kan het op elk moment overnemen.
Optioneel: livegegevens als Adaptive Card
Optioneel kunt u in Power Automate meer Adaptive Cards maken en in het gesprek laten meelopen — om de behandelaar interne informatie, livegegevens uit CRM/ERP of andere workflows direct in het Microsoft Teams-kanaal aan te bieden.
De agent vanuit alle bronnen testen
Eén agent, alle kanalen: trigger aanvragen via de widget, WhatsApp en Instagram en controleer het gedrag in Microsoft Teams één voor één.
Voorbeelden: escalatie, hot-lead & bot-besturing
Deze gedragingen worden geconfigureerd via de config-variabelen van de workflow in Power Automate (deel 10) — bijv. herinneringsinterval, escalatie-mention en hot-lead-detectie.
WebChatEscalatieWebChatHot-leadWebChatHerinneringChatbot-besturingPer gesprek schakelbaar (human-in-the-loop)Checklist
- ✓Antwoord: stuur een test-klantbericht → de agent antwoordt in het kanaal.
- ✓Escalatie: overdracht wordt aan het team gemeld, bot uitgeschakeld, activeerkaart + herinnering geplaatst.
- ✓Heractiveren: schakel de bot weer in via de activeerkaart.
- ✓Hot-lead: test koopintentie → team-mention + lead-alert, bot blijft actief.
- ✓Race-test: meerdere berichten snel achter elkaar → er komt één antwoord, geen meervoudige antwoorden.
Een AI-supportchatbot voor Microsoft Teams — zonder tweede inbox
WebChat brengt aanvragen uit WhatsApp, Instagram, TikTok en de websitewidget in realtime naar het juiste Microsoft Teams-kanaal. Intelligente routing wijst elke aanvraag automatisch toe aan de juiste afdeling — product naar support, carrière naar HR, campagnes naar marketing. Geen tool-wissel, geen tweede login, geen tweede inbox.
De AI draait als eigen Azure AI Foundry-agent in uw eigen tenant: geen vendor lock-in, volledige traceerbaarheid via Microsoft-auditlogboeken en human-in-the-loop. Power Automate orkestreert antwoorden, escalatie en herinneringen; Adaptive Cards tonen livegegevens uit CRM en ERP direct in de chat. Machtigingen en identiteiten komen volledig uit Microsoft Entra.
WebChat wordt zoals elke Microsoft Teams-app direct vanuit Microsoft Teams of de Microsoft Marketplace geïnstalleerd en afgerekend via Pay per Channel in plaats van per gebruiker — met onbeperkte gebruikers per kanaal. De basisinstallatie staat in minder dan tien minuten; de AI-chatbot voegt u daarna toe via Foundry en Power Automate. Alle prijzen op webch.at/prijzen.
