WooCommerce用のこれらの12の製品バリエーションプラグインは、サイトを使いやすくします

公開: 2021-10-05

ドロップダウン?

WooCommerceで初めて製品バリエーションを作成したときは、驚いたかもしれません。

Tシャツに「青」のバリエーションを追加すると、商品ページにドロップダウンメニューが表示されます。 これは問題なく機能しますが、色見本の方がはるかに直感的です。

ここにリストされているWooCommerceの最高の製品バリエーションプラグインはすべてこの問題を修正します。

以下にリストされているプラ​​グインはそれぞれ、製品のバリエーションを表示するための視覚的なオプションを提供し、製品のサイズや色などを共有するためのより美しくわかりやすい方法を提供します。

バリエーションを使用したくない場合は、代わりにこれらの製品アドオンプラグインを使用することをお勧めします。

目次を隠す
  1. WooCommerceに最適な製品バリエーションプラグイン
    1. 1.WooCommerceのより良いバリエーション
    2. 2.WooCommerceバリエーションスウォッチ
    3. 3.WooCommerceの追加のバリエーション画像
    4. 4.ショップページでWooCommerceのバリエーションを表示
    5. 5.YITHWooCommerceの色とラベルのバリエーション
    6. 6.WooCommerceバリエーションマスター
    7. 7.WooCommerceバルクバリエーション
    8. 8.WooCommerceの製品バリエーション表
    9. 9.WooCommerce製品テーブル
    10. 10. WooCombinator
    11. 11.WooCommerceのバリエーションスウォッチ
    12. 12.WooCommerce追加バリエーション画像
  2. どの製品バリエーションプラグインが最適ですか?

WooCommerceに最適な製品バリエーションプラグイン

ここには、評価の高いプラグインのみが含まれています。

明らかなベストセラー以外にも、商品バリエーションテーブルや追加の変数画像などのユニークな追加機能がいくつかあります。

これらのプラグインは、同じ商品のバリエーションをより多く販売し、買い物客がバリエーションを簡単に選択できるようにするのに役立ちます。

