ソニーペイメントサービスの2つの決済モジュール

Welcartの商品バリエーション設定方法|2つの選択肢と手順を解説

「サイズ違いや色違いの商品を登録したら、カートボタンがずらっと縦に並んでしまった…」
スマホ画面がカートボタンで埋め尽くされると、お客様は選ぶことに疲れ、そのまま離脱(カゴ落ち)してしまいます。

本記事では、バリエーション商品を扱うショップ向けに、商品ページをスッキリ整理する2つの設定方法を解説します。
お客様が迷わず買える、スマートな商品ページへ今すぐアップデートしましょう!

Welcartの商品バリエーションを見やすくするには?

Welcartのデフォルト設定で、バリエーション商品(サイズ違い・色違い)を登録すると、SKU(在庫管理単位)ごとに「カートに入れる」ボタンが縦に並ぶ表示になります。

たとえば、Sサイズ・Mサイズ・Lサイズ・XLサイズの4サイズ × 5色展開の商品なら、20個のカートボタンが縦に並ぶことになります。
選ぶこと自体が疲れるページでは、購入までの心理的ハードルが上がります。

解決策:プルダウン・ボタンで選びやすく整理する

Welcartでバリエーション商品を扱うなら、選択肢をプルダウンやラジオボタンで表示することで、商品ページをスッキリと見やすく改善できます。
カートボタンが縦に20個並んでいた商品ページも、プルダウンで整理すれば選択エリアはわずか数行に収まります。

Welcartでこの商品バリエーションを設定する2つの選択肢と、それぞれの具体的な設定手順については、次の章で詳しく解説します。

Welcartで商品バリエーションを設定する2つの選択肢

Welcartでバリエーション表示を整理するには、2つの選択肢があります。
それぞれ特徴が異なるので、自社の状況に合わせて選びましょう。

商品オプション

費用


Welcart標準機能のため無料

バリエーションごとの在庫管理


できない

UI改善


改善される

WCEX SKU Select

費用


8,800円(税込・買い切り)

バリエーションごとの在庫管理


できる

UI改善


改善される

選択肢1:Welcart標準「商品オプション」機能

Welcartに標準搭載されている「商品オプション」機能を使えば、プラグインなしでプルダウンやボタン表示などができます。

費用無料
メリット・UIが改善される
・追加費用ゼロ
デメリットバリエーションごとの在庫管理ができない
向いている商品・在庫無制限の商品
・デジタル商品
・受注生産の商品

設定手順は、Welcart標準「商品オプション」の設定手順で解説しています。

選択肢2:WCEX SKU Selectプラグイン

「WCEX SKU Select」は、Welcart公式の有料プラグインです。

在庫管理とUI改善の両立が可能で、プルダウンまたはラジオボタン表示が選べます。

費用8,800円(税込・買い切り・2026年9月時点)
メリット・在庫管理 + UIの両方を実現
・SKUごとの価格設定も可能
デメリット・初期費用がかかる
・オリジナルテーマではデザイン調整が必要な場合あり
向いている商品・バリエーションごとに在庫切れが発生する
・SKUが多い

設定手順は、WCEX SKU Selectの設定手順で解説しています。

迷ったときの判断基準

バリエーションごとに在庫管理が必要かどうかで、選択肢が分岐します。
注文を受けてから製造するハンドメイド・受注生産などで「常に在庫あり扱い」で済むなら、在庫管理は不要です。
逆に、「サイズMが売り切れ」「黒の在庫がなくなった」といったバリエーション単位の売り切れが発生する場合は、選択肢2(WCEX SKU Select)が確実です。

Welcart標準「商品オプション」の設定手順

在庫管理が不要なショップ向けに、Welcart標準の「商品オプション」機能で設定する手順を解説します。

Welcart標準の商品オプションは、先に「共通オプション」を登録し、それを各商品で呼び出して使う二段構成になっています。

STEP1共通オプションを登録する
  1. WordPress管理画面の左メニュー「Welcart Shop」→「基本設定」を開く
  2. 「共通オプション」セクションまでスクロールする
  3. 以下の項目を入力する
    ・オプション名(例:サイズ、カラー)
    ・フィールドタイプ(シングルセレクト、ラジオボタン等から選択)
    ・セレクト値(S・M・L等を改行区切りで入力)
    ・必須項目(必須にしたい場合はチェック)
  4. 「共通オプションを追加」をクリックする
  5. その他のバリエーションも同様に登録する
  6. ページ下部の「設定を更新」で保存する

