Pubblicato il 18 maggio 2026
Esistono molti possibili utilizzi per WebMCP. In questo documento, scoprirai come implementare WebMCP a supporto degli utenti e dei loro agenti. Leggerai di questo processo dal punto di vista dell'utente e dell'agente, con consigli sugli strumenti che potresti fornire per supportare un Critical User Journey (CUJ).
Aiutare gli utenti a effettuare acquisti
Gli sviluppatori di negozi al dettaglio sono ottimi candidati per WebMCP. Sebbene in alcune circostanze un utente voglia probabilmente scegliere un articolo, ad esempio trovare il pezzo mancante della sua collezione, in altre circostanze l'attività deve essere completata. Potrebbe trattarsi della lista della spesa settimanale, della pianificazione di una festa o del riordino degli acquisti preferiti.
Il nostro utente per questi CUJ di acquisto è Jesse. Jesse non vuole perdere tempo a cercare tra le categorie per trovare esattamente quello che sta cercando. Si affida invece al suo agente del browser per soddisfare le sue esigenze di acquisto, rendendo più veloce la ricerca degli articoli che desidera e più rapido il pagamento.
Supportare il percorso di acquisto
Jesse ha deciso di acquistare le forniture per la festa di compleanno del figlio, che compirà 10 anni. Il tema della festa è lo spazio e Jesse ha già scritto una lista della spesa. Alcune forniture potrebbero provenire da negozi di alimentari specializzati, altre da grandi magazzini e altre ancora da fornitori di articoli per feste specializzati.
Jesse chiede al suo agente del browser: "Trova i prezzi migliori per i prodotti della mia lista della spesa in due o tre negozi locali. Crea la mia lista dei desideri in modo che io possa completare il pagamento. Fammi sapere se ci sono prodotti che non riesci a trovare".
Jesse ha fatto alcune ipotesi quando ha posto questa domanda. Ad esempio, l'agente non aggiungerà lo stesso articolo a più carrelli. Se due negozi hanno un articolo, l'agente determinerà quale ha il costo inferiore e lo aggiungerà al carrello. Jesse presume anche che i negozi locali siano quelli di Springfield.
Che tu sia uno sviluppatore di un'attività locale, Space Shoppe, con un grande volume di articoli per feste da consigliare ai bambini, o uno sviluppatore di una grande catena di negozi di alimentari, potresti creare strumenti per supportare l'agente di Jesse.
search_products()per consentire a Jesse di trovare possibili articoli in una categoria che soddisfino le aspettative della lista della spesa. Ad esempio,productType="wall-decorations",category="planets"eage="child".add_to_wishlist()per consentire a Jesse di esaminare tutti gli articoli prima di aggiungerli al carrello.- Se Jesse chiede che tutti i prodotti costino meno di un determinato importo, puoi
offrire uno strumento per perfezionare la ricerca, ad esempio
refine_search(priceRange = "0-49.99").
Supportare gli acquisti ripetuti
A Jesse sono piaciuti molto i bastoncini di formaggio di Example Grocery Company, ma non ricorda bene il brand. Jesse chiede al suo agente: "Puoi riordinare i bastoncini di formaggio che ho acquistato il mese scorso?"
Se non offri un servizio in abbonamento, puoi comunque aiutare i clienti a ordinare di nuovo lo stesso prodotto con il loro agente. In qualità di sviluppatore di Example Grocery Company, potresti offrire i seguenti strumenti:
get_order_history(startdate="",enddate="",)che restituisce i dettagli del prodotto con la data dell'ordine e lo stato della consegna.add_to_wishlist(productId="XYZ", quantity = 1)per consentire a Jesse di esaminare tutti gli articoli prima di aggiungerli al carrello.delivery(method="pickup")
L'agente risponde a Jesse: "Ho trovato il tuo ordine di Cheddar Peelers del 7 marzo. Ho aggiunto un pacchetto al carrello. Vuoi procedere al pagamento? Jesse può quindi completare rapidamente l'acquisto da Example Grocery Company per ordinare solo i Cheddar Peelers o continuare a sfogliare e acquistare altri prodotti.
Aiutare gli utenti a compilare i moduli
La compilazione automatica è una funzionalità del browser incredibilmente utile che, se implementata correttamente, può ridurre il tasso di abbandono dei moduli del 75%. Sebbene ti invitiamo a creare moduli con la compilazione automatica, possiamo migliorare ulteriormente i tassi di completamento con l'aiuto di WebMCP.
WebMCP consente agli agenti degli utenti di compilare moduli lunghi in modo rapido e corretto. Nelle sezioni successive, guideremo Charlie nella compilazione di vari moduli complessi.
Gestire il lavoro
Charlie lavora nel reparto IT di uno studio legale e ha assunto un libero professionista per progettare un nuovo sito web per lo studio. La gestione delle spese e delle schede attività è stata molto difficile, soprattutto perché ha aspettative diverse rispetto alle schede attività degli avvocati.
Lavori per un'azienda di software di gestione del lavoro e vuoi semplificare l'inserimento delle schede attività per tutti i fornitori e gli avvocati con il contesto corretto, in modo che l'azienda fatturi l'importo corretto al reparto giusto. Puoi aggiungere uno strumento WebMCP per consentire ai liberi professionisti e agli avvocati di Charlie di utilizzare un agente per inserire le attività delle schede attività giornaliere.
<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>
Acquistare un'auto
Charlie sta cercando di acquistare un'auto usata. Ci sono alcune caratteristiche a cui tiene molto, come il tipo di auto, il numero di posti e il carburante preferito. Altre caratteristiche, come il colore dell'auto e i servizi come la telecamera di backup, sono meno importanti. Charlie chiede al suo agente: "Puoi aiutarmi a trovare un'auto per la famiglia? Deve avere 7 posti, funzionare a benzina normale ed essere un modello degli ultimi 10 anni".
Se il tuo sito web ha già un modulo con campi obbligatori e facoltativi, bastano due passaggi per trasformarlo in uno strumento WebMCP.
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, ... })
Richiesta in garanzia
Charlie vuole presentare una richiesta in garanzia per la sua TV. Arriva alla pagina principale del sito web da cui ha ordinato la TV. Dichiara immediatamente la sua intenzione a un agente:
"Vai alla pagina di assistenza e presenta una richiesta in garanzia per la mia TV. Lo schermo non si accende. Il numero di serie è XYZ-987. Usa i miei dettagli salvati per il resto".
L'agente che utilizza gli strumenti WebMCP avvia la procedura di richiesta e compila tutte le informazioni necessarie. Se l'agente ha bisogno di ulteriori informazioni, può chiedere all'utente di fornirle o di compilare il modulo manualmente e inviarlo.
start_claim_process()per passare al modulo corretto.populate_product_details(serial_number, purchase_date)per inserire le informazioni specifiche sul prodotto e sulla data.describe_issue(issue_description)per compilare il campo di testo lungo con la descrizione del difetto dal prompt dell'utente.populate_contact_info(name, email, phone)
Fornendo gli strumenti WebMCP in questo caso, aiutiamo gli utenti con gli agenti a navigare nel sito web senza dover capire dove trovare un modulo di richiesta in garanzia. Charlie è riuscito a completare il suo percorso utente senza dover comprendere in dettaglio la struttura del sito web.
Richiesta di servizi per eventi
Charlie e Jesse si sposeranno a settembre e vogliono assumere un catering. Nella loro zona sono disponibili decine di catering e vogliono assicurarsi che ogni richiesta contenga le informazioni necessarie e richieda lo stesso tipo di servizio.
Charlie chiede al suo agente:
"Puoi inviare una richiesta di informazioni per i catering con sede a Springfield per il nostro matrimonio l'8 settembre 2026? Vogliamo un menu vegetariano per 100 ospiti. Due dei nostri ospiti hanno restrizioni alimentari e avranno bisogno di pasti speciali, tra cui un pasto kosher e un pasto senza glutine. Vogliamo includere solo birra e vino".
Aiuta l'agente di Charlie a inviare una richiesta alla tua azienda di catering aggiungendo questi strumenti:
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()
Aiutare gli utenti a filtrare le informazioni
Esistono molti tipi di siti con grandi raccolte di articoli che hanno filtri complessi. Potrebbero esserci centinaia o migliaia di schede, ognuna con una combinazione unica di funzionalità che un utente potrebbe cercare. Ad esempio, possono essere inclusi siti web di affitto di alloggi, fonti di prenotazione di hotel e siti di biglietteria.
In questa sezione, aiutiamo Dana a trovare le opzioni pertinenti per le sue preferenze specifiche.
Trovare schede di case pertinenti
Dana si sta trasferendo in una nuova città con la sua famiglia e deve trovare un appartamento. Tutti i siti di case elencano informazioni diverse, alcuni hanno foto, altri hanno diversi tipi di filtri, tra cui prezzo, camere da letto, bagni e altre funzionalità. Alcune schede hanno una posizione esatta, mentre altre potrebbero elencare solo il quartiere.
Dana chiede al suo agente:
Mostrami gli appartamenti in affitto a Brooklyn che si trovano a meno di 10 minuti a piedi da una stazione della metropolitana A e a meno di un'ora da Tribeca. L'appartamento deve avere almeno tre camere da letto e una lavastoviglie. Sarebbe bello avere una lavatrice e un'asciugatrice nell'appartamento o nell'edificio. Il nostro budget è di 4500 $".
Puoi aiutare l'agente di Dana a trovare affitti adatti e pertinenti aggiungendo filtri di facile utilizzo per gli agenti al tuo sito di schede:
Cerca
search(
max-price=4500,
location="Brooklyn",
features=["dishwasher"],
rooms=3,
optionalFeatures=["washer-dryer"]
)
Applicare filtri
apply_filters(
transit="train",
max_time="1 hour",
destination="Tribeca"
)
L'agente utilizza queste funzioni per analizzare i metadati della proprietà e assicurarsi che i risultati soddisfino tutti i requisiti (tra cui 3 camere da letto e una lavastoviglie). In risposta, l'agente restituisce una mappa con indicatori che rimandano a schede specifiche, la distanza totale da Tribeca. Gli indicatori sono di un colore diverso se nella scheda è presente la funzionalità facoltativa, una lavatrice e un'asciugatrice.
Prenota viaggio
Dana e sua moglie, Rosario, stanno pianificando una vacanza a Berlino, in Germania. Dana vuole trovare opzioni di hotel che soddisfino i loro criteri, offrendo un soggiorno confortevole a un costo che possono permettersi. Dana chiede al suo agente: "Trova alcuni hotel a Berlino, in Germania, a meno di 300 $a notte, con piscina e colazione inclusa".
Sei uno sviluppatore di un servizio di prenotazione di viaggi che cerca di trovare ottime offerte di viaggio per le persone:
Cerca
search_hotels(location = "Berlin", guests = 2)
Applicare filtri
filter_search_results(max_price=300,amenities=["pool","restaurant"])
L'agente di Dana restituisce tre hotel che soddisfano i criteri e chiede: "Vuoi che ti mostri altre opzioni? O ci sono altri criteri da considerare?"
Condividi il tuo feedback
Quali tipi di percorsi utente ritieni possano trarre vantaggio da WebMCP? Esistono funzionalità aggiuntive che possono essere aggiunte alle API per soddisfare le tue aspettative? Se provi queste API e hai feedback, saremo felici di riceverli.
- Leggi la spiegazione di WebMCP, poni domande e partecipa alla discussione.
- Esamina l'implementazione per Chrome su Chrome Status.
- Partecipa al programma di anteprima per dare un'occhiata in anteprima alle nuove API e accedere alla nostra mailing list.
- Se hai feedback sull'implementazione di Chrome, segnala un bug di Chromium.