7+ Best WooCommerce Product Display Plugins (無料・有料)

オンラインショップにおける商品のプレゼンテーションは、顧客の意思決定に直接影響し、売上につながります。うまく構成されたレイアウトは、買い物客が効率的に商品を閲覧し、オプションを簡単に比較し、より早く購入の意思決定をするのに役立ちます。

WooCommerceは商品表示のためにデフォルトのグリッドレイアウトを提供しますが、それは必ずしも様々なストアのニーズを満たすものではありません。ソート可能なテーブル、クイックビューポップアップ、カルーセル、カスタマイズ可能な商品リストなど、商品を表示するためのいくつかのレイアウト以上のものが必要な場合は、プラグインに目を向ける必要があります。 

このガイドでは、利用可能な最高のWooCommerce商品表示プラグインを調査し、その特徴、利点、そしてそれらがあなたのオンラインストアをどのように変えることができるかを紹介します。さっそく見ていきましょう。

---

Tablebergの製品テーブル

デフォルトのグリッドを超えて、WooCommerceの商品をモダンで整理されたテーブルレイアウトにしたい場合、 Tablebergの製品テーブル が一押しだ。このブロックベースのプラグインを使用すると、Gutenbergエディタ内で、高度にカスタマイズ可能でレスポンシブなテーブルで商品を紹介することができます。卸売店、レストラン、注文フォーム、または迅速な商品概要が必要な店舗に最適なTablebergは、わずか数クリックで洗練された商品テーブルを簡単に構築できます。

Tablebergでは、画像、価格、SKU、評価、在庫状況、さらにはカスタムフィールドやボタンなど、どの商品詳細が表示されるかを正確にコントロールできます。顧客は即座に商品を並べ替えたり、テーブルからカートに商品を追加したり、大規模な商品カタログをより効率的にナビゲートすることができます。プラグインのドラッグアンドドロップインターフェイスとライブプレビューは、あなたのテーブルがどんなデバイスでも常に美しく見えることを保証します。

主な特徴

• Gutenbergで商品テーブルを視覚的に構築する（コーディング不要）
• カラムの選択：画像、価格、属性、評価など
• AJAXによる検索とカートへの即時追加
• 完全にレスポンシブでモバイルフレンドリーなデザイン
• カスタムフィールドとバリエーションをサポート
• 高度なスタイリングとレイアウトコントロール
• カタログ、メニュー、大量注文などに最適です。

価格だ：

Tablebergには無料版がありますが、「Product Table by Tableberg」ブロックはプロ版でのみ利用可能です。

究極の店舗キット

WooCommerceの商品表示方法が1つか2つしかないことにうんざりしているなら、Ultimate Store Kitは画期的です。グリッドやリストのような単一のレイアウトしか提供しない多くのプラグインとは異なり、StoreKitは商品テーブル、3種類のスライダー、カルーセル、グリッド、リストなど、複数の商品表示スタイルをアンロックします。 

つまり、ウェブサイトのさまざまなセクションで、目的に応じてユニークな方法で商品を紹介できるのです。 

価格ページにはきれいなテーブルを、ホームページにはカルーセルを、ショップにはモダンなグリッドを使いたいですか？ 

StoreKitを使えば、余分なアドオンやツールを必要とせず、1つのプラグインですべてを実現できます。さらに、Elementorとスムーズに統合できるため、開発者でなくても直感的にカスタマイズできる。

主な特徴

• 複数の商品表示レイアウト：テーブル、グリッド、リスト、カルーセル、スライダー
• 異なるUX目標に合わせた3つの異なるスライダースタイル
• 製品フィルター、検索、画像ホットスポット、製品ソートコントロールなどを内蔵
• ドラッグ＆ドロップでカスタマイズできるElementorとの深い統合
• モバイル対応とパフォーマンスの最適化
• フィジカル製品とデジタル製品の両方に対応
• 余分なアドオンは必要なく、すべてがビルトインされている
• 軽量でSEOに配慮したコード

価格だ：

でスタート $49.99/年 シングルサイトライセンス。ライフタイムプランやマルチサイトライセンスもご利用いただけます。

---

