Hoe WebMCP past in gebruikerstrajecten

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Gepubliceerd: 18 mei 2026

WebMCP kent vele mogelijke toepassingen. In dit document leert u hoe u WebMCP kunt implementeren ter ondersteuning van gebruikers en hun agenten. U leest over dit proces vanuit het perspectief van de gebruiker en agent, met aanbevelingen voor tools die u kunt aanbieden ter ondersteuning van een kritieke gebruikersreis (CUJ).

Help gebruikers bij het doen van aankopen.

Ontwikkelaars van webwinkels zijn uitstekende kandidaten voor WebMCP. Hoewel er situaties zijn waarin een gebruiker waarschijnlijk zelf een artikel wil uitkiezen, bijvoorbeeld om het ontbrekende stuk in een verzameling te vinden, zijn er ook situaties waarin de taak gewoon moet worden uitgevoerd. Denk hierbij aan de wekelijkse boodschappenlijst, het plannen van een feestje of het opnieuw bestellen van favoriete producten.

Onze gebruiker voor deze winkel-CUJ's is Jesse. Jesse wil geen tijd verspillen aan het doorzoeken van verschillende categorieën om precies te vinden wat hij zoekt. In plaats daarvan vertrouwt hij op zijn browseragent om zijn winkelbehoeften te ondersteunen, waardoor hij sneller vindt wat hij wil en sneller kan afrekenen.

Ondersteuning van het winkelproces

Jesse heeft besloten om spullen te kopen voor het tiende verjaardagsfeestje van hun kind. Het thema van het feest is de ruimte, en Jesse heeft al een boodschappenlijstje gemaakt. Sommige spullen moeten misschien bij gespecialiseerde supermarkten komen, andere bij grote warenhuizen en weer andere bij gespecialiseerde feestartikelenwinkels.

Jesse vraagt ​​aan de browseragent: "Zoek de beste prijzen voor de producten op mijn boodschappenlijstje bij twee of drie lokale winkels. Stel mijn verlanglijstje samen zodat ik kan afrekenen. Laat het me weten als er producten zijn die niet gevonden kunnen worden."

Jesse heeft bij het stellen van deze vraag een aantal aannames gedaan. Zo gaat ze er bijvoorbeeld van uit dat de medewerker hetzelfde artikel niet in meerdere winkelmandjes zal plaatsen. Als twee winkels een artikel op voorraad hebben, zal de medewerker bepalen welke winkel de laagste prijs heeft en het artikel aan dat winkelmandje toevoegen. Jesse gaat er ook van uit dat lokale winkels zich in haar buurt in Springfield bevinden.

Of je nu ontwikkelaar bent voor een lokaal bedrijf, Space Shoppe, met een groot assortiment feestartikelen voor kinderen, of ontwikkelaar bij een enorme supermarktketen, je zou tools kunnen bouwen om Jesse's agent te ondersteunen.

  • search_products() van Jesse zoekt naar mogelijke artikelen in een categorie die voldoen aan de verwachtingen van de boodschappenlijst. Bijvoorbeeld: productType="wall-decorations" , category="planets" en age="child" .
  • add_to_wishlist() zorgt ervoor dat Jesse alle items kan bekijken voordat ze deze aan zijn winkelmandje toevoegt.
  • Als Jesse vraagt ​​om producten die minder dan een bepaald bedrag kosten, kun je een tool aanbieden om de zoekopdracht te verfijnen, zoals refine_search(priceRange = "0-49.99") .

Stimuleer herhaalaankopen

Jesse was dol op de kaasstengels van Example Grocery Company, maar hij weet niet meer precies welk merk het was. Jesse vraagt ​​aan hun vertegenwoordiger: "Kunt u de kaasstengels die ik vorige maand heb gekocht opnieuw bestellen?"

Ook als u geen abonnementsservice aanbiedt, kunt u klanten nog steeds helpen om hetzelfde product opnieuw te bestellen via hun agent. Als ontwikkelaar van Example Grocery Company kunt u bijvoorbeeld de volgende tools aanbieden:

  • get_order_history(startdate="",enddate="",) geeft details van het product terug, inclusief de besteldatum en de leveringsstatus.
  • add_to_wishlist(productId="XYZ", quantity = 1) zodat Jesse alle artikelen kan bekijken voordat ze deze aan zijn winkelmandje toevoegt.
  • delivery(method="pickup")

De medewerker antwoordt Jesse: "Ik heb uw bestelling van Cheddar Peelers van 7 maart gevonden. Ik heb één verpakking aan uw winkelmandje toegevoegd. Wilt u doorgaan naar de afrekenpagina?" Jesse kan vervolgens snel afrekenen bij Example Grocery Company om alleen de Cheddar Peelers te bestellen, of verder browsen en andere producten kopen.

Help gebruikers bij het invullen van formulieren

Autofill is een ongelooflijk handige browserfunctie die, mits correct toegepast, het aantal afgebroken formulieren met 75% kan verminderen . Hoewel we u aanmoedigen om formulieren met autofill te bouwen , kunnen we de voltooiingspercentages verder verbeteren met behulp van WebMCP.

