WooCommerceで可変商品を作成する方法

WooCommerceストアを最初に立ち上げるときは、新製品の追加、ショッピングカートの設定、チェックアウトプロセスの合理化などの基本に集中している可能性があります。 ただし、WooCommerce変数製品を設定することは、少し謎に包まれているかもしれません。

または、少なくとも、それは最優先事項ではありません。 しかし、バリエーションの多い商品に出会うと、いきなり急務になります。

ありがたいことに、WooCommerceに製品バリエーションを追加するのは簡単で、多くの技術的ノウハウを必要としません。 ただし、eコマースプラットフォームを初めて使用する場合は、オプションの操作に少し混乱するのが普通です。

私たちは今日それを支援することを目指しています。 変数製品とは何か、変数と属性の違い、WooCommerce変数製品を作成する方法、プラグインを使用して製品のバリエーションをより適切に最適化する方法について説明します。

始めましょう。

WooCommerce可変製品とは何ですか？

WooCommerce可変製品は、いくつかの異なるタイプ、スタイル、またはバリエーションで利用可能な製品として簡単に定義できます。 バリエーションの例には、次のようなものがあります。

• 色
• サイズ
• スタイル
• 材料

これは、WooCommerceの製品フィルターとはまったく同じではありません。 製品をフィルタリングする場合でも、変数を選択する必要があります。

顧客が変数を使用して商品ページにアクセスする場合、商品をカートに追加する前に、何らかの選択を行う必要があります。 多くの種類の店舗や企業が可変商品を利用しています。 ここにいくつかの人気のある例があります：

• さまざまなサイズと色のオプションのアイテムを提供する衣料品店。
• カートにアイテムを追加する前に、顧客がドロップダウンまたはチェックボックススタイルのメニューからトッピングを選択できるピッツェリア。
• 複数のサイズのオプションで、キャンバスや木材などのさまざまな素材にカスタムプリントを販売するアーティスト。
• 家庭用品の売り手は、顧客が家具アイテムの素材や生地を選択する必要があります。

そして、リストは続きます。 事実上すべてのタイプの店舗では、ある時点で商品のバリエーションが必要になります。

幸いなことに、WooCommerceはさまざまな製品を組み込みで作成できます。 そして、設定するのはそれほど難しくありません。 ただし、その方法に関するステップバイステップのチュートリアルに進む前に、まずバリエーションと属性を本質的に区別する必要があります。

属性とバリエーション

WooCommerce内のバリエーションと属性の最も重要な違いは、バリエーションは顧客が操作できるのに対し、属性は操作できないことです。

まず第一に、属性はバリエーションを定義するものです。 これらは、色、パターンなどのさまざまなスタイルです。WooCommerce内でこれらの属性で並べ替えることもできます。 ただし、これらは単なる情報であり、機能はありません。

属性は、特定の製品の機能を定義するためにも使用されます。 財布の製品ページには、寸法、使用されている生地、ハンドルの素材が属性として記載されている場合があります。 これらは製品（その属性）について述べられた事実であり、顧客はこれらの属性に基づいて選択を行うことはできません。

一方、バリエーションは、可変製品を通じて使用する属性を配置し、ユーザーが特定の属性のアイテムを購入できるようにします。 バリエーションは、これらの属性のさまざまな組み合わせもカバーし、個別の製品オプションを作成できます。

たとえば、商品の色とロゴの属性があるとします。 その場合、これらをさまざまなバリエーションに組み合わせることができます。つまり、青いイルカのロゴが付いた帽子、サンショウウオの緑のロゴが付いた帽子などです。

ここでのポイントは、顧客は変換プロセスの一部としてチェックアウト前にバリエーションを選択できますが、属性は選択できないということです。

ただし、バリエーションを設定する前に属性を確立しておくと役立ちます。 しかし、まったくの混乱から丘に向かって走る前に、心配しないでください。プロセスは非常に簡単です。

WooCommerce可変製品を作成する方法

これで、記事のチュートリアル部分に到達しました。 始める前に、WooCommerceがすでにインストールされており、いくつかの製品がすでにストアに追加されていることを前提としています。

1.商品属性を作成する

ここでの最初の仕事は、いくつかの製品属性を作成することです。 WordPressダッシュボードの[製品]>[属性]に移動できます。

このセクションでは、オンラインストアの新しい属性を作成できます。 それが最初にインストールされたとき、「色」のデフォルト属性がWooCommerceに追加されます。

ここに「サイズ」という属性を追加しました。 属性の名前（サイズ）、関連するスラッグ（サイズ）を入力し、完了したら青い[属性の追加]ボタンをクリックするだけです。

そこから、作成した属性の横にある「用語の構成」というリンクをクリックできます。

このセクションでは、新しい属性に関連付ける用語をいくつでも追加できます。 「サイズ」については、ここに「中」という用語を追加しました。 これは、属性を追加する場合と同じプロセスに従います。 必要に応じて、名前（この例では「中」を使用）、スラッグ（中）、および説明を入力するだけです。 変更が完了したら、青い[新しいサイズを追加]ボタンを押します。

