Jak WebMCP pasuje do ścieżek użytkowników

Alexandra Klepper

Data publikacji: 18 maja 2026 r.

Wyjaśnienie	Sieć	Rozszerzenia	Stan Chrome	Intencja
GitHub	Wersja próbna origin		Wyświetl	Zamiar przeprowadzenia eksperymentu

WebMCP można wykorzystywać na wiele sposobów. Z tego dokumentu dowiesz się, jak wdrożyć WebMCP, aby wspierać użytkowników i ich agentów. Dowiesz się więcej o tym procesie z perspektywy użytkownika i agenta, a także poznasz rekomendacje dotyczące narzędzi, które możesz udostępnić, aby wspierać kluczową ścieżkę użytkownika.

Pomaganie użytkownikom w dokonywaniu zakupów

Twórcy aplikacji dla sklepów detalicznych to idealni kandydaci do programu WebMCP. W niektórych sytuacjach użytkownik prawdopodobnie będzie chciał samodzielnie wybrać produkt, np. gdy szuka brakującego elementu kolekcji. W innych przypadkach po prostu chce wykonać zadanie. Może to być cotygodniowa lista zakupów, planowanie przyjęcia lub ponowne zamawianie ulubionych produktów.

Użytkownikiem, dla którego opracowaliśmy te ścieżki, jest Jesse. Nie chce on tracić czasu na przeszukiwanie kategorii, aby znaleźć dokładnie to, czego szuka. Zamiast tego korzysta z agenta przeglądarki, który pomaga mu w zakupach, dzięki czemu szybciej znajduje to, czego potrzebuje, i może szybciej dokonać płatności.

Wspieranie procesu zakupu

Kasia postanowiła kupić artykuły na 10 urodziny swojego dziecka. Tematem przyjęcia jest kosmos, a Jesse ma już listę zakupów. Niektóre materiały mogą pochodzić ze specjalistycznych sklepów spożywczych, inne z dużych sklepów, a jeszcze inne od specjalistycznych dostawców artykułów imprezowych.

Jesse prosi agenta przeglądarki: „Znajdź najlepsze ceny produktów z mojej listy zakupów w 2–3 lokalnych sklepach”. Utwórz moją listę życzeń, abym mógł dokończyć płatność. Daj mi znać, jeśli nie możesz znaleźć jakichś produktów”.

Jesse założyła pewne rzeczy, zadając to pytanie. Między innymi to, że agent nie doda tego samego produktu do kilku koszyków. Jeśli dwa sklepy mają ten sam produkt, agent sprawdzi, który z nich ma niższą cenę, i doda go do tego koszyka. Jesse zakłada też, że lokalne sklepy znajdują się w jej okolicy w Springfield.

Niezależnie od tego, czy jesteś programistą w lokalnym sklepie Space Shoppe, który ma duży wybór akcesoriów imprezowych dla dzieci, czy w ogromnej sieci sklepów spożywczych, możesz tworzyć narzędzia wspierające agenta Jessego.

• search_products(), aby Jesse znalazł możliwe produkty w kategorii, które spełniają oczekiwania z listy zakupów. Na przykład: productType="wall-decorations", category="planets" i age="child".
• add_to_wishlist(), aby Jesse mógł sprawdzić wszystkie produkty przed dodaniem ich do koszyka.
• Jeśli Jesse poprosi o wyświetlenie wszystkich produktów, które kosztują mniej niż określona kwota, możesz zaproponować narzędzie do zawężania wyszukiwania, np.refine_search(priceRange = "0-49.99").

Obsługa powtórnych zakupów

Jesse uwielbiał sery z Example Grocery Company, ale nie pamięta, jaka to była marka. Jesse pyta agenta: „Czy możesz ponownie zamówić serowe paluszki, które kupiłem w zeszłym miesiącu?”.

Jeśli nie oferujesz usługi subskrypcji, nadal możesz pomóc klientom w ponownym zamówieniu tego samego produktu za pomocą agenta. Jako deweloper aplikacji Example Grocery Company możesz oferować te narzędzia:

• get_order_history(startdate="",enddate="",), która zwraca szczegóły produktu z datą zamówienia i stanem dostawy.
• add_to_wishlist(productId="XYZ", quantity = 1), aby Jesse mógł sprawdzić wszystkie produkty przed dodaniem ich do koszyka.
• delivery(method="pickup")