WooCommerce Product Table 

まずはWooCommerce Product Tableから。このプラグインは構造化されたテーブルベースのレイアウトを提供し、商品選択をより効率的にします。これは、卸売店、大量注文システム、レストランのメニュー、カタログなど、顧客が一度に複数の商品の概要を素早く把握する必要がある場合に最適なプラグインです。

WooCommerce Product Tableを使えば、顧客が何を見るか、どのように商品と接するかをコントロールすることができます。このプラグインを使用すると、完全にカスタマイズ可能な製品テーブルを作成することができます。商品画像、カスタムフィールド、SKU、在庫状況、埋め込み動画も追加できます。複数のソートとフィルタリングオプションをサポートしているので、顧客は必要なものをすぐに見つけることができます。AJAX検索、ページネーションコントロール、柔軟なカラム設定により、商品テーブルは高速でユーザーフレンドリーなままです。 

このプラグインは、商品の選択とチェックアウトをより迅速かつ効率的にすることにより、購入プロセスを改善します。あなたの顧客はMulti Add to Cartオプションを使って一度に複数の商品を注文することができます。レスポンシブ設定、レイジーローディング、キャッシングは、あなたのテーブルがすべてのデバイス上でスムーズかつ完璧に動作することを保証しますので、パフォーマンスについて心配する必要はありません。

主な特徴

• カスタムカラムによるインタラクティブな製品テーブル。
• AJAXによる検索、フィルタリング、ソート。
• 一括注文の場合は、「カートに入れる」ボタンをクリックしてください。
• カスタムフィールド、タクソノミ、埋め込みメディアをサポート。
• カラムの可視性を設定できるレスポンシブ・コントロール。
• 最適なパフォーマンスのためのレイジーローディングとキャッシュ。
• テーブルをどこにでも配置できるショートコードをサポート。
• 付箋ヘッダーとページネーションオプション。
• ドロップダウンをフィルタリングして、素早く製品を検索できます。
• 数量とバリエーションを選択できる1ページ注文。

Price

WooCommerce Product Tableはスタンドアローンプラグインとして$99で、または高度なフィルターを備えた2つのプラグインバンドルとして$139でご利用いただけます。

---

WooCommerce用WooThumbs

引き続き、IconicWPのWooThumbs for WooCommerceをご紹介します。このプラグインは、WooCommerceの商品を効果的かつプロフェッショナルに紹介するのに役立ちます。WooCommerceのデフォルトギャラリーを、埋め込み動画、ズーム効果、バリエーションごとの複数画像、その他多くの便利な機能を備えたダイナミックでカスタマイズ可能な体験に変えることができます。   

このプラグインでは、商品画像をカルーセル、スタックレイアウト、フルスクリーンライトボックスで表示できます。顧客は、内側、外側、またはフォローズーム効果を使ってズームインし、詳しく見ることができます。このプラグインでは、YouTube、Vimeo、Wistia、さらにはSoundCloudからの商品ビデオを埋め込んで、商品ページをより魅力的なものにすることもできます。あなたのストアが可変商品を販売している場合、顧客が属性を選択する際に常に正しい画像が表示されるように、バリエーションごとに複数の画像を追加することができます。

WooThumbs for WooCommerceは、Elementor、Divi、Astraのような人気のテーマやページビルダーとスムーズに統合できます。また、タッチスクリーン用のピンチ＆ズームをサポートし、視覚障害者のアクセシビリティを保証します。全体として、商品の表示方法をよりコントロールしたい場合、このプラグインは完全なソリューションを提供します。

主な特徴

• カスタマイズ可能なギャラリーレイアウト：カルーセル、スタック、フルスクリーンライトボックス。
• ズーム効果：インナーズーム、アウターズーム、フォローズーム。
• YouTube、Vimeo、Wistia、SoundCloud、またはセルフホスティングの製品ビデオを埋め込みます。
• バリエーション商品には、バリエーションごとに複数の画像を使用します。
• 属性ベースの画像選択。
• スライダーのスピード、レイアウト、デザイン設定をフルカスタマイズ可能。
• ピンチ＆ズームをサポート。
• 視覚障害者のためのアクセシブルな製品画像。

