Cách WebMCP phù hợp với hành trình của người dùng

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Xuất bản: Ngày 18 tháng 5 năm 2026

WebMCP có nhiều mục đích sử dụng. Trong tài liệu này, bạn sẽ tìm hiểu cách triển khai WebMCP để hỗ trợ người dùng và các tác nhân của họ. Bạn có thể đọc về quy trình này từ góc độ của người dùng và nhân viên hỗ trợ, cùng với các đề xuất về những công cụ mà bạn có thể cung cấp để hỗ trợ một hành trình trọng yếu của người dùng (CUJ).

Giúp người dùng mua hàng

Nhà phát triển cho các cửa hàng bán lẻ là những ứng viên phù hợp cho WebMCP. Mặc dù có một số trường hợp người dùng có thể muốn tự chọn một mục, chẳng hạn như tìm mảnh còn thiếu trong bộ sưu tập của họ, nhưng cũng có những trường hợp khác mà họ chỉ cần hoàn thành nhiệm vụ. Đó có thể là danh sách tạp hoá hằng tuần, kế hoạch tổ chức tiệc hoặc việc đặt lại các mặt hàng yêu thích.

Người dùng của chúng tôi cho các CUJ mua sắm này là Jesse. Jesse không muốn mất thời gian tìm kiếm trong các danh mục để tìm chính xác những gì họ đang tìm. Thay vào đó, họ dựa vào tác nhân trình duyệt để hỗ trợ nhu cầu mua sắm, giúp họ tìm thấy những thứ mình muốn nhanh hơn và thanh toán nhanh hơn.

Hỗ trợ hành trình mua sắm

Jesse quyết định mua đồ dùng cho bữa tiệc sinh nhật lần thứ 10 của con mình. Chủ đề của bữa tiệc là không gian vũ trụ và Jesse đã viết sẵn danh sách mua sắm. Một số vật tư có thể cần mua ở các cửa hàng tạp hoá chuyên biệt, một số ở các cửa hàng lớn và một số ở các nhà cung cấp đồ dùng cho bữa tiệc chuyên biệt.

Jesse yêu cầu tác nhân trình duyệt của mình: "Tìm cho tôi mức giá tốt nhất cho các sản phẩm trong danh sách mua sắm của tôi tại 2 hoặc 3 cửa hàng địa phương. Tạo danh sách yêu thích cho tôi để tôi có thể hoàn tất quá trình thanh toán. Hãy cho tôi biết nếu bạn không tìm thấy sản phẩm nào."

Jesse đã đưa ra một số giả định khi đặt câu hỏi này. Điều này có nghĩa là trợ lý sẽ không thêm cùng một mặt hàng vào nhiều giỏ hàng. Nếu hai cửa hàng có một mặt hàng, thì tác nhân sẽ xác định cửa hàng nào có chi phí thấp hơn và thêm mặt hàng đó vào giỏ hàng. Jesse cũng giả định rằng các cửa hàng địa phương là cửa hàng tại địa phương của cô ấy ở Springfield.

Cho dù bạn là nhà phát triển cho một doanh nghiệp địa phương (Space Shoppe) với số lượng lớn đồ dùng cho bữa tiệc cần đề xuất cho trẻ em, hay là nhà phát triển tại một chuỗi cửa hàng tạp hoá lớn, bạn đều có thể tạo các công cụ để hỗ trợ tác nhân của Jesse.

  • search_products() để Jesse tìm các mặt hàng có thể có trong một danh mục đáp ứng mong đợi của danh sách mua sắm. Ví dụ: productType="wall-decorations", category="planets" và age="child".
  • add_to_wishlist() để Jesse xem lại tất cả các mặt hàng trước khi thêm vào giỏ hàng.
  • Nếu Jesse yêu cầu tất cả sản phẩm có giá thấp hơn một số tiền nhất định, bạn có thể cung cấp một công cụ để tinh chỉnh nội dung tìm kiếm, chẳng hạn như refine_search(priceRange = "0-49.99").

Hỗ trợ mua hàng nhiều lần

Jesse rất thích món que phô mai của Công ty tạp hoá ví dụ, nhưng không nhớ rõ thương hiệu là gì. Jesse hỏi trợ lý ảo: "Bạn có thể đặt lại món que phô mai mà tôi đã mua vào tháng trước không?"

Nếu không cung cấp dịch vụ thuê bao, bạn vẫn có thể giúp khách hàng đặt lại cùng một sản phẩm thông qua trợ lý của họ. Là nhà phát triển của Example Grocery Company, bạn có thể muốn cung cấp các công cụ sau:

  • get_order_history(startdate="",enddate="",) trả về thông tin chi tiết về sản phẩm kèm theo ngày đặt hàng và trạng thái giao hàng.
  • add_to_wishlist(productId="XYZ", quantity = 1) để Jesse xem xét tất cả các mặt hàng trước khi thêm vào giỏ hàng.
  • delivery(method="pickup")