WebMCP ondersteunt gebruikersagenten bij het snel en correct invullen van lange formulieren. In de volgende paragrafen begeleiden we Charlie bij het invullen van verschillende complexe formulieren.

Werk beheren

Charlie werkt op de IT-afdeling van een advocatenkantoor en heeft een freelancer ingehuurd om een ​​nieuwe website voor het kantoor te ontwerpen. Het beheren van onkosten en urenregistratie is erg lastig, vooral omdat de eisen voor de urenregistratie van de advocaten verschillen.

Je werkt voor een softwarebedrijf voor werkbeheer en je wilt het voor alle leveranciers en advocaten makkelijker maken om hun urenstaten correct in te voeren, zodat het bedrijf het juiste bedrag aan de juiste afdeling factureert. Je kunt een WebMCP-tool toevoegen waarmee de aannemers en advocaten van Charlie een agent kunnen gebruiken om hun dagelijkse urenstaten in te voeren.

<form toolname="add-to-timesheet"
  tooldescription="Report billing task and time to add to the timesheet."
  toolautosubmit>

  <fieldset>
    <label for="date">Date</label>
    <input name="date" type="datetime-local" toolparamdescription="Date of work.">

    <label for="task_category">Task category</label>
    <select id="task_category" name="task_category"
    toolparamdescription="Type of task completed per time block">
      <option value="admin">Admin</option>
      <option value="billing">Billing</option>
      <option value="client">Client meetings or communication</option>
      <option value="development">Development</option>
    </select>

    <label for="minutes_worked">Minutes working on the task</label>
    <input type="number" id="minutes_worked" name="minutes_worked" min="30" max="600"
      toolparamdescription="Minutes worked on this date and task, with a minimum of 30 and maximum of 600."
      placeholder="60">

    <label for="work_details">Details</label>
    <input name="work_details"
      toolparamdescription="Additional details of work completed, for managerial review.">

  </fieldset>
  <button type="submit">Update timesheet</button>
</form>

Een auto kopen

Charlie wil een tweedehands auto kopen. Er zijn een aantal kenmerken waar hij veel waarde aan hecht, zoals het type auto, het aantal zitplaatsen en de gewenste brandstof. Andere kenmerken, zoals de kleur en extra's zoals een achteruitrijcamera, zijn minder belangrijk. Charlie vraagt ​​zijn makelaar: "Kunt u me helpen een gezinsauto te vinden? Hij moet 7 zitplaatsen hebben, op gewone benzine rijden en van de afgelopen 10 jaar zijn."

Als uw website al een formulier met verplichte en optionele velden heeft, kunt u dit in slechts twee stappen omzetten naar een WebMCP-tool.

HTML 

<form toolname="search_cars"
  tooldescription="Search for cars based on various criteria such as type, seats, year, fuel, and features."
  toolautosubmit>

  <fieldset>
    <label for="car_type">Car Type</label>
    <select id="car_type" name="car_type" toolparamdescription="Type of car">
      <option value="">Any</option>
      <option value="family">Family Car</option>
      <option value="suv">SUV</option>
      <option value="sedan">Sedan</option>
    </select>

    <label for="seats">Min Seats</label>
    <input type="number" id="seats" name="seats" min="1" max="9"
      toolparamdescription="Minimum number of seats required"
      placeholder="7">

    <label for="min_year">Minimum Year</label>
    <input type="number" id="min_year" name="min_year" min="1900" max="2026"
      toolparamdescription="Find cars made after a specific year"
      placeholder="2016">
  </fieldset>

  <fieldset>
    <legend>Preferences</legend>

    <label for="fuel_type">Fuel Type</label>
    <select id="fuel_type" name="fuel_type" toolparamdescription="Preferred fuel type">
      <option value="">Unleaded regular</option>
      <option value="">Unleaded premium</option>
      <option value="diesel">Diesel</option>
      ...
    </select>

    <div>
      <input type="checkbox" id="has_ac" name="has_ac" value="true"
        toolparamdescription="Check if air conditioning is required">
      <label for="has_ac">Air Conditioning (AC)</label>
    </div>
  </fieldset>

  <button type="submit">Search Cars</button>
</form>

JavaScript 

search_cars({car_type, seats, min_year, fuel_type, has_ac, ... })

Garantieclaim

Charlie wil een garantieclaim indienen voor zijn tv. Hij komt terecht op de hoofdpagina van de website waar hij de tv besteld heeft. Hij maakt zijn intentie direct kenbaar aan een medewerker:

"Ga naar de ondersteuningspagina en dien een garantieclaim in voor mijn tv. Het scherm gaat niet aan. Het serienummer is XYZ-987. Gebruik mijn opgeslagen gegevens voor de rest."

De agent start met behulp van WebMCP-tools het claimproces en vult alle benodigde informatie in. Als de agent meer informatie nodig heeft, kan hij de gebruiker vragen deze aan de agent te verstrekken of het formulier handmatig in te vullen en te verzenden.

  • start_claim_process() om naar het juiste formulier te navigeren.
  • populate_product_details(serial_number, purchase_date) om de specifieke product- en datumgegevens in te voeren.
  • describe_issue(issue_description) om het veld voor lange tekst te vullen met de foutbeschrijving uit de prompt van de gebruiker.
  • populate_contact_info(name, email, phone)