Price

WooThumbs for WooCommerceも$79/年のプレミアムプラグインです。

---

商品スライダー by PickPlugins

PickPluginsのProduct Slider for WooCommerceを使えば、完全にカスタマイズ可能な商品スライダーで、あなたのストアをダイナミックなショッピング体験に変えることができます。目玉商品、セール商品、カテゴリーベースの表示などのスライダーが必要な場合は、このプラグインをご利用ください。

このプラグインを使用すると、カスタム自動再生、巻き戻し、ループ、およびナビゲーション設定を持つ無制限の製品スライダーを作成できます。タッチやマウスドラッグをサポートし、ホバー効果でスライダーを停止させ、より良いインタラクションを実現します。また、デスクトップ、タブレット、モバイルでスムーズなショッピング体験を保証するために、異なるデバイス用にカスタム列番号を設定することもできます。レイジーローディングはページスピードを向上させ、RTLサポートは多言語ストアとの互換性を保証します。

このプラグインには高度なクエリーオプションが含まれており、カテゴリー、タグ、在庫状況、特定の商品IDで商品を絞り込むことができます。また、最近見た商品、売れ筋商品、人気商品を表示することもできます。組み込みのレイアウトビルダーとカスタムリボンは、スライダーの表示方法をさらにコントロールするのに便利です。

主な特徴

• ショートコードをサポートした無制限の製品スライダー。
• 自動再生、巻き戻し、ループ、ナビゲーションをカスタマイズ可能。
• カテゴリ、タグ、属性、または特定の製品IDごとに製品を表示します。
• 目玉商品、売れ筋商品、人気商品、ベストセラー商品のサポート。
• デバイスごとにカラムを設定できるレスポンシブデザイン。
• タッチやマウスドラッグで簡単にナビゲーション。
• ページスピードを向上させるレイジーローディング。
• 製品をフィルタリングするための高度なクエリオプション。
• レイアウトビルダーによるカスタマイズが可能な、あらかじめ用意されたレイアウト。
• 製品を強調するカスタムリボン。

Price

Product Slider for WooCommerceは無料で、プロバージョンは$9/年からです。

---

WooCommerce Product Table Lite 

ショッピング体験を向上させるために構造化された商品テーブルが必要な場合、WooCommerce Product Table Liteは検討すべきプラグインです。スペアパーツカタログ、レストランメニュー、電化製品ショップ、卸売店など、このプラグインは商品をわかりやすくナビゲートしやすいテーブルで表示するシンプルで効果的な方法を提供します。

このプラグインを使うと、カラム、コンテンツ、スタイルを完全にコントロールできるレスポンシブな商品テーブルを作成できます。顧客は商品の並べ替え、検索、フィルタリングを行いながら、必要な詳細を一目で見ることができます。また、特定のカテゴリ、タグ、または製品IDを表示できるように、ショートコードベースのカスタマイズをサポートしています。内蔵のテーブルエディターを使えば、コーディングなしで簡単にレイアウトを調整できます。 また、カラム内の行を利用して、ほとんどの商品テーブルプラグインではできないような複雑なレイアウトを作成することもできます。

WooCommerce Product Table Liteは、商品バリエーションを選択するためのポップアップフォームを提供し、テーブル構造を微調整するための要素の大規模なセットを含んでいます。 完全翻訳対応で、商品クエリをさらにカスタマイズするために、より多くのショートコード属性が利用可能です。商品の表示を改善し、大量注文を効率化する方法を探しているなら、このプラグインは素晴らしい選択です。

主な特徴

• WooCommerceの商品をテーブルまたはリストレイアウトで表示します。
• カラム、コンテンツ、スタイルを完全にカスタマイズ可能。
• 顧客は商品の並べ替え、検索、フィルターができる。
• カスタム製品クエリのショートコードサポート。
• 迅速なセットアップのためのプリセットテーブル。
• 複雑なレイアウトのための列内の行。
• 商品バリエーションのポップアップフォーム
• きめ細かなカスタマイズのための高度なショートコード属性。

Price

WooCommerce Product Table Liteは無料で、Proバージョンは$119/年でご利用いただけます。 

