本文へ移動する
06-7777-3960受付 月〜土 9:00〜18:00
無料で相談する→

サービス何をつくるかは、話してから決めましょう。

サービス一覧を見る

UX公開 更新

ECの商品比較を家族や社内へ共有するとき、選択内容が伝わるページにするには

この記事で分かること

ECの比較候補を家族や社内へ送るとき、選んだ色・サイズ・型番を保って伝える方法。共有する情報とカート・会員情報を分け、価格と在庫を再確認する流れを整理します。

読み方
比較した商品をスマートフォンで共有しようとする購入者の説明用写真。記事の全文タイトルと正式Bämロゴ。

ECで候補を二つまで絞り、家族や社内の担当者に相談する。商品名だけを送ると、受け取った人は別の色やサイズを見ているかもしれません。共有したいのは、比較中の商品と選んだ条件、その違いを確かめるページです。購入者のカートや会員情報まで渡さず、相手が自分の画面で候補を確認できる範囲を決めます。

まず、相手に渡す「選択内容」を決める

商品比較を共有する目的は、相手に代わりに購入してもらうこととは限りません。「この二つならどちらが部屋に合うか」「この型番で社内の機器に接続できるか」と相談する段階なら、候補の商品、選んだ色・サイズ・型番、比較したい仕様、商品詳細へのリンクが伝われば十分な場合があります。数量が判断に関わるなら添えますが、配送先や支払方法は候補の比較には必要ありません。

一つの商品だけを共有する場合も、選択状態を落とさないことが大切です。Shopifyのテーマ開発資料は、特定のバリエーションへ直接つながる商品URLを説明し、そのURLで開いたときに写真・価格・選択欄を対応するバリエーションへ更新するよう案内しています。採用しているECで同じことができるかは、テーマと商品設定で試します。単に商品ページの先頭へ戻るリンクでは、選んだ条件が相手に伝わりません。

共有する商品候補・選択した型番や色・比較軸と、共有しないカートや会員情報を分けた図
選択した商品条件を渡し、個人の購入情報は含めません。

比較の共有画面と、購入用のカートを分ける

候補を複数まとめて送るなら、共有リンクを開いた相手が商品名、選択したバリエーション、主要な違いを同じ順序で見られる形を検討します。リンクに記録するのは、公開商品を特定するIDと選択条件など、共有してよい情報に限ります。自由記入のメモを付けるなら、個人名や社内の機密を入力しない案内と、誰が読めるかの表示が必要です。会員限定価格や非公開商品は、公開リンクに混ぜず、閲覧権限を別に設計します。

カートのURLをそのまま送る方法は、目的を確かめてから選びます。Shopifyのカートのパーマリンクは、商品バリエーションと数量を指定して共有でき、相手ごとに新しいチェックアウトを作ります。比較を続けたいだけの人を購入手続きへ進めるリンクとは役割が違います。同資料は、リンクへメールアドレスや配送先住所を事前入力する設定も説明しています。共有用途では、そのような個人情報をURLへ含めず、現在の利用者のカートやログイン状態を再現する仕組みとも分けます。

選んだ候補を一時保存する機能がある場合は、別の端末で開けるか、ログインを要求するか、リンクがいつまで使えるかを確認します。共有期間の後に候補が削除されたり、商品が販売終了になったりしたときは、古い比較を黙って別商品へ置き換えず、どの候補が見られなくなったかを知らせます。保存できる条件が採用ECにないなら、商品ごとの選択状態を保ったリンクを送る方法から始めることもできます。

共有後の価格と在庫は、開いた時点で確かめる

候補を渡した時点と相手が開く時点の間に、価格、在庫、販売条件が変わることがあります。比較画面の価格を送信時の固定値として見せるのか、商品管理の現在値を表示するのかを決め、画面にその意味を示します。購入に進む直前には、選んだバリエーションの価格・在庫・送料・納期を現在の条件で再確認できるようにします。共有リンクが商品を取り置くと誤解させない案内も必要です。

比較表そのものの項目と更新元は商品比較ページの既存記事で扱っています。ここでの追加点は、候補を他者へ渡した後も同じ選択条件で読めることです。受け取った人が色を変えたら、その人の画面の選択だけが変わるのか、元の共有リンクまで変わるのかも決めます。相談の途中の候補と購入を確定した商品が混ざらないようにします。

送信者が商品とバリエーションを選び、受信者が同じ候補を開き、価格と在庫を再確認する流れ
相手が開いたときの選択状態と、その時点の購入条件を確認します。

別の人・別の端末で開いて確かめる

改修の確認には、販売中の検証用商品を使います。送信側で色や型番を選んでリンクを作り、ログインしていない別の端末で開きます。商品とバリエーションが合うか、比較の違いが読めるか、カートに商品が勝手に追加されないか、氏名・メール・住所・会員価格が見えないかを確かめます。共有先がリンクから商品を変えた後も、購入前の確認画面で最終的に選ばれた内容を読めることが必要です。

制作相談には、比較したい二つの商品、選ぶ色・サイズ・型番、現在の比較画面と商品ページ、採用ECの共有機能を用意します。Bämの通販で売れないときの改善相談では、商品選びから購入までの迷う箇所を確かめます。既存のリンクで条件を保てるなら表示と案内を整え、複数候補の保存が必要なら機能と閲覧範囲を別に見積もる、といった順に検討できます。

参考資料

資料確認日:2026年9月26日。Shopifyの仕様は一例です。実際に使うECサービス、テーマ、共有機能でリンクの内容と有効期間を確認します。

次の一歩読んだあとに

会社の場合も、考えてみませんか。

この内容を相談する→

ホームページ制作サービスを見る →

この記事を書いた人

Bäm[バム]運営事務局株式会社みやあじよ

株式会社みやあじよの担当者が、調査、執筆、編集、公開前の確認を行います。出典・数字・固有名詞・リンク・読みやすさを、公開の前に人が確かめます。

調べて、書いて、確かめてから公開します記事について連絡する

無料で相談する →