「雨の日にも履ける靴を、予算は1万5千円まで。サイズは27センチで探して」。お店のサイトを開きながら、AIにこう頼む場面を想像してみてください。
候補がいくつか見つかったら、色を選んで、在庫を確かめて、カートに入れる。私たちが普段している買い物です。その一部をAIが手伝うとき、サイトの裏側では何が起きるのでしょうか。
AIにも、お店の操作を伝える
利用者の依頼に沿って検索や操作をするAIを、AIエージェントと呼びます。一つの方法は、AIエージェントが画面を読み、人と同じようにボタンを押していくことです。ただ、お店によってサイズの選び方も、カートの位置も違います。画面が変わるたびに、どこを操作するか判断しなければなりません。
そこで、サイトの側から「商品を探す」「在庫や価格を調べる」「カートに入れる」といった操作を、AIに使える形で伝える仕組みが作られています。その一つがWebMCPです。
靴の例なら、AIがお店の検索機能に条件を渡し、返ってきた商品情報を見ながら候補を絞る。購入者が選んだ商品をカートへ追加すると、その結果が、本人の見ている画面にも反映されます。AIだけが別の場所で買い物を進めるのではなく、同じお店、同じカートを使うイメージです。WebMCPの公式説明、Shopifyの対応内容
「見つける」と「買う」の間にも、確かめたいことがある
もう少し、靴を選ぶ場面を考えてみます。例えば、候補の一足は1万2千円で、見た目も好みに合う。でも、希望する27センチは売り切れ。別の一足には在庫があるものの、雨への強さは商品説明だけでは判断しにくい。そんなとき、AIには候補を並べるだけでなく、何が条件に合い、何が分からないのかを整理してほしいところです。
ここで挙げた商品や価格は想定例です。「雨の日にも履ける」という希望を、どの商品情報と照らし合わせるかは、AIやお店の検索機能によって変わります。WebMCPに対応しただけで、曖昧な希望を必ず正しく理解できるわけではありません。
商品が決まってからも、「送料を含めて予算内か」「週末までに届くか」「サイズが合わなかったら交換できるか」と、確認したいことは続きます。買い物を手伝ってもらう価値は、クリックの数が減ることに加え、こうした判断の材料を集めやすくなることにもあると私は考えています。
だからこそ、途中で条件を変えたり、別の商品を見たり、購入をやめたりできることも大切です。カートに入った商品を本人が見て、色・サイズ・数量が希望どおりか確かめる。AIに頼む場面が増えても、自分で納得して選べる流れは残しておきたいものです。
お店が個別に作らなくても
こうした対応を、すべてのお店が個別に開発するのは大変です。そこをECサービスや配信基盤がまとめて支える動きも出ています。
Cloudflareが2026年10月21日に紹介したCommerce.comとの事例では、Cloudflare上で運用する10万近いドメインを持つEC基盤に、WebMCPをまとめて届ける仕組みを用意しています。対象の店舗ではテーマを手作業で編集せずに使え、店舗ごとに無効にする選択も残されています。ただし、商品検索やカートの機能をAIに公開するには、お店側でStorefront MCPを有効にする必要があります。すでにあるお店の機能をAIにつなぐ取り組みです。Cloudflareの発表、対象と有効化の条件
このCommerce.comの紹介例では、最後のチェックアウトは購入者自身がクリックします。後で触れるShopifyの注文確定への対応とは、任せられる範囲が異なります。
お店にとっては、新しい技術を一から作る話だけでなく、「使っているサービスに、どんな機能が加わったか」を知る話にもなってきました。
Shopifyでは、購入の手続きまで
Shopifyは2026年9月28日の発表で、WebMCPによるチェックアウトへの対応を案内しました。商品探しやカートの操作に加えて、購入手続きを手伝える範囲を広げています。対応するチェックアウトでは、購入者が注文内容と合計を確認し、購入を承認したあとに、AIが注文を確定する操作も用意されました。合計が変わったときは、改めて承認が必要です。カードの本人認証など、人の入力が必要なところでは操作が戻ってきます。チェックアウト対応の公式発表、購入承認の条件
ただし、すべての購入手続きが対象ではありません。通常の3ページ型チェックアウトはShop Payを使う場合を除いて対象外で、企業間取引（B2B）や埋め込み型などにも制限があります。対象外となる購入手続き
さらに10月には、お店のページを開いて操作する方法とは別に、AIから商品検索や購入の仕組みへ直接つなぐ機能も提供されました。Shopにサインインすれば、保存済みの住所やShop Payを使い、本人が合計と支払方法を確認して購入を承認する流れにも対応しています。「AIで買い物」の入口は一つではなく、購入まで手伝える範囲も仕組みによって異なります。Shopifyの10月の発表
WebMCPは、お店を開いているブラウザー内でAIが操作を手伝う仕組みです。一方、Shop MCPは、開発者がAIやアプリをShopifyの検索・購入機能へ接続するための仕組みです。名前は似ていますが、利用する場所と接続の方法が違います。
2026年11月5日時点で、WebMCPは標準化に向けて提案・実験中の仕組みです。Shopifyなどでは対応する道具がすでに提供されていますが、使うには対応ブラウザーとAIが必要です。Shopifyの公式資料では、対応するAIエージェントは現在Chromium系ブラウザーに限られると説明されています。
お店の側では、テーマを使うLiquidのストアには標準で提供されます。独自の画面を作るための開発基盤Hydrogenでは、2026-10版で標準スクリプト（ShopifyScripts または initializeShopifyScripts）を使う構成なら、対応ブラウザーで標準で読み込まれます。対応する道具が用意されていることと、どの環境でも同じように使えることは分けて考えたいところです。利用条件を含む公式資料
AIに渡す、お店の商品情報を整える
では、お店の側に残る仕事は何でしょうか。私は、まず商品について正確に説明できる状態を作ることだと考えています。検索やカートの仕組みが整っても、サイズや在庫が古いままでは、購入者が判断する材料も揃いません。
例えば、靴の説明に「雨の日におすすめ」とだけ書く場合と、防水・はっ水のどちらなのか、どんな素材で、使用上の注意があるのかまで書く場合では、確かめられる内容が違います。分からない性能を足す必要はありません。メーカーが示している仕様と、お店として説明できることを整理するのが先です。
サイズや色も、紹介文に書くだけで十分とは限りません。Shopifyでは、サイズと色の組み合わせを「バリエーション」として扱い、それぞれの在庫を管理できます。「紺の27センチが買えるか」を確かめられるように、実際に販売する組み合わせと登録内容を揃えておきたいところです。Shopifyの商品バリエーション
商品情報には、名称・説明・画像に加え、価格や在庫などの設定があります。まずは普段の登録項目が埋まり、更新されているかを見る。そのうえで、素材や用途など、購入者が比較に使う説明を補います。Shopifyの商品管理の説明
送料、配送の目安、返品・交換の条件も、商品を選ぶときの大切な情報です。例えば「交換できます」と書くなら、期限や未使用品に限るか、送料を誰が負担するかも一緒に確認できるようにする。これはAIへの対応を待たずに、人が買い物をするときにも役立つ整備です。
まずは、一つの商品を買う流れから
最初に全商品を書き直す必要はありません。代表的な商品を一つ選び、「この商品を初めて知る人なら、何を確かめてから買うか」を順番にたどってみます。
商品を選ぶ材料を揃える。 名称、素材、用途、サイズの説明を読み、画像にしか書いていない条件があれば、本文や登録項目にも記載します。担当者に聞かないと分からない点を見つけ、その答えをページに戻すところまで進めます。選ぶために必要な条件を、その商品ページで確認できれば最初の一区切りです。
選んだものが、同じ条件でカートに入るかを見る。 色やサイズを切り替えたとき、画像・価格・在庫が選択に合っているか。数量を変えたとき、合計も変わるか。実際の購入を確定せず、商品選択から確認画面までを点検します。確認結果は「合っていた点・直す点」に分けて残します。これは通常の買い物導線の確認で、WebMCPの動作検証とは別の作業です。
使っているサービスの対応範囲を確かめる。 制作会社や保守担当者には、「うちの構成で使えるか」「購入者が確認する場所はどこか」「使えない場合は通常の画面で続けられるか」を聞いてみます。回答をもとに、使える環境と購入者に操作が戻る場面を一覧にします。試す場合は、対応ブラウザーやAI、テスト環境を揃え、実注文を発生させない方法を先に決めます。
確認して終わりにせず、価格や在庫、配送条件を誰が更新するかも決めておく。新しい機能を加える前に、今のお店を正しく保つ仕事を見えるようにする。それが、無理なく始められる準備だと思います。
「AI対応」と聞くと、大きな改修を思い浮かべるかもしれません。まずは、一足の靴を探し、在庫を確かめ、カートへ入れる。商品情報と確認の流れが整っていれば、今後使えるAIが増えたときも、何を任せてよいか判断しやすくなるはずです。まずは一つの商品ページを開き、初めて買う人が迷いそうな条件を、担当者と確かめてみてください。
参照情報
この記事をシェアする