「色」属性にも用語を追加しました。 上に示した「緑」が見えます。

この方法で、WooCommerceで必要な数の属性と関連する用語を追加できます。 どの属性と用語、およびそれぞれを追加する数は、実行するストアのタイプと販売する製品のタイプによって異なります。

2.可変WooCommerce製品を作成します

次の仕事は、属性を適用できる商品ページを作成することです。 これを行うには、 [製品]>[新規追加]に移動する必要があります。

商品に名前と説明を付け、必要な画像を追加するか、適切と思われる方法で編集します。 次に、[製品データ]セクションまで下にスクロールします。

上部にあるドロップダウンメニューをクリックして、[可変商品]を選択します。

次に、価格などの[全般]タブで関連するすべての詳細を入力できます。

3.属性を割り当てます

商品を可変商品に設定すると、以前に作成した属性を商品に追加できるようになります。 [属性]タブをクリックして、作成した属性の1つを選択します。 次に、[追加]ボタンをクリックします。

[値]というセクションが表示され、その下に、以前にこの属性に割り当てたすべての用語が表示されます。 この特定の製品に適用される条件を選択します（または、適用されて簡単な場合は、 [すべて選択]をクリックします）。

これらの属性を顧客が選択できるようにする場合は、[商品ページに表示]の横にあるチェックボックスがオンになっていることを確認します。

また、これらの属性からバリエーションを作成する場合は、[バリエーションに使用]の横のチェックボックスもオンにします。

[属性の保存]をクリックして、このセクションを終了します。

4.バリエーションを追加します

ここでの最後の仕事は、バリエーション自体を製品ページに追加することです。 [バリエーション]タブをクリックします。

このセクションには、[バリエーションを追加]というドロップダウンが表示されます。 その横にある「 Go」というボタンをクリックします。

この特定の製品に適用される属性を選択できると、新しいドロップダウンメニューが表示されます。 製品に適用するものをいくつでも選択してください。

各バリエーションの下で、各バリエーションの価格、販売価格、SKU番号、在庫状況、重量、寸法などの設定を調整することもできます。 ただし、必要なのは価格のみです。

バリエーションへの変更がすべて完了したら、青い[変更を保存]ボタンをクリックします。

その後、作成したい他のバリエーションに対してこのプロセスを繰り返すことができます。

WooCommerce製品バリエーションの最適化

可変製品とは何か、WooCommerceでそれらを作成する方法がわかったので、それらを本当に輝かせる方法をもう少し深く掘り下げることができます。 ここに、製品ページで最高のものを引き出し、コンバージョンを増やすことができるいくつかのWooCommerceプラグインと拡張オプションがあります。

1.見本

ここで説明する最初のプラグインは、WooCommerceのバリエーションスウォッチです。 これは、製品の属性とバリエーションを表示するための合理化された、見た目に美しい方法を提供します。 このプラグインは、カラーブロックの見本、ラベル、ラジオ画像の形式で、顧客がこれらのオプションを選択する方法についてのより優れたオプションも提供します。 これは、製品のバリエーションを表示するための万能でスタイリッシュな方法であり、ドロップダウンメニューを完全に排除します。

これらのオプションは、製品のクイックビューと製品ページで機能します。 見本の形状（丸みを帯びたものまたは円形）を選択することもできます。 その他の機能には、ホバーのツールチップとカスタムCSS機能が含まれます。

WooCommerceのバリエーションスウォッチは無料です。

2.追加のバリエーション画像

次に、WooCommerceの追加バリエーション画像ギャラリーがあります。これにより、商品バリエーションの複数の画像を表示できます。 デフォルトでは、WooCommerceでは製品バリエーションごとに1つの画像を表示できますが、このプラグインではそれを拡張し、バリエーションごとにギャラリーを表示できます。

結局のところ、顧客にあなたの製品のより多くの見方を与えることは売り上げを増やすことができます。 そのため、顧客が商品ページでさまざまな商品バリエーションを切り替えると、さまざまな画像のセットが表示されます。 より多くの情報=あなたが販売しているもののより良い理解。 そして、それはあなたのブランドへのより大きな信頼を綴ることができます。

WooCommerceプラグインの追加バリエーション画像ギャラリーは無料です。

3.製品属性フィルター

WooBeWooによる製品フィルターは、一見の価値のあるもう1つの優れたプラグインオプションです。 これにより、オンラインストアへの訪問者は、カテゴリ、タグ、分類法、価格、属性など、さまざまな要素で商品を並べ替えることができます。

ここに含まれる主な機能は、販売状況、評価、または商品の在庫があるかどうかなどの基準によるフィルタリングです。 また、ドロップダウンメニュー、チェックボックスリスト、ラジオボタンリスト、アイコンなどの複数のオプションを使用して、Webサイトのフロントエンドにフィルターを表示することもできます。 また、AJAXライブ検索をサポートし、Elementorと連携します。

WooBeWooによる製品フィルターは無料です。

4.製品フィードをカスタマイズする