Door in dit geval WebMCP-tools aan te bieden, helpen we gebruikers met agenten om door de website te navigeren zonder dat ze hoeven te weten waar ze een garantieclaimformulier kunnen vinden. Charlie kon zijn klantreis succesvol voltooien zonder gedetailleerde kennis van de website-structuur.

Aanvraag voor evenementendiensten

Charlie en Jesse gaan in september trouwen en willen een cateraar inhuren. Er zijn tientallen cateraars in hun omgeving en ze willen er zeker van zijn dat elke aanvraag de benodigde informatie bevat en hetzelfde type service vraagt.

Charlie vraagt ​​zijn agent:

"Kunt u een aanvraag indienen voor cateraars in Springfield voor onze bruiloft op 8 september 2026? We willen een vegetarisch menu voor 100 gasten. Twee van onze gasten hebben dieetbeperkingen en hebben speciale maaltijden nodig, waaronder een koosjere maaltijd en een glutenvrije maaltijd. We willen alleen bier en wijn serveren."

Help Charlie's agent een aanvraag in te dienen bij uw cateringbedrijf door deze tools toe te voegen:

  • start_event_request()
  • create_wedding_reception(guests=100,date="September 8, 2026")
  • add_dietary_restrictions(restrictions=["kosher","gluten-free"], guests = 2)
  • select_drink_package(package = "Light")
  • submit_event_request()

Help gebruikers informatie te filteren

Er bestaan ​​veel soorten websites met grote collecties artikelen en complexe filters. Er kunnen honderden of zelfs duizenden vermeldingen zijn, elk met een unieke combinatie van kenmerken waarnaar een gebruiker op zoek kan zijn. Denk bijvoorbeeld aan websites voor het huren van woningen, websites voor hotelboekingen en websites voor ticketverkoop.

In dit gedeelte helpen we Dana bij het vinden van relevante opties die aansluiten bij haar specifieke voorkeuren.

Vind relevante woningaanbiedingen

Dana verhuist met haar gezin naar een nieuwe stad en moet een appartement vinden. De informatie op de verschillende websites verschilt; sommige hebben foto's, andere verschillende filters, zoals prijs, aantal slaapkamers, badkamers en andere kenmerken. Sommige advertenties vermelden een exacte locatie, terwijl andere alleen de buurt aangeven.

Dana vraagt ​​haar agent:

"Laat me beschikbare huurappartementen in Brooklyn zien die op minder dan 10 minuten loopafstand van een metrostation (lijn A) liggen en op minder dan een uur van Tribeca. Het appartement moet minimaal drie slaapkamers en een vaatwasser hebben. Het zou fijn zijn als er een wasmachine en droger in het appartement of in het gebouw aanwezig zijn. Ons budget is $4500."

Je kunt Dana's makelaar helpen bij het vinden van geschikte en relevante huurwoningen door makelaarsvriendelijke filters aan je advertentiesite toe te voegen: 

search(
  max-price=4500,
  location="Brooklyn",
  features=["dishwasher"],
  rooms=3,
  optionalFeatures=["washer-dryer"]
)

Filters toepassen 

apply_filters(
  transit="train",
  max_time="1 hour",
  destination="Tribeca"
)

De makelaar gebruikt deze functies om de metadata van een woning te analyseren en ervoor te zorgen dat de resultaten aan alle eisen voldoen (inclusief 3 slaapkamers en een vaatwasser). Als reactie hierop geeft de makelaar een kaart terug met markeringen die linken naar specifieke woningen, inclusief de totale afstand tot Tribeca. Markeringen hebben een andere kleur als de woning de optionele voorziening, zoals een wasmachine en droger, heeft.

Boek een reis

Dana en haar vrouw Rosario plannen een vakantie naar Berlijn, Duitsland. Dana zoekt hotels die aan hun criteria voldoen en een comfortabel verblijf bieden voor een betaalbare prijs. Dana vraagt ​​haar reisagent: "Zoek een paar hotels in Berlijn, Duitsland voor minder dan $300 per nacht, met zwembad en ontbijt inbegrepen."

Je bent ontwikkelaar voor een reisboekingsdienst die mensen helpt bij het vinden van aantrekkelijke reisdeals:

Zoekopdracht 

search_hotels(location = "Berlin", guests = 2)

Filters toepassen 

filter_search_results(max_price=300,amenities=["pool","restaurant"])

Dana's reisagent laat u drie hotels zien die aan de criteria voldoen en vraagt: "Wilt u dat ik u meer opties laat zien? Of zijn er nog andere criteria waarmee rekening moet worden gehouden?"

Deel je feedback

Welke soorten gebruikerservaringen zouden volgens u baat kunnen hebben bij WebMCP? Zijn er extra functies die aan de API's kunnen worden toegevoegd om aan uw verwachtingen te voldoen? Als u deze API's uitprobeert en feedback hebt, horen we dat graag.