---

究極の商品カルーセルスライダー＆グリッド（WooCommerce用 

Product Carousel Slider & Grid Ultimate for WooCommerceは、ダイナミックな商品表示ツールで、より高いエンゲージメントを達成し、売上を向上させるのに役立ちます。このプラグインを使用すると、完全にカスタマイズ可能なスライダー、カルーセル、グリッドを作成し、整理された視覚的に魅力的な方法で商品を紹介することができます。

このプラグインには、カルーセルとグリッドのための15以上のテーマが含まれており、自動再生、スライド速度、ナビゲーション、および応答性の設定を完全に制御することができます。豊富なカスタマイズオプションにより、商品詳細の非表示/表示、バッジテキストの編集、ホバーエフェクトの適用が可能です。また、ウィッシュリスト機能やクイックビューボタンも搭載しており、ユーザーの商品発見体験をバターのようにスムーズにします。また、カテゴリ、ID、SKU、タグ、カスタムクエリで商品をフィルタリングしたり、商品をランダムに表示するオプションでさらにコントロールすることもできます。

このプラグインはElementorやGutenbergのようなビルダーと互換性があり、商品スライダーやグリッドをデザインしてページに直接挿入するのに役立ちます。また、マーキースクロール、スクロール方向のコントロール、特定の商品を強調するためのカスタムリボンを提供します。オールインワンの商品表示ソリューションをお探しなら、このプラグインも必要なものをすべてカバーする良い選択肢のひとつです。

主な特徴

• カルーセル、スライダー、グリッドを無制限に作成できます。
• レイアウトをカスタマイズできる15以上のテーマ。
• ElementorとGutenbergをサポート。
• オートプレイ、スライドスピード、ナビゲーションコントロール。
• ウィッシュリスト機能とクイックビューボタン。
• カテゴリ、ID、SKU、タグによる高度なフィルタリング。
• モバイルブラウジングのためのタッチ＆スワイプサポート。
• カスタムリボン、バッジ、ホバーエフェクト。

Price

Product Carousel Slider & Grid Ultimate for WooCommerceもフリーミアムプラグインです。 

---

ワオストア

WowStoreは100以上の機能を提供するオールインワンWooCommerceプラグインで、カスタムストアページやチェックアウトの最適化からセールスブースターやカートリカバリーツールまで全てをカバーしています。完全なWooCommerceストアに必要なデザイン、販売、管理を楽に行うことができます。

このプラグインには商品表示専用のWooCommerceブロックが含まれています。商品グリッドブロック、リストブロック、スライダーブロック、カテゴリーブロックを使って構造化されたレイアウトを作成でき、顧客がストアを閲覧しやすくなります。商品検索ブロックはナビゲーションを簡素化し、バナーメーカーブロックはお買い得品やキャンペーンを強調するのに役立ちます。さらに、行、列、ボタングループブロックを使って、レイアウトをより洗練されたものにカスタマイズできます。

WowStoreはまた、クイックビュー、イメージフリッパー、バリエーションスウォッチ、ウィッシュリスト、商品比較ツールなどのショッピングインタラクションを改善する機能が含まれています。あなたの顧客は商品を比較したり、ウィッシュリストに商品を追加したり、購入決定を簡単にするためにサイズチャートを見ることができます。商品表示機能などを含むWooCommerceビルダーが必要なら、これがあなたの答えです。 

主な特徴

• 商品グリッド、リスト、スライダー、カテゴリーブロックによる柔軟な表示。
• 商品検索ブロック
• クイックビュー、ウィッシュリスト、製品比較オプション。
• イメージフリッパーとバリエーションスウォッチでより良いプレビューを。
• プロモーションバナーを作成するバナーメーカーブロック。
• 完全に応答性とカスタマイズ可能なレイアウト。

Price

WowStoreは、年間$49で利用可能なプロ機能を備えたフリーミアムプラグインです。 

---

WooCommerceのグリッド/リスト表示 

複数の商品をざっと見たいお客様もいれば、詳細な情報を見てから決めたいお客様もいます。WooCommerceのグリッド/リスト表示では、コンパクトな表示のためのグリッドレイアウトと、より詳細な表示のためのリストレイアウトを切り替えるトグルボタンを追加することで、両方のオプションを提供することができます。