これらは売り上げを伸ばすのに役立つeコマースプラグインであるため、主にプレミアムプラグインですが、最後に無料のオプションが含まれています。


  • 1.WooCommerceのより良いバリエーション

    WooCommerceBetterVariationsプラグイン

    プラグインを今すぐ表示

    プラグインの説明

    より良いバリエーションは、あなたの可変製品のためのいくつかのシンプルでありながらユニークなオプションを提供します。 さまざまな選択肢を顧客に提示する方法をカスタマイズするために使用できる2つの「表示モード」があります。

    「標準」表示モードでは、在庫切れのバリエーションを無効にしてグレー表示にすることができます。 つまり、ユーザーには引き続き表示されますが、選択することはできません。 この機能は、単一の製品属性と複数の製品属性の両方で機能します。 在庫切れのバリエーションにテキストを追加することもできます。 たとえば、「在庫切れです!」などの簡単なメッセージを追加できます。 または、バリエーションが再入荷する日付を追加することもできます。

    さらなるカスタマイズオプションには、在庫のあるバリエーションと在庫のないバリエーションに異なる色を適用する機能が含まれます。 在庫のあるアイテムが在庫のないアイテムの上に表示されるように、バリエーションを並べ替えることもできます。 これらはすべて、BetterVariationsプラグインを使用して簡単に実行できる単純なアイデアです。

    2番目の表示モードは「グリッド」です。 これにより、製品のすべてのバリエーションを単一のテーブルまたはグリッドビューに表示できるため、顧客は各バリエーションを個別に選択するという面倒な作業を行うことなく、複数の製品の数量を入力できます。 各バリエーションの在庫および価格情報を表示することもできます。

    製品ページでの属性選択

    グリッドモードは、顧客がカートに複数のバリエーションをすばやく追加する必要があるB2Bおよび卸売サイトに最適です。 これにより、可変商品の注文がはるかに簡単になります。

    全体として、BetterVariationsは製品バリエーションを幅広く利用するWooCommerceストア向けの素晴らしいプラグインです。

    詳細

  • 2.WooCommerceバリエーションスウォッチ

    WooCommerceバリエーションスウォッチ

    プラグインを今すぐ表示

    プラグインの説明

    考慮すべきもう1つのトッププラグインは、WooCommerceバリエーションスウォッチです。 このプラグインの最も優れている点は、既存のドロップダウンをスウォッチに自動的に変換できることです。 すべての製品をよりエレガントな見本ピッカーデザインに切り替えるのに数分しかかかりません。

    このWooCommerceプラグインには、デュアルトーンスウォッチを作成する機能も含まれています。 円形の見本は半分に分割されるため、買い物客は手に入るパレットを簡単に見ることができます。 また、選択した色で商品がどのように見えるかを顧客にプレビューしたい場合は、色見本を、注目の画像から自動生成された小さな商品のサムネイルに置き換えることができます。

    全体として、これはカラーバリエーションを利用するすべてのストアにとって素晴らしいプラグインです。

    詳細

  • 3.WooCommerceの追加のバリエーション画像

    WooCommerce追加バリエーション画像

    プラグインを今すぐ表示

    プラグインの説明

    バリエーションの主な制限は、買い物客が選択したバリエーションに関係なく、同じ商品の画像と動画を引き続き表示することです。 これはすべて、WooCommerceの追加バリエーション画像プラグインで変更されます。

    このプラグインを使用すると、製品のバリエーションごとに新しい画像やビデオを追加できます。 これにより、顧客は購入前に製品をよりよく見ることができ、ショッピング体験の質が向上します。

    WooCommerceの追加バリエーション画像には、さまざまなカスタマイズオプションもあります。 スライダーの自動再生を有効にしたり、矢印などの要素を表示/非表示にしたり、サムネイル画像の位置を変更したりできます。 そしてもちろん、設定方法に関係なく、すべて完全に応答性が高く、モバイルフレンドリーです。

    その他のスクリーンショットと詳細を表示するには、以下のリンクをクリックしてください。

    詳細

  • 4.ショップページでWooCommerceのバリエーションを表示

    WooCommerceShowバリエーションショップページ

    プラグインを今すぐ表示

    プラグインの説明

    通常、WooCommerceはショップページにすべての商品を一覧表示し、買い物客はそのバリエーションを確認するために商品を選択する必要があります。 一部の店舗では、ショップページにすべての商品バリエーションを含める方が実用的です。これは、ショップページのWooCommerceShowVariationsでできることです。

    このプラグインを有効にすると、商品とそのすべてのバリエーションがメインストアページに表示されます。 バリエーションの一般的な製品タイトルは不完全なので、各バリエーションのタイトルを書き直して、より魅力的にすることができます。 また、ストアページで属性でフィルタリングすると、正しいバリエーションが常に表示されることもわかります。

    ショップでバリエーションをより目立たせたい場合は、このプラグインが非常に役立ちます。

    詳細

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

    YITHProductVarationプラグイン

    プラグインを今すぐ表示

    プラグインの説明

    YITHによるこの製品バリエーションプラグインは、おそらくあなたが探しているプラ​​グインです。 WooCommerceが使用する退屈なドロップダウンメニューの代わりに、美しい色見本やその他の選択オプションを製品ページに追加できます。

    このバリエーションプラグインを使用すると、追加する変数ごとに、製品ページに表示する適切なタイプのアイコンを選択できます。 たとえば、訪問者が色を選択するためのカラーピッカー、まったく異なるスタイルの画像、またはサイズを選択するためのプレーンテキストを追加できます。 このオプションだけでもプラグインは価格に見合う価値がありますが、さらに多くの機能が含まれています。

    バリエーションごとにまったく異なる画像ギャラリーを追加することもできます。 たとえば、パーカーを販売していて、誰かが緑色のバージョンを選択した場合、すべてのギャラリー画像が緑色のバリエーションに一致するように更新されます。 スタイルのサムネイルの大きな画像とともに表示される小さなツールチップを追加することもできます。

    これらすべての機能に加えて、各バリエーションの下に簡単な説明を追加し、製品説明の下の[追加情報]セクションにすべてのバリエーションオプションを一覧表示し、ストアページに個々の製品のようにバリエーションを表示することもできます。

    全体として、これはバリエーションを制御し、顧客のユーザーエクスペリエンスを向上させるための優れたプラグインです。

    詳細

  • 6.WooCommerceバリエーションマスター

    WooCommerceバリエーションマスター

    プラグインを今すぐ表示

    プラグインの説明

    このプラグインが「バリエーションマスター」と呼ばれるのには理由があります。 商品ページに見本やカスタムラベルを追加するだけではありません。

    ご想像のとおり、このプラグインを使用すると、商品ページに色見本を表示し、アイテムサイズを1文字で表示できます(大きい場合は「L」)。 この機能に加えて、他の多くの便利な機能も含まれています。

    WooCommerceバリエーションマスターを使用すると、バリエーションごとに新しい画像ギャラリーを追加できます。 白いシャツの画像が4つあり、顧客がピンクのバージョンに切り替えると、4つのギャラリー画像すべてが更新されます。 ギャラリー画像をスライダーに変えて、さらに多くの製品画像を追加できるようにするオプションもあります。 よりスムーズなショッピング体験を実現するために、ショップページと個々の商品ページでこれらすべてのオプションを直接有効にすることができます。

    おそらく、WooCommerceバリエーションマスタープラグインの最もクールな機能は、カートページのポップアップウィンドウです。 各カートアイテムに新しい「更新」ボタンが追加され、顧客がそれをクリックすると、カートページにポップアップウィンドウが表示されます。 ポップアップ内で、バリエーションオプションを変更できます。 たとえば、黒いシャツを青いシャツに切り替えることができます。 数量も調整できます。

    このプラグインによって追加されたすべてのデザインは完全にレスポンシブであるため、オプションはデスクトップとモバイルデバイスの両方で完全にアクセスできます。 製品のバリエーションの選択方法をカスタマイズする方法がたくさん必要な場合は、WooCommerceバリエーションマスタープラグインが最適です。

    詳細

  • 7.WooCommerceバルクバリエーション

    WooCommerceバルクバリエーションプラグイン

    プラグインを今すぐ表示

    プラグインの説明

    販売する商品の種類によっては、顧客が同じ商品の複数のバリエーションを購入したいと思う場合があります。 デフォルトのバリエーションドロップダウンでは、各バリエーションを一度に1つずつカートに追加する必要があるため、これには非常に時間がかかります。

    WooCommerce Bulk Variationsプラグインは、特定の製品のすべてのバリエーションをマトリックスまたはグリッド形式で表示することにより、この問題を解決します。 顧客は、各バリエーションに必要な数量を入力してから、プロセスを複数回繰り返す代わりに、[カートに追加]ボタンを1回クリックすることができます。

    バルクバリエーショングリッドを構成するためのオプションはたくさんあります。 使用する製品と、バリエーションごとに画像を表示するかどうかを選択できます。 バリエーショングリッドに行または列として表示する属性を選択するためのオプションがあり、在庫情報などの追加情報を表示できます。

    詳細

  • 8.WooCommerceの製品バリエーション表

    製品バリエーション表

    プラグインを今すぐ表示

    プラグインの説明

    衣料品を販売している場合は、色見本と1つのアイテムを選択するためのわかりやすい視覚的オプションで大丈夫でしょう。 しかし、技術製品の場合、これでは不十分な場合があります。 たとえば、コンピュータの部品やカメラのギアを購入する買い物客は、一度に多くの仕様を確認したい場合があります。 そこで、バリエーションテーブルプラグインが登場します。

    WooCommerceプラグインの製品バリエーションテーブルを使用すると、さまざまなバリエーションすべての完全なテーブルを表示できます。 さらに良いことに、訪問者はテーブルからカートに直接商品を追加できます。 つまり、すべてのバリエーションを視覚的に表示するだけでなく、これを販売ツールとして使用して、訪問者に複数のバリエーションを一度に購入させることができます。

    このテーブルには、訪問者が検索バーに入力するとすぐに行を更新するリアルタイム検索が含まれています。 テーブルをモバイルデバイスに適応させるのは難しいことで有名ですが、このプラグインはレスポンシブデザインを完全に処理します。

    詳細

  • 9.WooCommerce製品テーブル

    WooCommerce製品テーブルプラグイン

    プラグインを今すぐ表示

    プラグインの説明

    通常、WooCommerceでは、顧客は1つの商品ページでバリエーションを選択することしかできません。 顧客が複数の異なる変動商品を購入したい場合、複数のページにアクセスする必要があるため、これは理想的ではありません。

    WooCommerce Product Tableは、顧客が単一の製品ページからバリエーションを追加できるため、完璧なソリューションです。 これは、数量ピッカーとバリエーションセレクターを備えたクイックオーダーフォームレイアウトで製品を一覧表示することによって行われます。

    ショップページ、カテゴリページ、または任意のページや投稿にショートコードを追加して手動で商品やバリエーションを一覧表示できます。 各テーブルにたくさんの商品がある場合は、AJAXを利用した検索ボックスを使用して顧客が商品を見つけやすくすることができます。 フィルタのドロップダウンを追加して、顧客がテーブルをすばやくフィルタリングして、特定の属性を持つ可変商品を見つけることができるようにすることもできます。

    商品テーブルのバリエーションを表示する方法は2つあります。 各商品の[カートに追加]列にドロップダウンとして表示するか、テーブルの個別の行に各バリエーションを一覧表示することができます。 いずれにせよ、単一の製品ページの外側からバリエーションを選択するための優れた方法です。

    詳細

  • 10. WooCombinator

    WooCombinator

    プラグインを今すぐ表示

    プラグインの説明

    WooCombinatorは、バリエーションのドロップダウンをより魅力的なデザインに変換するためのもう1つのすばらしいオプションです。

    このプラグインは、すべてのバリエーションを製品説明の上にあるボタンとして一覧表示します。 たとえば、ページにバリエーションとして「ガラス」と「プラスチック」がリストされたボトルを用意し、訪問者が1つをクリックして選択することができます。 選択したバリエーションがページ上で強調表示され、選択が明確になります。

    複数のWooCommerce属性と製品バリエーションがある場合、WooCombinatorは、訪問者が必要な製品のバージョンをすばやく選択できるようにする優れた方法を提供します。 言うまでもなく、適切なオプションを選択するのは一種の楽しみであり、これらの選択に基づいてより多くの料金を請求することになり、収益が向上する可能性があります。

    開発者であるか、CSSの記述方法を知っている場合は、このプラグインをお勧めします。 要素と状態のカスタムクラスを追加し、独自のインラインCSSルールを簡単に追加できます。 初心者から上級者まで同様に役立つドキュメントもたくさんあります。

    WooCombinatorは、デフォルトのドロップダウンメニューよりもはるかにスムーズなエクスペリエンスを顧客に提供します。 買い物客は一度にすべてのオプションをはっきりと見ることができ、彼らの選択は明確です。 とは言うものの、YITHプラグインは、利用可能な実際の色を表示し、より鮮明でより明確な小さな製品画像を含めることができます。

    詳細

  • 11.WooCommerceのバリエーションスウォッチ

    バリエーションスウォッチ

    プラグインを今すぐ表示

    プラグインの説明

    無料でわかりやすいオプションをお探しの場合は、WooCommerceのバリエーションスウォッチが最適です。

    このプラグインは、期待どおりに機能します。 色のオプションが必要で、WooCommerceが通常表示するドロップダウンメニューを使用する代わりに、簡単にクリックできる色見本を出力します。 これにより、訪問者は利用可能な色をすばやく確認して選択できます。

    おそらく、単純な色見本よりも実用的なのは画像オプションです。 たとえば、同じ時計のスタイルが異なる場合は、色見本をさまざまな時計スタイルの小さなサムネイルに置き換えることができます。 画像バリエーション見本は、無地の色を使用するよりもわかりやすくなっています。

    このWordPressプラグインは、色以外のさまざまな可変製品属性で機能します。 また、衣類のサイズ、靴のサイズ、指輪のサイズにも使用できます。 あなたはそれをあなたが望む事実上どんな種類の製品属性にも適応させることができます。

    より高度なオプションはPROバージョンに限定されていますが、無料バージョンは十分に便利で、色や画像の見本を追加するのに最適です。

    詳細

  • 12.WooCommerce追加バリエーション画像

    WooCommerce追加バリエーション画像

    プラグインを今すぐ表示

    プラグインの説明

    WooCommerceの追加バリエーション画像は、サイトにバリエーション画像を追加するシンプルな機能プラグインです。

    このプラグインを使用すると、サイトのバリエーションごとに商品画像を追加できます。 潜在的な顧客が新しいバリエーションを選択すると、すべての画像がすぐに更新されて一致します。

    このWooCommerceプラグインには他のプラグインのような視覚的な見本は含まれていませんが、ここにリストされている他のプラグインに加えて使用できます。 つまり、別のプラグインを使用してデフォルトのドロップダウンメニューを置き換え、このプラグインに固執して画像のバリエーションを追加することができます。

    公式のWooCommerceストアで販売されているプラ​​グインとして、WooCommerce開発チームによって適切にコーディングされ、完全に文書化されていることを信頼することもできます。

    詳細

どの製品バリエーションプラグインが最適ですか?

どう思いました?

このリストには便利なプラグインがたくさんあるので、手ぶらで立ち去ることはありません。

WooCommerce Better Variationsは、バリエーションの強力なプレゼンテーションオプションを備えた簡単なプラグインであり、それが私たちの#1の推奨事項となった理由です。

一部のサイトでは、YITHWooCommerceのカラーとラベルのバリエーションが最適です。 色属性見本や他の多くの製品変数を適切に処理します。 また、選択した変数に固有の画像も使用できます。

強調する価値のあるもう1つのプラグインは、WooCommerceの製品バリエーションテーブルです。 比較とレビューが必要な技術的な商品をたくさん販売している場合、これは買い物客に概要を提供するための優れた方法です。

WooCommerceストアの新しいデザインをお探しの場合は、ModernStoreのテーマをご覧ください。 それは無料です!

モダンストアのWooCommerceテーマを入手

最高のWooCommerce製品バリエーションプラグインのこのコレクションをチェックしていただきありがとうございます。行く前にこの記事を他の人と共有することを忘れないでください。