Pracownik odpowiada Jessemu: „Znaleźliśmy Twoje zamówienie Cheddar Peelers z 7 marca. Dodałem 1 pakiet do koszyka. Czy chcesz przejść do płatności?”. Jesse może wtedy szybko dokonać płatności w Example Grocery Company, aby zamówić tylko Cheddar Peelers, lub kontynuować przeglądanie i kupowanie innych produktów.

Ułatwianie użytkownikom wypełniania formularzy

Autouzupełnianie to niezwykle przydatna funkcja przeglądarki, która, jeśli jest prawidłowo wdrożona, może zmniejszyć współczynnik porzucenia formularzy o 75%. Zachęcamy do tworzenia formularzy z autouzupełnianiem, ale możemy jeszcze bardziej zwiększyć wskaźniki ukończenia dzięki WebMCP.

WebMCP pomaga pracownikom obsługi klienta szybko i prawidłowo wypełniać długie formularze. W kolejnych sekcjach pomożemy Charliemu wypełnić różne złożone formularze.

Zarządzanie pracą

Karol pracuje w dziale IT w kancelarii prawnej. Zatrudnił wykonawcę, który ma zaprojektować nową stronę internetową firmy. Zarządzanie wydatkami i arkuszami czasu pracy było bardzo uciążliwe, zwłaszcza że oczekiwania wobec arkuszy czasu pracy prawników są inne.

Pracujesz w firmie zajmującej się oprogramowaniem do zarządzania pracą i chcesz ułatwić wszystkim dostawcom i prawnikom wprowadzanie kart czasu pracy z odpowiednim kontekstem, aby firma obciążała właściwy dział odpowiednią kwotą. Możesz dodać narzędzie WebMCP, aby pomóc wykonawcom i prawnikom Charliego w korzystaniu z agenta do wprowadzania codziennych zadań na karcie czasu pracy.

<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>

Zakup samochodu

Charlie chce kupić używany samochód. Zależy mu na pewnych funkcjach, takich jak rodzaj samochodu, liczba miejsc i preferowane paliwo. Inne funkcje, takie jak kolor samochodu czy udogodnienia, np. kamera cofania, są mniej ważne. Charlie pyta agenta: „Czy możesz mi pomóc znaleźć samochód rodzinny? Musi mieć 7 miejsc, być zasilany zwykłym paliwem i pochodzić z ostatnich 10 lat”.

Jeśli Twoja witryna ma już formularz z polami wymaganymi i opcjonalnymi, przekształcenie go w narzędzie WebMCP zajmie tylko 2 kroki.

<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>

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

Roszczenie gwarancyjne

Karol chce zgłosić roszczenie gwarancyjne dotyczące telewizora. Trafi na główną stronę witryny, w której zamówił telewizor. Od razu informuje agenta o swoim zamiarze:

„Otwórz stronę pomocy i zgłoś roszczenie gwarancyjne dotyczące telewizora. Ekran się nie włącza. Numer seryjny to XYZ-987. Użyj zapisanych przeze mnie danych w pozostałych przypadkach”.

Przedstawiciel korzystający z narzędzi WebMCP rozpoczyna proces zgłaszania roszczenia i wypełnia wszystkie wymagane informacje. Jeśli agent potrzebuje więcej informacji, może poprosić użytkownika o ich podanie lub ręczne wypełnienie formularza i przesłanie go.

• start_claim_process(), aby przejść do odpowiedniego formularza.
• populate_product_details(serial_number, purchase_date), aby wpisać konkretne informacje o produkcie i dacie.
• describe_issue(issue_description), aby wypełnić pole długiego tekstu opisem usterki z promptu użytkownika.
• populate_contact_info(name, email, phone)

W tym przypadku udostępnienie narzędzi WebMCP pomaga użytkownikom korzystającym z pomocy agentów w poruszaniu się po witrynie bez konieczności szukania formularza roszczenia gwarancyjnego. Charlie zrealizował swoją ścieżkę użytkownika bez konieczności szczegółowego poznawania struktury witryny.

Prośba o usługi związane z wydarzeniem

Charlie i Jesse biorą ślub we wrześniu i chcą wynająć firmę cateringową. W ich okolicy jest wiele takich firm, więc chcą mieć pewność, że każda prośba zawiera wymagane informacje i dotyczy tego samego rodzaju usługi.