このプラグインはカスタマイズ可能なリストとグリッドの切り替えボタンを提供し、ユーザーが自分に合ったビューを選択できるようにします。リストビューは商品を縦に表示し、余分な情報を表示します。グリッドビューは標準的なWooCommerceのレイアウトを維持します。また、ボタンのスタイルをカスタマイズしたり、レイアウトを調整したり、スイッチャーを任意の場所に配置することもできます。内蔵の商品ページスイッチャーにより、一度に表示される商品の数をコントロールすることができます。

プロバージョンでは、高度なリストスタイル、商品数切り替えリンク、追加スタイリングオプションにより、カスタマイズ能力が拡張されます。リストのレイアウトを調整したり、要素を再配置したり、画像を非表示にしてすっきりと見せることができます。商品閲覧を改善するシンプルで効果的な方法をお望みなら、このプラグインはまさにそれを実現します。

主な特徴

• グリッドビューとリストビューを切り替える。
• カスタマイズ可能なリスト表示と詳細
• 調整可能なトグルボタンとレイアウトスタイリング。
• 商品ごとにページが切り替わり、閲覧しやすい。
• 柔軟なブラウジングを可能にするページごとの商品スイッチャー。
• リストビューレイアウトのカスタムスタイルオプション。
• 高度なリストスタイルと商品数切り替えリンク
• リストレイアウトの変更、要素の再配置、画像の非表示。 

Price

WooCommerce用のグリッド/リストビューは無料で、プロバージョンは$34からです。

---

WPMozo Variation Swatches for WooCommerce

Optimize the user experience of your WooCommerce store even more by adding custom variation swatches using the WPMozo Variation Swatches for WooCommerce plugin. With this new plugin for Woo, you can add swatches in the form of labels, colors, and images.

Whether you have two, three, or multiple product variations, the plugin easily meets this requirement. You can choose any label text, color, or image that fits your product showcase specifications. For instance, if you need to show models wearing different-colored T-shirts in the variation swatches, you can do so easily with this plugin. Plus, users can simply hover over the swatches to explore the variations; there’s no need to click anything.

In addition, it supports tooltips, further enhancing product exploration without requiring customers to open each product variation. This makes your WooCommerce store highly user-friendly and modern at the same time, something every customer would like to visit.

主な特徴

• Add color, images, and label variation swatches for unlimited variations.
• Supports showing variation swatches on the product, shop, cart, and checkout pages.
• Add text, images, and color in the tooltip.
• Built for Woo, supports all the popular WordPress themes.
• Show the cross icon for the unavailable variation.
• Multiple variation swatches layouts: inline or separate lines.

Price

WPMozo Variation Swatches for WooCommerce is a premium plugin available at $39/year for unlimited websites.

結論

買い物客が自分に合った方法でブラウジングできれば、より長く滞在し、より多く購入してくれる。より良いディスプレイは、より良いショッピング体験を意味し、それはより良い結果につながります。ごちゃごちゃした陳列やわかりにくい陳列は買い物客を遠ざけてしまうが、考え抜かれた陳列は買い物客の購買意欲を持続させる。結局のところ、ゴールは商品の整理整頓だけではなく、コンバージョンの向上なのだ。この記事で紹介したプラグインを使えば、レイアウトを洗練させ、ナビゲーションを改善し、主要な商品を制限なく強調することができます。どのプラグインを選ぶべきかは、あなたのお店のニーズ、ターゲット層、提供したいショッピング体験のタイプによって異なります。どのソリューションを利用するにしても、わかりやすさ、利便性、カスタマイズ性を優先することが、より良い結果につながります。

関連記事

• WooCommerceのための7つのベスト商品グリッドプラグイン
• 7 WooCommerceのためのベスト商品推薦プラグイン
• WooCommerceのための7つのベスト製品仕様プラグイン
• 7 Best WooCommerce Product Search Plugins (Free & Paid)
• WooCommerceのための7つのベストレビュープラグイン（無料＆プロ）