Nhân viên hỗ trợ trả lời Jesse: "Tôi tìm thấy đơn đặt hàng của bạn về Cheddar Peelers vào ngày 7 tháng 3. Tôi đã thêm một gói vào giỏ hàng của bạn. Bạn có muốn chuyển đến trang thanh toán không?" Sau đó, Jesse có thể nhanh chóng thanh toán tại Example Grocery Company để chỉ đặt hàng Cheddar Peelers hoặc tiếp tục duyệt xem và mua các sản phẩm khác.

Giúp người dùng điền vào biểu mẫu

Tự động điền là một tính năng cực kỳ hữu ích của trình duyệt. Khi được triển khai đúng cách, tính năng này có thể giảm tỷ lệ bỏ qua biểu mẫu xuống 75%. Mặc dù bạn nên tạo biểu mẫu có tính năng tự động điền, nhưng chúng tôi có thể cải thiện hơn nữa tỷ lệ hoàn thành biểu mẫu nhờ WebMCP.

WebMCP hỗ trợ các tác nhân của người dùng điền vào các biểu mẫu dài một cách nhanh chóng và chính xác. Trong các phần tiếp theo, chúng ta sẽ hướng dẫn Charlie điền vào nhiều biểu mẫu phức tạp.

Quản lý công việc

Charlie làm việc trong bộ phận CNTT tại một công ty luật và anh đã thuê một nhà thầu thiết kế trang web mới cho công ty. Việc quản lý chi phí và bảng chấm công rất khó khăn, đặc biệt là vì bảng chấm công của nhân viên có kỳ vọng khác với bảng chấm công của luật sư.

Bạn làm việc cho một công ty phần mềm quản lý công việc và muốn giúp tất cả các nhà cung cấp và luật sư nhập bảng chấm công dễ dàng hơn với bối cảnh phù hợp, để công ty tính đúng số tiền cho đúng bộ phận. Bạn có thể thêm một công cụ WebMCP để hỗ trợ các nhà thầu và luật sư của Charlie sử dụng một tác nhân để nhập các công việc trong bảng chấm công hằng ngày.

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

Mua xe

Charlie đang tìm mua một chiếc ô tô cũ. Có một số tính năng mà anh ấy rất quan tâm, chẳng hạn như loại xe, số lượng ghế và loại nhiên liệu ưu tiên. Các tính năng khác, chẳng hạn như màu xe và các tiện nghi như camera lùi, ít quan trọng hơn. Charlie hỏi trợ lý ảo: "Bạn có thể giúp tôi tìm một chiếc xe gia đình không? Xe phải có 7 chỗ ngồi, sử dụng xăng thông thường và là mẫu xe trong vòng 10 năm qua".

Nếu trang web của bạn đã có một biểu mẫu có các trường bắt buộc và không bắt buộc, thì bạn chỉ cần thực hiện 2 bước để chuyển đổi biểu mẫu đó thành một công cụ 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, ... })

Yêu cầu bảo hành

Charlie muốn gửi yêu cầu bảo hành cho TV của mình. Anh ấy truy cập vào trang chính của trang web mà anh ấy đã đặt mua chiếc TV. Ngay lập tức, anh ta nói rõ ý định của mình với một tác nhân phần mềm:

"Truy cập trang hỗ trợ và gửi yêu cầu bảo hành cho TV của tôi. Màn hình không bật. Số sê-ri là XYZ-987. Sử dụng thông tin chi tiết đã lưu của tôi cho phần còn lại".

Nhân viên sử dụng các công cụ WebMCP để bắt đầu quy trình xác nhận quyền sở hữu và điền tất cả thông tin cần thiết. Nếu cần thêm thông tin, Trợ lý có thể yêu cầu người dùng cung cấp thông tin đó cho trợ lý hoặc điền vào biểu mẫu theo cách thủ công rồi gửi.

  • start_claim_process() để chuyển đến biểu mẫu phù hợp.
  • populate_product_details(serial_number, purchase_date) để nhập thông tin cụ thể về sản phẩm và ngày.
  • describe_issue(issue_description) để điền vào trường văn bản dài nội dung mô tả lỗi từ câu lệnh của người dùng.
  • populate_contact_info(name, email, phone)

Trong trường hợp này, việc cung cấp các công cụ WebMCP giúp người dùng có thể điều hướng trang web mà không cần phải tìm hiểu nơi tìm biểu mẫu yêu cầu bảo hành. Charlie đã hoàn tất hành trình của người dùng mà không cần hiểu rõ cấu trúc trang web.

Yêu cầu về dịch vụ cho sự kiện

