Publicado el 18 de mayo de 2026
WebMCP tiene muchos usos posibles. En este documento, aprenderás a implementar WebMCP para ayudar a los usuarios y a sus agentes. Leerás sobre este proceso desde la perspectiva del usuario y del agente, con recomendaciones de herramientas que podrías proporcionar para admitir un recorrido crítico del usuario (CUJ).
Ayuda a los usuarios a realizar compras
Los desarrolladores de tiendas minoristas son excelentes candidatos para WebMCP. Si bien hay algunas circunstancias en las que es probable que un usuario quiera elegir un artículo, como encontrar la pieza que falta de su colección, hay otras circunstancias en las que solo es necesario realizar la tarea. Puede ser su lista de compras semanal, la planificación de una fiesta o la repetición de pedidos de compras favoritas.
Nuestro usuario para estos CUJ de compras es Jesse. Jesse no quiere pasar tiempo buscando en las categorías para encontrar exactamente lo que busca. En cambio, confía en su agente del navegador para satisfacer sus necesidades de compra, lo que hace que sea más rápido encontrar lo que quiere y confirmar la compra.
Admite el recorrido de compra
Jesse decidió comprar artículos para la fiesta de cumpleaños número 10 de su hijo. El tema de la fiesta es el espacio exterior, y Jesse ya escribió una lista de compras. Es posible que algunos artículos deban provenir de supermercados especializados, otros de tiendas grandes y algunos de proveedores de artículos para fiestas especializados.
Jesse le pregunta a su agente del navegador: "Encuentra los mejores precios para los productos de mi lista de compras en dos o tres tiendas locales. Crea mi lista de deseos para que pueda terminar de confirmar la compra. Avísame si hay productos que no se pueden encontrar".
Jesse hizo algunas suposiciones cuando hizo esta pregunta. Esto incluye que el agente no agregará el mismo artículo en varios carritos. Si dos tiendas tienen un artículo, el agente determinará cuál tiene el costo más bajo y lo agregará a ese carrito. Jesse también supone que las tiendas locales son locales para ella en Springfield.
Ya sea que seas desarrollador de una empresa local, Space Shoppe, con un gran volumen de artículos para fiestas para recomendar a los niños, o un desarrollador de una cadena de supermercados masiva, podrías crear herramientas para admitir el agente de Jesse.
search_products()para que Jesse encuentre posibles artículos en una categoría que cumplan con la expectativa de la lista de compras. Por ejemplo,productType="wall-decorations",category="planets"yage="child".add_to_wishlist()para que Jesse revise todos los artículos antes de agregarlos al carrito.- Si Jesse pide que todos los productos cuesten menos de una cantidad determinada, puedes
ofrecer una herramienta para refinar la búsqueda, como
refine_search(priceRange = "0-49.99").
Admite compras reiteradas
A Jesse le encantaron los palitos de queso de Example Grocery Company, pero no recuerda cuál era la marca. Jesse le pregunta a su agente: "¿Puedes volver a pedir los palitos de queso que compré el mes pasado?".
Si no ofreces un servicio mediante suscripción, puedes ayudar a los clientes a volver a pedir el mismo producto con su agente. Como desarrollador de Example Grocery Company, es posible que quieras ofrecer las siguientes herramientas:
get_order_history(startdate="",enddate="",)que devuelve detalles del producto con la fecha del pedido y el estado de entrega.add_to_wishlist(productId="XYZ", quantity = 1)para que Jesse revise todos los artículos antes de agregarlos al carrito.delivery(method="pickup")
El agente le responde a Jesse: "Encontré tu pedido de Cheddar Peelers del 7 de marzo. Agregué un paquete a tu carrito. ¿Quieres continuar con la confirmación de la compra?". Luego, Jesse puede confirmar la compra rápidamente en Example Grocery Company para pedir solo los Cheddar Peelers o seguir explorando y comprando otros productos.
Ayuda a los usuarios a completar formularios
Autocompletar es una función del navegador increíblemente útil que, cuando se implementa correctamente, puede reducir la tasa de abandono de los formularios en un 75%. Si bien te recomendamos que crees formularios con la función Autocompletar, podemos mejorar aún más las tasas de finalización con la ayuda de WebMCP.
WebMCP admite que los agentes de los usuarios completen formularios largos de forma rápida y correcta. En las siguientes secciones, guiaremos a Charlie para que complete varios formularios complejos.
Cómo administrar trabajo
Charlie trabaja en TI en un bufete de abogados y contrató a un contratista para que diseñe un nuevo sitio web para el bufete. Administrar los gastos y las hojas de horas ha sido muy difícil, en especial porque tiene diferentes expectativas de las hojas de horas para los abogados.
Trabajas para una empresa de software de administración del trabajo y quieres facilitar que todos los proveedores y abogados ingresen sus hojas de horas con el contexto correcto, de modo que la empresa facture la cantidad correcta de dinero al departamento adecuado. Puedes agregar una herramienta de WebMCP para admitir que los contratistas y abogados de Charlie usen un agente para ingresar tareas diarias de la hoja de horas.
<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>
Compra un auto
Charlie quiere comprar un auto usado. Hay algunas funciones que le interesan mucho, como el tipo de auto, la cantidad de asientos y el combustible preferido. Otras funciones, como el color del auto y las comodidades, como una cámara de marcha atrás, son menos importantes. Charlie le pregunta a su agente: "¿Puedes ayudarme a encontrar un auto familiar? Debe tener 7 asientos, usar gasolina normal y ser un modelo de los últimos 10 años".
Si tu sitio web ya tiene un formulario con campos obligatorios y opcionales, solo se necesitan dos pasos para transformar tu formulario en una herramienta de 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, ... })
Reclamo de garantía
Charlie quiere presentar un reclamo de garantía para su TV. Llega a la página principal del sitio web desde el que pidió la TV. De inmediato, le indica su intención a un agente:
"Ve a la página de asistencia y presenta un reclamo de garantía para mi TV. La pantalla no se enciende. El número de serie es XYZ-987. Usa los detalles guardados para el resto".
El agente que usa las herramientas de WebMCP inicia el proceso de reclamo y completa toda la información necesaria. Si el agente necesita más información, puede pedirle al usuario que se la proporcione o que complete el formulario de forma manual y lo envíe.
start_claim_process()para navegar al formulario correcto.populate_product_details(serial_number, purchase_date)para ingresar la información específica del producto y la fecha.describe_issue(issue_description)para completar el campo de texto largo con la descripción de la falla de la instrucción del usuario.populate_contact_info(name, email, phone)
Al proporcionar herramientas de WebMCP en este caso, ayudamos a los usuarios con agentes a navegar por el sitio web sin necesidad de comprender dónde encontrar un formulario de reclamo de garantía. Charlie pudo completar correctamente su recorrido del usuario sin necesidad de comprender en detalle la estructura del sitio web.
Solicitud de servicios para eventos
Charlie y Jesse se casarán en septiembre y quieren contratar un servicio de catering. Hay docenas de servicios de catering disponibles en su área, y quieren asegurarse de que cada solicitud tenga la información requerida y solicite el mismo tipo de servicio.
Charlie le pregunta a su agente:
"¿Puedes enviar una consulta para servicios de catering con sede en Springfield para nuestra boda el 8 de septiembre de 2026? Queremos un menú vegetariano para 100 invitados. Dos de nuestros invitados tienen restricciones alimentarias y requerirán comidas especiales, incluida una comida kosher y una sin gluten. Solo queremos incluir cerveza y vino".
Agrega estas herramientas para ayudar al agente de Charlie a enviar una consulta a tu empresa de catering:
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()
Ayuda a los usuarios a filtrar información
Existen muchos tipos de sitios con grandes colecciones de artículos que tienen filtros complejos. Puede haber cientos o miles de fichas, cada una con una combinación única de funciones que un usuario puede buscar. Por ejemplo, esto puede incluir sitios web de alquiler de viviendas, fuentes de reservas de hoteles y sitios de venta de entradas.
En esta sección, ayudaremos a Dana a encontrar opciones relevantes para sus preferencias específicas.
Encuentra fichas de casas relevantes
Dana se muda a una ciudad nueva con su familia y necesita encontrar un departamento. Todos los sitios de casas muestran información diferente, algunos tienen fotos, algunos tienen varios tipos diferentes de filtros, incluidos el precio, las habitaciones, los baños y otras funciones. Algunas fichas tienen una ubicación exacta, mientras que otras solo pueden mostrar el vecindario.
Dana le pregunta a su agente:
Muéstrame los departamentos disponibles para alquilar en Brooklyn que estén a menos de 10 minutos a pie de una estación de tren A y a menos de una hora de Tribeca. El departamento debe tener al menos tres habitaciones y un lavavajillas. Sería bueno tener una lavadora y una secadora en la unidad o en el edificio. Nuestro presupuesto es de USD 4,500".
Puedes ayudar al agente de Dana a encontrar alquileres adecuados y relevantes agregando filtros aptos para agentes a tu sitio de fichas:
Buscar
search(
max-price=4500,
location="Brooklyn",
features=["dishwasher"],
rooms=3,
optionalFeatures=["washer-dryer"]
)
Cómo aplicar filtros
apply_filters(
transit="train",
max_time="1 hour",
destination="Tribeca"
)
El agente usa estas funciones para analizar los metadatos de la propiedad y asegurarse de que los resultados cumplan con todos los requisitos (incluidas 3 habitaciones y un lavavajillas). En respuesta, el agente devuelve un mapa con marcadores que vinculan a fichas específicas, la distancia total desde Tribeca. Los marcadores tienen un color diferente si tienen la función opcional, una lavadora y una secadora, en la ficha.
Reservar viaje
Dana y su esposa, Rosario, están planeando unas vacaciones en Berlín, Alemania. Dana quiere encontrar opciones de hoteles que cumplan con sus criterios y que proporcionen una estadía cómoda a un costo que puedan pagar. Dana le pregunta a su agente: "Encuentra algunos hoteles en Berlín, Alemania, que cuesten menos de USD 300 por noche, con piscina y desayuno incluidos".
Eres desarrollador de un servicio de reservas de viajes que busca encontrar excelentes ofertas de viajes para las personas:
Buscar
search_hotels(location = "Berlin", guests = 2)
Cómo aplicar filtros
filter_search_results(max_price=300,amenities=["pool","restaurant"])
El agente de Dana devuelve tres hoteles que cumplen con los criterios y pregunta: "¿Quieres que te muestre más opciones? ¿O hay criterios adicionales que debes tener en cuenta?".
Comparte tus comentarios
¿Qué tipos de recorridos del usuario crees que pueden beneficiarse de WebMCP? ¿Hay funciones adicionales que se puedan agregar a las APIs para satisfacer tus expectativas? Si pruebas estas APIs y tienes comentarios, nos encantaría escucharlos.
- Lee la explicación de WebMCP, haz preguntas y participa en el debate.
- Revisa la implementación de Chrome en Chrome Status.
- Únete al programa de vista previa anticipada para obtener una vista previa de las nuevas APIs y acceder a nuestra lista de distribución.
- Si tienes comentarios sobre la implementación de Chrome, informa un error de Chromium.