Shopify ストアにサイズ表を追加する方法（そして返品を減らす）

方法1 — 商品説明に表を貼り付ける

最速の方法です。商品説明エディターで HTML の表を作れば終わり。機能し、無料で、商品が5点のストアならそれで十分かもしれません。

コストは後からやってきます。表はすべての商品に複製されるので、1か所の修正でも全商品を手で編集することになります。説明文の最下部にあるため、そこまでスクロールする人は少なく、HTML の表は横スクロールなしにスマートフォンの画面に収まることがまずありません。

共通点のない数点の商品なら妥当。十数点を超えると苦行です。

方法2 — メタフィールドとテーマ

Shopify にはネイティブのカスタムデータがあります。設定 → カスタムデータ → 商品でメタフィールド（リッチテキスト型が向いています）を作り、商品ごとに入力して商品テンプレートに表示します。Dawn のような Online Store 2.0 テーマなら、コード不要でブロックからメタフィールドを描画できます。

アプリなしでは最もクリーンな方法です。内容は Shopify 内にあり、テーマの更新にも耐え、完全に管理できます。限界は繰り返し作業――やはり商品ごとに入力する必要があり、得られるのは静的なブロックです。ポップアップも、単位切り替えも、サイズ提案もありません。

サイズ表が数個で予算がないなら、これが正解です。

方法3 — テーマのコードを編集する

少しの Liquid で、モーダルを開いてメタフィールドからサイズ表を読み込むスニペットを商品テンプレートに追加できます。望みどおりのポップアップとレイアウトが手に入ります。

始める前に知っておくべきことが2つ。コードはテーマ内にあるため、テーマを変えればやり直しになること。そして既存ファイルを編集した場合、テーマの更新のたびに上書きされる危険があることです。

Liquid に慣れていて、テーマをめったに変えないなら問題ありません。

方法4 — サイズ表アプリ

商品を1点ずつ触りたくなくなったとき、アプリは価値を発揮します。買っているのは主に割り当てのロジックです。1つのサイズ表をコレクション全体、タグ、販売元、商品タイプに適用し、新商品が作成された日に正しいサイズ表を引き継ぐようにします。

何よりも先に、アプリがストアでどう描画されるかを確認してください。外部スクリプトを挿入するアプリは、すべての商品ページにネットワークリクエストを追加し、Lighthouse のスコアを下げかねません。テーマアプリ拡張で作られたアプリはテーマ内で描画され、読み込み時に何も追加しません。そしてコードを残さずクリーンにアンインストールできます。

実際に使われるサイズ表の条件

• S/M/L だけでなく実寸――胸囲、ウエスト、ヒップをセンチまたはインチで、できれば範囲で（90 ではなく 88〜93 cm）。
• 「測り方」の注記や図。誤りの半分は、違う場所を測ることから生じます。
• 海外に販売するなら国際換算（EU、US、UK）。EU サイズしか見えない米国の購入者は推測し、推測は返品につながります。
• 誰も頭の中で換算しなくて済むよう、cm/インチの切り替え。
• サイズ選択の1クリック隣に置くこと。ページ下部のタブに埋もれさせてはいけません。
• モバイルでは、サイズ列を固定して横スクロールできる表に。そうでなければ読めません。

さらに先へ：表を見せる代わりにサイズを提案する

表はやはり、購入者に自分の寸法と一覧との照合を求めます。サイズ提案はその照合を代わりに行います。2〜3か所の寸法を入れれば、サイズが1つ出てきます。

使うのは同じデータ――すでにサイズ表にある範囲――で、使い方が違うだけです。正しく作れば計算は購入者のブラウザ内で完結し、待ち時間はなく、個人の寸法が誰かのサーバーに送られることもありません。

よくある質問