Cara WebMCP cocok dengan perjalanan pengguna

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Dipublikasikan: 18 Mei 2026

Penjelasan Web Ekstensi Status Chrome Intent
GitHub Uji coba origin Uji coba origin View Maksud untuk Bereksperimen

Ada banyak kemungkinan penggunaan WebMCP. Dalam dokumen ini, Anda akan mempelajari cara menerapkan WebMCP untuk mendukung pengguna dan agen mereka. Anda membaca tentang proses ini dari perspektif pengguna dan agen, dengan rekomendasi untuk alat yang dapat Anda berikan untuk mendukung perjalanan penting pengguna (CUJ).

Membantu pengguna melakukan pembelian

Developer untuk toko retail adalah kandidat yang tepat untuk WebMCP. Meskipun ada beberapa situasi ketika pengguna mungkin ingin memilih item secara manual, seperti menemukan bagian yang hilang dari koleksi mereka, ada situasi lain ketika tugas hanya perlu diselesaikan. Hal ini dapat berupa daftar belanja mingguan mereka, perencanaan pesta, atau pemesanan ulang pembelian favorit.

Pengguna kita untuk CUJ shopping ini adalah Jesse. Jesse tidak ingin menghabiskan waktu untuk menelusuri berbagai kategori guna menemukan produk yang tepat untuknya. Sebagai gantinya, mereka mengandalkan agen browser untuk mendukung kebutuhan belanja mereka, sehingga lebih cepat menemukan barang yang mereka inginkan dan lebih cepat melakukan checkout.

Mendukung perjalanan belanja

Jesse memutuskan untuk membeli perlengkapan untuk pesta ulang tahun ke-10 anaknya. Tema pestanya adalah luar angkasa, dan Jesse sudah menulis daftar belanja. Beberapa perlengkapan mungkin perlu dibeli dari toko bahan makanan khusus, yang lain dari toko grosir besar, dan beberapa dari pemasok perlengkapan pesta khusus.

Jesse meminta agen browsernya, "Temukan harga terbaik untuk produk di daftar belanja saya di dua atau tiga toko lokal. Buat wishlist saya agar saya dapat menyelesaikan checkout. Beri tahu kami jika ada produk yang tidak dapat ditemukan."

Jesse membuat beberapa asumsi saat mengajukan pertanyaan ini. Hal ini mencakup bahwa agen tidak akan menambahkan item yang sama di beberapa keranjang. Jika dua toko memiliki item, agen akan menentukan toko mana yang memiliki biaya lebih rendah dan menambahkannya ke keranjang tersebut. Jesse juga menganggap bahwa toko lokal adalah toko yang dekat dengannya di Springfield.

Baik Anda adalah developer untuk bisnis lokal, Space Shoppe, dengan volume besar perlengkapan pesta untuk direkomendasikan kepada anak-anak, atau developer di jaringan supermarket besar, Anda dapat membuat alat untuk mendukung agen Jesse.

  • search_products() agar Jesse dapat menemukan kemungkinan item dalam kategori yang memenuhi ekspektasi daftar belanja. Misalnya, productType="wall-decorations" , category="planets", dan age="child".
  • add_to_wishlist() untuk Jesse meninjau semua item sebelum menambahkannya ke keranjang.
  • Jika Jesse meminta semua produk berharga kurang dari jumlah tertentu, Anda dapat menawarkan alat untuk menyempurnakan penelusuran, seperti refine_search(priceRange = "0-49.99").

Mendukung pembelian berulang

Jesse menyukai stik keju dari Perusahaan Contoh Toko Bahan Makanan, tetapi tidak dapat mengingat mereknya. Jesse bertanya kepada agennya, "Dapatkah Anda memesan ulang stik keju yang saya beli bulan lalu?"

Jika tidak menawarkan layanan langganan, Anda tetap dapat membantu pelanggan memesan produk yang sama lagi dengan agen mereka. Sebagai developer Example Grocery Company, Anda mungkin ingin menawarkan alat berikut:

  • get_order_history(startdate="",enddate="",) yang menampilkan detail produk dengan tanggal pesanan dan status pengiriman.
  • add_to_wishlist(productId="XYZ", quantity = 1) untuk Jesse meninjau semua item sebelum menambahkannya ke keranjang.
  • delivery(method="pickup")

