Shopifyでカスタム商品オプションを追加する方法

Shopifyが提供するもの

Shopifyの各商品には、サイズ、色、素材など最大3つのオプションと、最大2,048のバリエーションを設定できます。Shopifyは2025年10月、すべてのマーチャントの上限を100から2,048バリエーションに引き上げました。

バリエーションとは、在庫として持ち販売できる商品の1つのバージョンです。たとえばMサイズの黒Tシャツ、16 ozのセージカラーのタンブラーなどです。各バリエーションには独自の価格、SKU、重量、在庫数があり、テーマは商品ページにオプションをボタンやドロップダウンで表示します。5サイズ×4色のTシャツは20バリエーションとなり、Shopifyはそれぞれを個別に管理します。

この仕組みは棚に置く在庫のために作られています。パーソナル商品が求めるものは別です。

バリエーションかフィールドか：簡単な見分け方

商品に何かを追加する前に、次の4つを自問してください。

• 在庫として持ちますか？ 5色の無地タンブラーのように、選択肢ごとに別々の在庫を持つならバリエーションです。
• リストは固定で短いですか？ サイズや色はそうです。名前、日付、メッセージは違います。それはフィールドです。
• 注文ごとに新しいものが加わりますか？ 写真、ロゴ、手書きのレシピはフィールドで、通常はアップロードです。
• 商品に追加するオプションですか？ ギフトラップ、2面目の刻印、お急ぎ便は価格付きのフィールドであり、商品の新しいバージョンではありません。

ほとんどのパーソナル商品は、在庫として持つものに1つか2つのバリエーション、買い手が伝えるものにいくつかのフィールドを持つことになります。

バリエーションが通用しなくなる場面

パーソナル商品は在庫として持てないものを求めます。

• 自由入力テキスト。 名前、日付、メッセージには無限の値があります。バリエーションのリストでは対応できません。
• ファイル。 写真やロゴは注文ごとに異なります。
• アドオン。 ギフトラップ、長いチェーン、お急ぎ便はバリエーションを倍増させます。3つの金属、3つのチェーン長、ギフトラップのオン・オフだけで、1本のネックレスに18バリエーション。新しい追加項目ごとにさらに倍になります。
• 追加の質問。 ギフトメッセージは、買い手がギフトラップを選んだときだけ意味を持ちます。バリエーションは最初の回答に基づいて2つ目の質問をできません。

これらはバリエーションではなく、商品ページのフィールドに属します。

標準の方法：ラインアイテムプロパティ

Shopifyのテーマは、ラインアイテムプロパティで追加の詳細を収集できます。それぞれが名前と値のペアとしてカートのラインと注文に保存されるため、買い手はカートで、チームは管理画面で確認できます。テーマは商品フォーム内のinput、またはAjax Cart APIで取得できます。

商品フォームで、properties[Engraving]という名前のinputは、買い手が入力した内容を「Engraving」として保存します。properties[_ref]のようにアンダースコアで始まる名前は、チェックアウトで買い手には表示されません。

動作しますが、制限があります。

• フィールドごとにテーマコードの編集が必要で、コードはそのテーマに残ります。テーマを切り替えると再度追加が必要です。
• プロパティには価格がありません。課金するには別の仕組みが必要です。
• 必須のinputは商品フォームを止めるだけです。チェックアウトでカートを再確認するものはありません。
• 最初の回答後にフィールドを表示するには、独自のスクリプトを書く必要があります。

アプリの方法：フィールドのアプリブロック

オプションアプリは、アプリブロックとしてフィールドを追加します。テーマエディターに置くだけで、コードは不要です。GMVify Custom Product Optionsなら、次のことができます。

• テキスト、選択肢、スウォッチ、日付、チェックボックス、アップロードで質問できます。
• 前の回答が必要としたときだけ、フィールドを表示できます。
• 選択肢、文字、ファイルに価格を設定し、Shopifyのカートで課金できます。
• チェックアウトで必須フィールドをチェックできます。Shop Payにも対応します。
• 入力漏れのある注文にフラグを立てられます。
• フィールドを買い物客の言語で表示できます。翻訳は自動です。
• 商品タイプ別の94のテンプレートから始められます。

回答はこれまでどおり、注文に商品ラインアイテムのプロパティとして届きます。チームはいつもの場所で確認できます。

適切なフィールドタイプを選ぶ

フィールドタイプは、回答のしやすさと、届いたときの見やすさを決めます。

• テキストは名前や短いメッセージに。文字数を設定できます。刻印のテンプレートは20文字、タンブラーのテンプレートは名前に15文字です。
• 長いテキストはリストやメモに。クリスマスオーナメントの家族の名前など、最大120文字です。
• スウォッチは色や素材に。見て選べると助かるもの、たとえば糸の色、紙、金属などです。
• ドロップダウンは長めのリストに。スウェットシャツの呼び名、Mama、Mimi、Nana、Grandma、Auntieなどです。
• ボタンは一度に見せる価値のある2〜4の選択肢に。左袖か右袖かなどです。
• 日付はイベントに。星図の夜や結婚式の日などです。
• チェックボックスははい・いいえの追加に。+￥200で赤いリボンを付けるなどです。
• アップロードは写真、ロゴ、印刷用ファイルに。

5つのステップで設定する

1. 注文ごとに変わるもの（パーソナル）と、在庫として持つもの（バリエーション）を書き出します。
2. 在庫として持つ選択肢は、それぞれの在庫を持つバリエーションとして残します。
3. パーソナルな詳細ごとにフィールドを追加します。買い物客が決める順に並べ、これがないと作れないものは必須にします。
4. 追加コストがかかる選択肢には価格を設定し、選択肢の横に表示します。
5. テスト注文をします。エクスプレスチェックアウトも含め、管理画面に届く内容を確認します。

商品タイプ別のテンプレートから始めれば、ステップ3と4のほとんどを省けます。ラベル、上限、価格はあとからすべて変更できます。

公開前にテストする

まずスマートフォンで、買い物客としてページをたどります。

• 各必須フィールドを飛ばしてカートに追加してみます。次にエクスプレスチェックアウトのボタンからも試します。
• 価格のある選択肢をすべて選び、カートの合計がページの表示と一致するか確認します。
• 途中で気が変わったときの動きも確認します。選択肢を切り替え、追加を外し、合計が追従するか見ます。
• テスト注文を管理画面で開き、実際に作る人の目で読みます。足りないもの、わかりにくいものはありませんか。

基本のルール

• フィールドはカートに追加するの上に、買い物客が決める順に置きます。
• 作れる範囲に合った文字数を設定します。
• アドオンの価格は、カートに追加するの前に、選択肢の横に表示します。
• フィールドのラベルは、工房の言葉ではなく買い物客の言葉で。
• 注文を作るのに必要なことだけを尋ねます。質問が増えるほど、注意力を奪います。