WooCommerceで商品バリエーションを表示する方法

単一の製品の複数のバリエーションを販売することはかなり一般的です。 Tシャツのサイズ、色の好み、または買い物客が考慮すべきその他の要素であるかどうかにかかわらず、WooCommerceを使用して利用可能なすべてのオプションを簡単に表示できます。

この投稿では、製品バリエーションの使用法について簡単に説明した後、WooCommereでそれらを設定する方法について説明します。 また、オファーや製品の表示を強化するのに役立ついくつかの関連プラグインを共有します。

さっそく飛び込みましょう！

WooCommerce製品のバリエーションを理解する

用語を知らないかもしれませんが、おそらく製品のバリエーションに非常に精通しているでしょう。 これは、1つのアイテムが、さまざまなサイズ、色、フレーバー、香りなど、さまざまなオプションで提供される場合です。

製品のバリエーションごとに、他の製品と区別するために独自の在庫管理単位（SKU）番号が必要になります。 ただし、多くの場合、バリエーションはすべて1つの製品ページに表示され、混乱を最小限に抑え、利用可能なすべてのオプションが顧客に表示されるようにするセレクターが付いています。

製品のバリエーションは多くの目的に役立ちます。 服のサイズなど、実用的なものもあります。 その他は、複数の色やパターンでアイテムを提供するなど、さまざまな買い物客の個人的な好みにアピールするのに役立つことを目的としています。

さらに、バリエーションごとに価格を同じに保つことも、顧客が選択したオプションに応じてコストを調整することもできます。 たとえば、この圧力鍋には複数のサイズがあり、価格が高くなっています。

つまり、WooCommerceサイトに製品バリエーションを実装する理由はたくさんあります。 幸いなことに、人気のあるeコマースプラグインを使用すると、これを簡単に設定できます。

WooCommerceで商品バリエーションを表示する方法（4ステップ）

WooCommerceでの製品バリエーションの表示は、特にプラグインに既に精通している場合は、実際には非常に簡単です。 以下では、プロセスについて説明します。 ただし、この投稿では、オンラインストアが既に稼働しており、WooCommerceで簡単な製品を作成および編集する方法を知っていることを前提としています。

ステップ1：可変製品を作成する

WooCommerceを使用すると、箱から出して製品のバリエーションを設定できます。 [製品]> [新規追加]を選択するだけで開始できます。

アイテムのタイトルと説明を入力したら、[商品データ]セクションまで下にスクロールします。 上部のドロップダウンメニューから、[ Variable Product ：]を選択します。

製品のオプションがそれに応じて変更されることがわかります。 たとえば、アイテムの価格を入力できるフィールドはなくなりました（この情報は後で含めることができます）。

ステップ2：製品属性を追加する

次に、[属性]タブをクリックします。 ドロップダウンメニューから、追加するWooCommerce製品バリエーションのタイプを選択します。 デフォルトのオプションは色とサイズですが、必要に応じてカスタム属性を作成することもできます。

[追加]ボタンをクリックして、選択した属性を適用します。 次に、以下の必要な情報を入力します。

商品ページの[表示]オプションと[バリエーションに使用]オプションの両方を有効にすることが重要です。 次に、属性値（ small 、 medium 、 largeまたはred 、 yellow 、 blueなど）を一覧表示できます。

製品に複数の変数属性がある場合（たとえば、さまざまなサイズと色がある場合）、このプロセスを繰り返すこともできます。 ここで終了したら、必ず[属性の保存]をクリックしてください。

ステップ3：バリエーションを生成する

これで、[バリエーション]タブに移動できます。 2つのオプションがあるドロップダウンメニューが表示されます–バリエーションの追加とすべての属性からのバリエーションの作成：

2番目のオプションは、指定した属性の可能な組み合わせごとにWooCommerce製品のバリエーションを自動的に生成します。 オプションを手動で追加する場合は、[バリエーションの追加]を選択し、使用可能なメニューを使用して各オプションを作成します。

次に、それらが別個のアイテムである場合と同じように、各バリエーションの製品情報を入力できます。 前述したように、各バリエーションには、在庫管理の目的で独自のSKU番号が必要です。

ここで、必要に応じてバリエーションごとに異なる価格を指定することもできます。 送料と税金の情報も提供する必要があります。 WooCommerce製品のバリエーションごとにこれを行った後、[変更を保存]をクリックします。

ステップ4：可変製品をプレビューして公開する

この段階で、製品ページを完成させるために追加する必要のある他のデータがある場合があります。 すべての関連情報の入力が完了したら、すべての変更を保存して、アイテムをプレビューできます。

バリエーションセレクターを確認し、すべてのオプションがそこにあることを確認してください。 すべてが正常に見え、この製品の販売を開始する準備ができている場合は、エディターの[公開]ボタンをクリックしてページを公開できます。

WooCommerce製品バリエーションプラグイン

これまで見てきたように、WooCommerceには、製品バリエーションを設定するために必要なすべてのものが含まれています。 ただし、この機能を強化するために使用できる拡張機能やその他のプラグインがいくつかあります。

まず、WooCommerceの追加バリエーション画像ギャラリーをチェックしてください。

このプラグインを使用すると、商品のバリエーションごとに画像ギャラリーを追加できるため、顧客は選択した属性を持つアイテムを複数の角度から見ることができます。 これにより、買い物客が実際に購入したい色やサイズが表示されていない写真をページングする必要がなくなり、混乱を最小限に抑えることができます。

紹介する画像があまりない場合、WooCommerceのVariation Swatchesは、デフォルトの属性セレクターを視覚的に魅力的なボタンに変更します。これにより、買い物客は各オプションがどのように見えるかを簡単に確認できます。

また、WooCommerceの製品バリエーションテーブルなど、WooCommerceマーケットプレイスにはプレミアム製品バリエーション拡張機能があります。 このソリューションは、並べ替えとフィルター機能を備えたテーブルを追加し、顧客が探しているものをすばやく見つけることができるように、製品のすべてのバリエーションを含みます。 プラグインは年間49ドルで利用できます。

最後に、顧客が1つの製品の複数のバリエーションを購入することが多い場合は、バルクバリエーションフォームへの投資を検討することをお勧めします。 これにより、買い物客はカートに複数のバリエーションを一度にすばやく追加できます。それぞれを個別に選択する必要はなく、年間49ドルの費用もかかります。

結論

WooCommerceで商品のバリエーションを有効にすると、顧客により良いオンラインショッピング体験を提供し、作成および管理する必要のある商品ページの数を最小限に抑えることができます。 幸い、WooCommerceのデフォルト機能を使用して、すぐにセットアップできます。

WooCommerceで商品のバリエーションを表示するには、次の4つの手順が必要です。

1. 可変製品を作成します。
2. 商品の属性（サイズや色など）を追加します。
3. バリエーションを生成して、それぞれに一意のSKU番号（および該当する場合は価格）を設定します。
4. 可変製品をプレビューして公開します。

WooCommerceの製品バリエーションについて質問がありますか？ 下のコメントセクションで質問してください！

Bloomicon /shutterstock.comによる画像