Agen merespons Jesse, "Saya menemukan pesanan Cheddar Peelers Anda dari 7 Maret. Saya telah menambahkan satu paket ke keranjang Anda. Ingin melanjutkan ke checkout?" Kemudian, Jesse dapat melakukan checkout dengan cepat dari Perusahaan Contoh Toko Kelontong untuk memesan hanya Cheddar Peelers, atau melanjutkan penjelajahan dan membeli produk lain.

Membantu pengguna mengisi formulir

Isi otomatis adalah fitur browser yang sangat berguna yang, jika di-deploy dengan benar, dapat menurunkan rasio pengabaian formulir sebesar 75%. Meskipun kami mendorong Anda untuk membuat formulir dengan isi otomatis, kami dapat lebih meningkatkan rasio penyelesaian dengan bantuan WebMCP.

WebMCP mendukung agen pengguna mengisi formulir panjang dengan cepat dan benar. Di bagian berikutnya, kita akan memandu Charlie dalam mengisi berbagai formulir kompleks.

Mengelola pekerjaan

Charlie bekerja di bidang IT di sebuah firma hukum, dan ia mempekerjakan kontraktor untuk mendesain situs baru firma tersebut. Mengelola biaya dan lembar kehadiran sangat menyulitkan, terutama karena harapan yang berbeda dari lembar kehadiran untuk pengacara.

Anda bekerja di perusahaan software pengelolaan kerja, dan Anda ingin mempermudah semua vendor dan pengacara memasukkan lembar catatan waktu mereka dengan konteks yang benar, sehingga perusahaan menagih jumlah uang yang tepat ke departemen yang tepat. Anda dapat menambahkan alat WebMCP untuk mendukung kontraktor dan pengacara Charlie menggunakan agen untuk memasukkan tugas lembar catatan waktu harian.

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

Membeli mobil

Charlie ingin membeli mobil bekas. Ada beberapa fitur yang sangat ia perhatikan, seperti jenis mobil, jumlah kursi, dan bahan bakar yang disukai. Fitur lain, seperti warna mobil dan fasilitas seperti kamera mundur, kurang penting. Charlie bertanya kepada agennya, "Bisakah Anda membantu saya menemukan mobil keluarga? Kendaraan harus memiliki 7 kursi, menggunakan bensin biasa, dan merupakan model dari 10 tahun terakhir."

Jika situs Anda sudah memiliki formulir dengan kolom wajib diisi dan opsional, hanya diperlukan dua langkah untuk mengubah formulir Anda menjadi alat 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, ... })

Klaim garansi

Charlie ingin mengajukan klaim garansi untuk TV-nya. Dia membuka halaman utama situs tempat dia memesan TV. Segera setelah itu, dia menyatakan niatnya kepada agen:

"Buka halaman dukungan dan ajukan klaim garansi untuk TV saya. Layar tidak akan menyala. Nomor serinya adalah XYZ-987. Gunakan detail tersimpan saya untuk yang lainnya."

Agen yang menggunakan alat WebMCP memulai proses klaim dan mengisi semua informasi yang diperlukan. Jika memerlukan informasi lebih lanjut, Agen dapat meminta pengguna untuk memberikan informasi tersebut kepada agen atau mengisi formulir secara manual dan mengirimkannya.

  • start_claim_process() untuk membuka formulir yang benar.
  • populate_product_details(serial_number, purchase_date) untuk memasukkan informasi produk dan tanggal tertentu.
  • describe_issue(issue_description) untuk mengisi kolom teks panjang dengan deskripsi kesalahan dari perintah pengguna.
  • populate_contact_info(name, email, phone)

Dengan menyediakan alat WebMCP dalam kasus ini, kami membantu pengguna dengan agen menavigasi situs tanpa perlu memahami tempat untuk menemukan formulir klaim garansi. Charlie berhasil menyelesaikan perjalanan penggunanya tanpa perlu memahami struktur situs secara mendetail.

Permintaan layanan acara