チェックアウトするもう1つのプラグインは、マーケティング目的の製品フィードを作成できるProductFeedPROです。 これを使用すると、さまざまなオンラインマーケティングの場所で、100を超えるさまざまなテンプレートを使用して、無制限の数の製品とフィードを作成できます。 これには、Googleショッピング、Facebookリマーケティング、Pricerunner、Bing Ads、Skroutzなどのサポートが含まれます。

その他の機能には、フィールドマッピング、カテゴリマッピング、フィルタリング、および製品変数のサポートが含まれます。 このプラグインを使用して、Facebookピクセルをサイトに追加したり、Googleダイナミックリマーケティングピクセルを追加したり、FacebookコンバージョンAPIを追加したりすることもできます。

製品フィードPROは無料です。

5.製品オプションを追加する

各製品にさらに多くのオプションを表示する必要がある場合は、WooCommerceの追加の製品オプションが最適です。 これにより、カスタム製品フィールドを製品ページに簡単に追加できます。 このプラグインは、カスタムレイアウトを自分で作成したり、標準の製品ページエディター内で作業したりする代わりに、製品ページに高度なフィールドを追加して、顧客のニーズに真に応えるページを作成できるようにします。

このプラグインには、テキスト、パスワード、非表示、電子メール、番号、URL、電話、テキスト領域、選択、ラジオボタン、チェックボックス、チェックボックスグループスライダー、日付ピッカー、カラーピッカー、見出し、段落など、17種類のカスタムフィールドが付属しています。 。

WooCommerceプラグインの追加の製品オプションは無料です。 タイムピッカー、HTML、カラーパレット、ファイルアップロード、複数選択、データと時間範囲のピッカー、画像グループなど、さらに7つの製品オプションを追加するプレミアムオプションも利用できます。 プレミアムバージョンは、シングルサイトライセンスで39ドルかかります。

6.バリエーションの動的価格設定を追加します

Advanced Dynamic Pricingプラグインは、多くの売り手にも利用できます。 これは、動的な価格設定または割引機能をWooCommerceショップに追加することで機能し、必要に応じてこれらのルールをオンまたはオフにすることができます。

これを使用すると、個々の製品または製品のグループの金額、パーセンテージ、および固定製品を設定できます。 その他の機能には、一括価格設定と役割ベースの価格設定が含まれます。 したがって、カテゴリ全体で製品の割引を設定し、顧客が特定の数のアイテムを購入した場合にパーセンテージ割引を取得するか、BOGO取引を確立する特別取引を設定できます。

オプションは非常に柔軟であり、価格設定と売上高を創造的にすることができます。 WooCommerceの高度な動的価格設定は無料ですが、追加のルールと機能を備えたプレミアムバージョンが利用可能です。 プレミアム価格は年間50ドルからです。

7.バリエーションをテーブルに表示する

WooCommerce拡張機能の製品バリエーションテーブルは、特に複雑で同時のバリエーションが大好きな製品を販売する場合に手元にあるもう1つの確かなツールです。 顧客は、各製品ページのバリエーションをフィルタリングおよびソートすることにより、このプラグインを利用できます。

これは、顧客が並べ替えおよびAjaxフィルタリング機能を介して対話できるテーブルの形式で製品バリエーションを表示できるようにすることで機能します。 顧客は、この表形式のバリエーションで製品を検索することもできます。 また、テーブルの各アイテムの横に[カートに追加]ボタンが含まれているため、変換の可能性が高くなります。 顧客は、バリエーション情報をダウンロードしたファイルにPDF、Excel、またはCSV形式でエクスポートすることもできます。

作成するすべてのテーブルは、ストアのブランドに合わせてカスタマイズでき、簡単に適用できるようにショートコードが含まれています。 WooCommerce拡張機能の製品バリエーションテーブルの費用は年間49ドルです。

8.YITHWooCommerceの色とラベルのバリエーション

最後に、YITH WooCommerceのカラーとラベルのバリエーションがあります。これは、製品ページに製品オプションを表示する簡単な方法を提供します。 そしてそれは、より効果的に変換するように設計された魅力的な方法でそうします。

ここでの考え方は、すべての製品オプションを顧客の指先に置いて、どのオプションがあり、何が利用できるかを正確に知ることです。 各製品バリエーションは、選択したアイコンまたはカスタム画像を使用して表示できます。

YITH WooCommerceのカラーとラベルのバリエーションはプレミアム製品であり、年間89.99ドルで販売されています。

概要

そして、あなたはそれを持っています。 WooCommerceで可変製品を作成することは、今ではそれほど困難ではありませんか？ 変数とは何か、およびそれらがどのように機能するかを明確に理解したら、比較的簡単に変数を作成できます。

今日は、可変商品とは何か、そしてそれらがどのように機能するかについて説明しました。 バリエーションと属性の違い、および可変製品とそれに関連する属性を作成する方法について説明しました。

フォームと機能の観点からさまざまな製品機能を強化するいくつかのプラグインをコンパイルしました。 ここにはみんなのための何かがあります。 うまくいけば、可変製品を作成して、オンラインストアで機能させることができます。

また、WooCommerceの売り上げを伸ばすためのヒントがさらに必要な場合は、そのための完全なガイドがあります。