DEV PREVIEW

WebMCP対応:AIエージェントが
Shopifyストアを自律操作

Liquid・Hydrogen両対応 / 設定不要で即日有効 / Chromiumオリジントライアル

AI AGENTBrowser TabWebMCPProposed Web StandardSTOREFRONTLiquid / HydrogenCART / CATALOGStorefront ActionsLive SessionNO INSTALL REQUIRED · LIVE SESSION · CHROMIUM ORIGIN TRIAL

ShopifyのすべてのLiquidストアフロントと、HydrogenのDeveloper Previewに対して、WebMCPツールが本日より有効になりました。AIエージェントはブラウザのタブ上でカタログ検索・カート更新・チェックアウトへの誘導を自律的に実行できます。追加のインストールや設定は一切不要で、ショッパーのライブセッション上でそのまま動作します。

HOW IT WORKS

01WebMCPとは何か――なぜ重要か

従来のAIエージェントはページのHTMLを読み、クリックをシミュレートして操作していました。これはページ構造に依存するため速度が遅く、エラーも起きやすい手法です。WebMCPはページ自身がブラウザにツールを登録する新しいWeb標準提案で、エージェントはそのツールを直接呼び出せます。ShopifyはGoogleおよびMicrosoftとともに仕様策定に参画しています。

BEFOREAFTER (WebMCP)AI AgentHTML Parser(DOM読解)Click Simulate(エラー多発)遅い・壊れやすいWebMCPAI AgentWebMCP Tools(ページが登録・エージェントが直接呼出)速い・安定・標準準拠AVAILABLE TOOLS

02エージェントが呼び出せるツール一覧

🔍 Catalog
  • search_catalog
  • browse_store
  • get_product
  • show_variant
🛒 Cart
  • get_cart
  • update_cart
  • cancel_cart
💳 Checkout & Orders
  • proceed_to_checkout
  • manage_orders
📄 その他コンテンツ
  • search_shop_policies_and_faqs
USE CASES

03業務で活かせる3つのユースケース

ユースケース①:AIショッピングアシスタントの構築

課題
「予算1万円でギフトを選んでほしい」というリクエストに対し、従来のチャットボットはリンクを返すだけで実際の操作はユーザーに委ねていた。
打ち手
search_catalogget_productupdate_cartの順にWebMCPツールを呼び出し、エージェントが候補を検索して自動でカートに追加できる。
効果
ユーザーが操作をほぼせずにカートを完成させられるため、購入完了率の向上が期待できる。
技術メモ
カートツールはStorefront Actionsと同じ標準処理を使うため、テーマがカートドロワーを開く実装であれば、エージェント操作でも同様にドロワーが開く。

ユースケース②:返品・FAQ対応のエージェント自動化

課題
カスタマーサポートチャットが返品ポリシーの説明を毎回繰り返しており、対応コストが高い。
打ち手
search_shop_policies_and_faqsを呼び出してポリシーを即座に取得し、manage_ordersと組み合わせて返品申請を完結させる。
効果
人手を介さずにポリシー確認から返品申請まで完了でき、サポート工数を削減できる。
技術メモ
エージェントはショッパーのライブセッションで動作するため、ログイン状態のオーダー情報にもアクセス可能。

ユースケース③:バリアント比較・選択の自動化

課題
色・サイズ・素材の組み合わせが多い商品で、ユーザーが最適なバリアントを探すのに時間がかかりCVRが低下している。
打ち手
get_productshow_variantを使ってエージェントが条件を絞り込み、最適なバリアントをページ上で表示させる。
効果
意思決定にかかる時間が短縮され、比較離脱の減少が見込める。
技術メモ
ページ遷移なくタブ上で完結するため、UXを損なわずにエージェント支援が提供できる。
DEVELOPER NOTES

04技術者が押さえるべき5つのポイント

# 項目 詳細
1 対応ストア すべてのLiquidストアフロントと、HydrogenのDeveloper Previewで即日有効。追加設定不要。
2 ブラウザ制限 WebMCPはまだ新興標準であり、現時点ではChromiumベースのブラウザのみがOrigin Trial経由で対応。
3 セッション エージェントの操作はすべてショッパーのライブセッション上で実行される。別セッション・バックエンド経由ではない。
4 Storefront Actions連携 カートツールはアプリが利用するStorefront Actionsと同じ仕組みを使用。テーマのカスタム挙動(カートドロワー等)も正常に発火する。
5 独自エージェント構築 自前でコマースエージェントを構築する場合は公式ドキュメント「Build commerce agents」を参照。仕様策定はGoogle・Microsoftと共同で進行中。
AGENT TOOL CALL FLOWAI AgentBrowser TabWebMCPTool RegistryStorefrontLiquid / HydrogenStorefrontActions / Cart APILive Cart /Checkoutテーマのカスタム挙動(カートドロワーなど)も同様に発火Cart tools use same Storefront Actions as appsChromium Origin Trial · Live Session Only · No Install Required

「AIエージェントがブラウザ上でカタログ検索からチェックアウトまでを自律実行できるWebMCP対応が、設定ゼロでLiquid・Hydrogenストア全体に展開されました。今後のコマース体験を先取りするには、現時点でエージェント向けのUX・ポリシー設計を始めることが競争優位につながります。」

Source: https://shopify.dev/changelog/webmcp-liquid-hydrogen | 公開日: 2026年8月5日