Charlie dan Jesse akan menikah pada bulan September, dan mereka ingin menyewa katering. Ada puluhan katering yang tersedia di area mereka, dan mereka ingin memastikan setiap permintaan memiliki informasi yang diperlukan dan meminta jenis layanan yang sama.

Charlie bertanya kepada agennya:

"Dapatkah Anda mengirimkan pertanyaan untuk katering yang berbasis di Springfield, untuk pernikahan kami pada 8 September 2026? Kami menginginkan menu vegetarian untuk 100 tamu. Dua tamu kami memiliki pantangan makanan dan akan memerlukan makanan khusus, termasuk makanan halal dan makanan bebas gluten. Kami hanya ingin menyertakan bir dan anggur."

Bantu agen Charlie mengirimkan pertanyaan ke perusahaan katering Anda, dengan menambahkan alat berikut:

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

Membantu pengguna memfilter informasi

Ada banyak jenis situs dengan koleksi item besar yang memiliki filter kompleks. Mungkin ada ratusan atau ribuan listingan, yang masing-masing memiliki kombinasi fitur unik yang mungkin dicari oleh pengguna. Misalnya, hal ini dapat mencakup situs penyewaan properti, sumber pemesanan hotel, dan situs penjualan tiket.

Di bagian ini, kami membantu Dana menemukan opsi yang relevan untuk preferensi khususnya.

Menemukan listingan rumah yang relevan

Dana pindah ke kota baru bersama keluarganya dan perlu mencari apartemen. Semua situs rumah mencantumkan informasi yang berbeda-beda, beberapa memiliki foto, beberapa memiliki beberapa jenis filter yang berbeda termasuk harga, kamar tidur, kamar mandi, dan fitur lainnya. Beberapa listingan memiliki lokasi yang tepat, sementara yang lain mungkin hanya mencantumkan lingkungan sekitar.

Dana bertanya kepada agennya:

"Tunjukkan apartemen yang tersedia untuk disewa di Brooklyn yang berjarak kurang dari 10 menit berjalan kaki dari stasiun kereta A, dan kurang dari satu jam ke Tribeca. Apartemen harus memiliki minimal tiga kamar tidur dan mesin pencuci piring. Akan lebih baik jika ada mesin cuci dan pengering di dalam unit atau di dalam gedung. Anggaran kami adalah $4.500."

Anda dapat membantu agen Dana menemukan properti sewa yang sesuai dan relevan dengan menambahkan filtrasi yang mudah digunakan agen ke situs listingan Anda:

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

Terapkan filter

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

Agen menggunakan fungsi ini untuk mengurai metadata properti dan memastikan hasil memenuhi semua persyaratan (termasuk 3 kamar tidur dan mesin pencuci piring). Sebagai respons, agen menampilkan peta dengan pin yang tertaut ke listingan tertentu, total jarak dari Tribeca. Pin berwarna berbeda jika memiliki fitur opsional, mesin cuci dan pengering, dalam listingan.

Pesan perjalanan

Dana dan istrinya, Rosario, sedang merencanakan liburan ke Berlin, Jerman. Dana ingin menemukan opsi hotel yang memenuhi kriteria mereka, yang memberikan pengalaman menginap yang nyaman dengan biaya yang terjangkau. Dana meminta agennya: "Cari beberapa hotel di Berlin, Jerman, dengan harga di bawah $300 per malam, yang memiliki kolam renang dan sarapan."

Anda adalah developer untuk layanan pemesanan perjalanan, yang ingin menemukan penawaran perjalanan menarik:

Telusuri

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

Terapkan filter

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

Agen Dana menampilkan tiga hotel yang memenuhi kriteria, dan bertanya, "Apakah Anda ingin saya menunjukkan opsi lainnya? Atau apakah ada kriteria tambahan yang perlu dipertimbangkan?"

Beri masukan

Jenis perjalanan pengguna apa yang menurut Anda dapat memanfaatkan WebMCP? Apakah ada fitur tambahan yang dapat ditambahkan ke API untuk memenuhi ekspektasi Anda? Jika Anda mencoba API ini dan memiliki masukan, kami ingin mendengarnya.