一度登録した共通オプションは、複数の商品で使い回せます。
共通オプションの詳しい設定手順は、公式マニュアルでも解説しています。

STEP2商品に共通オプションを適用する

次に、登録した共通オプションを商品に適用します。

  1. 「Welcart Shop」→「商品マスター」から対象商品の「編集」をクリックする
  2. 「商品オプション」セクションまでスクロールする
  3. プルダウンから登録済みの共通オプション名を選択する
  4. 「オプションを適用する」をクリックする
  5. 商品ごとに、フィールドタイプやセレクト値の個別調整もできる
  6. ページ上部の「更新」で保存する

設定完了です。
商品オプションの詳しい設定手順は、公式マニュアルでも解説しています。

Welcart標準の商品オプションは、バリエーションごとの在庫管理ができません。
「Mサイズだけ売り切れ」といった状態を表示できないため、在庫切れが発生する商品には向きません。
在庫管理が必要な場合は、次の方法(WCEX SKU Select)を検討してください。

WCEX SKU Selectの設定手順

商品バリエーションごとの在庫管理が必要なショップ向けに、WCEX SKU Selectでの設定手順を解説します。

STEP1プラグインを購入・ダウンロードする

Welcart公式サイトのWCEX SKU Select商品ページから購入・ダウンロードします。

費用8,800円(税込・買い切り・2026年9月時点)
対応バージョン商品ページで、Welcart本体・PHPのバージョン要件を必ず確認する
デモサイト公式デモサイトで実際の表示を確認する
STEP2インストール・有効化する
  1. WordPress 管理画面の左メニュー「プラグイン」→「プラグインを追加」→「プラグインのアップロード」をクリックする
  2. ダウンロードしたzipファイルを選択してアップロードする
  3. インストール完了後、「有効化」をクリックする

WCEX SKU Selectを有効化すると、独自の商品詳細ページテンプレート(wc_sku_select.php)を読み込みます。
そのため、オリジナルテーマや古いテーマではデザインが崩れる可能性があります。
詳細は、公式マニュアルの「ご利用上の注意点」をご確認ください。

STEP3商品マスターでSKU Selectを設定する
  1. 「Welcart Shop」→「商品マスター」から対象商品の編集画面を開く
  2. 画面一番上のセクションで「SKUセレクトの使用」にチェックを入れる
  3. 「SKUセレクトの表示形式」でプルダウン表示かラジオボタン表示を選ぶ
  4. 「選択項目」セクションで以下の項目を入力する
    ・選択項目名(例:サイズ、カラー)
    ・選択肢(S・M・L等を改行区切りで入力)
  5. 「追加」をクリックする
  6. 2つ目以降の登録は「新規追加」をクリックし、登録する
  7. 「SKUを生成する」をクリックすると、組み合わせのSKU(例:ブラウン:S、ブラウン:M…)が自動作成される
  8. 「SKU価格」の表で、各SKUの売価・在庫数・在庫状態等を入力する
  9. ページ上部の「更新」で保存する

設定完了です。

プルダウン表示/ラジオボタン表示の選び方

WCEX SKU Selectでは、表示形式を2種類から選べます。
それぞれの特徴は以下の通り。

プルダウン表示

  • 選択肢が多くてもページがコンパクトに収まる
  • 選択項目の数に制限なし
  • 項目が3種類以上(サイズ×カラー×素材など)に向く

ラジオボタン表示

  • 全選択肢を一度に視認できるため決定が速い
  • 選択項目は2種類まで
  • 「サイズだけ」「サイズ×カラー」などに向く

選択項目が3種類以上ならプルダウン、2種類以内ならラジオボタン、と覚えておけばOKです。
WCEX SKU Selectの詳しい設定手順は、公式マニュアルにも記載されています。

まとめ

Welcartでバリエーション商品を扱うなら、SKUごとにカートボタンが並ぶ状態を放置するのはもったいない選択です。

  • 在庫管理が不要 → Welcart標準の「共通オプション」機能で無料対応
  • 在庫管理が必要 → WCEX SKU SelectでUIと在庫管理を両立

まずは自社の商品を見直し、「在庫管理が必要かどうか」で選択肢を絞りましょう。
選びやすい商品ページは、お客様のカゴ落ちを防ぎ、売上に直結します。

この記事は役に立ちましたか?

0