Charlie pyta swojego agenta:

„Czy możesz przesłać zapytanie do firm cateringowych z Springfield w sprawie naszego ślubu, który odbędzie się 8 września 2026 r.? Chcemy menu wegetariańskie dla 100 gości. Dwoje naszych gości ma ograniczenia dietetyczne i będzie potrzebować specjalnych posiłków, w tym posiłku koszernego i bezglutenowego. Chcemy uwzględnić tylko piwo i wino”.

Pomóż agentowi Charliego przesłać zapytanie do Twojej firmy cateringowej, dodając te narzędzia:

• 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()

Pomaganie użytkownikom w filtrowaniu informacji

Istnieje wiele typów witryn z dużymi zbiorami produktów, które mają złożone filtry. Może być ich setki lub tysiące, a każda z nich ma unikalną kombinację funkcji, których może szukać użytkownik. Mogą to być na przykład witryny oferujące wynajem mieszkań, źródła rezerwacji hoteli i strony z biletami.

W tej sekcji pomożemy Danie znaleźć odpowiednie opcje, które spełnią jej oczekiwania.

Znajdowanie odpowiednich ofert domów

Dana przeprowadza się z rodziną do nowego miasta i musi znaleźć mieszkanie. Wszystkie witryny domowe zawierają różne informacje, niektóre mają zdjęcia, a niektóre mają kilka różnych typów filtrów, w tym cenę, liczbę sypialni i łazienek oraz inne funkcje. Niektóre wizytówki mają dokładną lokalizację, a inne mogą zawierać tylko nazwę dzielnicy.

Dana pyta swojego agenta:

„Pokaż mi mieszkania na wynajem na Brooklynie, które znajdują się w odległości nie większej niż 10 minut spacerem od stacji linii A i nie dalej niż godzinę drogi od Tribeki. Mieszkanie musi mieć co najmniej 3 sypialnie i zmywarkę. Dobrze byłoby mieć pralkę i suszarkę w lokalu lub w budynku. Nasz budżet to 4500 zł”.

Możesz pomóc agentowi Dany znaleźć odpowiednie, trafne oferty wynajmu, dodając do witryny z ofertami filtrowanie przyjazne dla agentów:

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

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

Agent używa tych funkcji do analizowania metadanych nieruchomości i sprawdzania, czy wyniki spełniają wszystkie wymagania (w tym 3 sypialnie i zmywarka). W odpowiedzi agent zwraca mapę z pinezkami, które prowadzą do konkretnych ofert, oraz łączną odległość od Tribeki. Pinezkami w innym kolorze są oznaczone obiekty, które mają opcjonalne wyposażenie, np. pralkę i suszarkę.

Zarezerwuj podróż

Dana i jej żona Rosario planują wakacje w Berlinie. Dana chce znaleźć hotele, które spełniają jej kryteria i zapewniają komfortowy pobyt w przystępnej cenie. Dana prosi agenta: „Znajdź kilka hoteli w Berlinie w Niemczech, w których cena za noc nie przekracza 300 PLN, z basenem i śniadaniem w cenie”.

Jesteś deweloperem usługi rezerwacji podróży, która ma na celu znajdowanie dla użytkowników świetnych ofert podróży:

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

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

Agentka Dany zwraca 3 hotele spełniające kryteria i pyta: „Czy chcesz, żebym pokazała Ci więcej opcji? A może są jeszcze jakieś kryteria, które należy wziąć pod uwagę?”.

Prześlij opinię

Jakie ścieżki użytkowników mogą Twoim zdaniem skorzystać na WebMCP? Czy można dodać do interfejsów API dodatkowe funkcje, które spełnią Twoje oczekiwania? Jeśli wypróbujesz te interfejsy API i chcesz podzielić się opinią, chętnie ją poznamy.

• Przeczytaj wyjaśnienie dotyczące WebMCP, zadawaj pytania i bierz udział w dyskusji.
• Sprawdź implementację w Chrome na stronie Stan Chrome.
• Dołącz do programu wcześniejszego dostępu, aby jako pierwszy(-a) poznać nowe interfejsy API i uzyskać dostęp do naszej listy mailingowej.
• Jeśli masz uwagi na temat implementacji Chrome, zgłoś błąd w Chromium.