Charlie và Jesse sẽ kết hôn vào tháng 9 và họ muốn thuê một công ty cung cấp dịch vụ ăn uống. Có hàng chục công ty cung cấp dịch vụ ăn uống trong khu vực của họ và họ muốn đảm bảo rằng mỗi yêu cầu đều có thông tin bắt buộc và yêu cầu cùng một loại dịch vụ.

Charlie hỏi người đại diện của mình:

"Bạn có thể gửi yêu cầu cho các công ty cung cấp dịch vụ ăn uống ở Springfield cho đám cưới của chúng tôi vào ngày 8 tháng 9 năm 2026 không? Chúng tôi muốn thực đơn chay cho 100 khách. Hai khách mời của chúng tôi có chế độ ăn kiêng và sẽ cần các bữa ăn đặc biệt, bao gồm cả bữa ăn theo luật Do Thái và bữa ăn không chứa gluten. Chúng tôi chỉ muốn đưa bia và rượu vang vào."

Giúp nhân viên của Charlie gửi câu hỏi cho công ty dịch vụ ăn uống của bạn bằng cách thêm các công cụ sau:

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

Giúp người dùng lọc thông tin

Có nhiều loại trang web có bộ sưu tập lớn các mặt hàng có bộ lọc phức tạp. Có thể có hàng trăm hoặc hàng nghìn trang thông tin, mỗi trang có một tổ hợp tính năng riêng biệt mà người dùng có thể tìm kiếm. Ví dụ: các trang web cho thuê nhà ở, nguồn đặt phòng khách sạn và trang web bán vé.

Trong phần này, chúng ta sẽ giúp Dana tìm thấy những lựa chọn phù hợp với các lựa chọn ưu tiên cụ thể của cô ấy.

Tìm danh sách nhà ở phù hợp

Dana sắp chuyển đến một thành phố mới cùng gia đình và cần tìm một căn hộ. Tất cả các trang web về nhà đều liệt kê nhiều thông tin khác nhau, một số có ảnh, một số có nhiều loại bộ lọc, bao gồm cả giá, số phòng ngủ, số phòng tắm và các đặc điểm khác. Một số trang thông tin có vị trí chính xác, trong khi những trang khác có thể chỉ liệt kê khu vực lân cận.

Dana hỏi người đại diện của mình:

Cho tôi xem những căn hộ cho thuê ở Brooklyn cách ga tàu A không quá 10 phút đi bộ và cách Tribeca không quá 1 giờ. Căn hộ phải có ít nhất 3 phòng ngủ và máy rửa chén. Sẽ rất tốt nếu có máy giặt và máy sấy trong phòng hoặc trong toà nhà. Ngân sách của chúng tôi là 4.500 đô la."

Bạn có thể giúp nhân viên của Dana tìm được những căn hộ cho thuê phù hợp và có liên quan bằng cách thêm bộ lọc thân thiện với nhân viên vào trang web đăng tin của mình:

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

Áp dụng bộ lọc

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

Trợ lý sử dụng các hàm này để phân tích cú pháp siêu dữ liệu của tài sản và đảm bảo kết quả đáp ứng mọi yêu cầu (bao gồm cả 3 phòng ngủ và máy rửa chén). Để phản hồi, trợ lý ảo sẽ trả về một bản đồ có các ghim liên kết đến các trang thông tin cụ thể, tổng khoảng cách từ Tribeca. Các ghim sẽ có màu khác nếu có tính năng tuỳ chọn là máy giặt và máy sấy trong trang thông tin.

Đặt vé du lịch

Dana và vợ là Rosario đang lên kế hoạch cho một chuyến du lịch đến Berlin, Đức. Dana muốn tìm những lựa chọn khách sạn đáp ứng tiêu chí của họ, mang đến một kỳ nghỉ thoải mái với chi phí phù hợp với khả năng chi trả. Dana yêu cầu trợ lý ảo: "Tìm cho tôi một vài khách sạn ở Berlin, Đức có giá dưới 3.000.000 VND/đêm, có bể bơi và bao gồm bữa sáng."

Bạn là nhà phát triển cho một dịch vụ đặt vé du lịch, chuyên tìm kiếm các ưu đãi du lịch hấp dẫn cho mọi người:

Tìm kiếm

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

Áp dụng bộ lọc

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

Đại lý của Dana trả về 3 khách sạn đáp ứng tiêu chí và hỏi: "Bạn có muốn tôi cho bạn xem thêm các lựa chọn khác không? Hay còn tiêu chí nào khác cần xem xét không?"

Chia sẻ ý kiến phản hồi của bạn

Bạn nghĩ những loại hành trình nào của người dùng có thể hưởng lợi từ WebMCP? Có những tính năng bổ sung nào có thể được thêm vào API để đáp ứng kỳ vọng của bạn không? Nếu bạn dùng thử các API này và có ý kiến phản hồi, chúng tôi rất mong được lắng nghe.