ほとんどのWooCommerceストアは、商品詳細ページに重点を置いていますが、カテゴリープレゼンテーションの重要性を軽視しがちです。カスタマージャーニーは通常そこから始まります。クリーンで構造化されたカテゴリーレイアウトは、ナビゲーションを改善するだけでなく、あなたのストアをよりプロフェッショナルに感じさせ、買い物をしやすくします。
商品カテゴリのプラグインは、まさにそのために作られました。これらのプラグインを使えば、グリッド、スライダー、フィルター、カルーセルなどを使って、コードなしでカテゴリーを整理して表示することができる。Gutenbergで動作するものもあれば、Elementorのために作られたものもあり、多くはレスポンシブレイアウト、テンプレート、どんなショップレイアウトにも適したデザインオプションを含んでいます。
このガイドでは、より良いレイアウトコントロール、より良いフィルタリング、より良いスタイリングで商品カテゴリグリッドを構築できる7つの傑出したプラグインを厳選しました。詳しく見ていきましょう。
|
Plugin Name |
対応編集者 |
主な特徴 |
アクティブ・インストール |
|---|---|---|---|
|
ワオストア |
グーテンベルク |
カテゴリーブロック、フィルタリング、アップセル、スマートカート |
5,000+ |
|
ショップレンター |
Gutenberg, Elementor |
グリッドウィジェット、カルーセル、125以上のウィジェット |
100,000+ |
|
WooCommerce用商品ブロック |
グーテンベルク |
カテゴリーグリッド、5つ以上のレイアウト、ソート |
5,000+ |
|
コンテンツ・ビュー |
Gutenberg, クラシック, Elementor |
グリッドビルダー、フィルター、70以上のテンプレート |
100,000+ |
|
カテゴリ |
Gutenberg、Elementor、Divi |
スライダー、マルチレベル表示、スタイリングオプション |
10,000+ |
|
Elementorの無制限エレメント |
エレメンタ |
カテゴリーグリッド、カスタムクエリ、200以上のウィジェット |
100,000+ |
|
WooCommerce Product Table |
Gutenberg, クラシック, Elementor |
カテゴリに基づいた商品発見 |
20,000+ |
ワオストア
ブロックエディター内でWooCommerceカテゴリーレイアウトを再設計できるプラグインはそうそうありません。そこでWowStoreの登場です。WooCommerceとGutenbergのギャップを、完全なビルダーと幅広いストアフレンドリーなブロックセットで埋めてくれます。
WowStoreには、クリーンでカスタマイズ可能なグリッドでカテゴリーを表示できる専用の商品カテゴリーブロックが含まれています。カラム、スペーシング、スタイリングをGutenberg内で直接調整することができます。このプラグインはまた、カテゴリによる商品フィルタリングのサポートを追加し、ブラウジングを改善し、買い物客が探しているものを見つけるのを助けます。カスタムテンプレートを構築している場合、WowStoreはショップ、カテゴリー、アーカイブページを一行もコードに触れることなく完全にコントロールすることができます。
残りのツールキットは、粘着性のあるカートに追加やウィッシュリストブロックのようなセールスブースターから、アップセル、クロスセル、予約注文、カートタイマーのような収益に焦点を当てた機能まで、すべてを処理します。さらに、送料無料バーと高度な商品フィルタリングを追加すれば、機能的でコンバージョンに適したグリッドベースのWooCommerceのセットアップが完成します。
トップ
- Gutenbergの製品カテゴリーブロック。
- カテゴリーページとテンプレート専用のビルダー。
- カテゴリー、価格、属性による商品のフィルタリング。
- ウィッシュリスト、比較、クイックビューのサポート。
- アップセルとクロスセルのツール
- カートに入れる]ページと[スマートカート]ページ。
- 送料無料のプログレス・バー。
- 数十の追加WooCommerceブロック。
価格だ：
無料版から始めることも、$49/年からPro版にアップグレードすることもできます。
ショップレンター
ほとんどのWooCommerceサイトでは、商品リストだけでなく、構造、デザインの自由度、視覚的な階層が必要です。ShopLentorは、ElementorとGutenbergの両方で動作するブロックベースとウィジェットパワーのビルダーでそのニーズに応えます。
このプラグインには、カテゴリフィルタとレスポンシブ設定を備えた専用の商品グリッドウィジェットが含まれています。また、商品カテゴリカルーセルとカテゴリショーケースモジュールでは、WooCommerceカテゴリをスタイル化された水平またはブロックグリッドで表示することができます。各ウィジェットには、カラムコントロール、間隔、順序、表示ロジックの設定が含まれており、デバイス間で美しく調整されたレイアウトを作成するのに役立ちます。タブ、リスト、カテゴリフィルタリング機能は、きれいな商品分類に重点を置く人のためのツールキットです。
ShopLentorが優れている点は、その包括的なテンプレート構築システムにあります。 無料版にはアーカイブテンプレートと商品テンプレートが含まれ、プロ版には125以上のElementorウィジェット、60以上のGutenbergブロック、柔軟なカートとチェックアウトエディタ、アップセルモジュール、販売に特化したアドオンが追加され、あなたのストアをより構造化された基盤にします。
トップ
- カテゴリフィルタとレスポンシブ設定を備えた商品グリッドウィジェット。
- 商品カテゴリーカルーセルとカテゴリーショーケースのモジュール。
- タブベース、リストベース、フィルターベースのカテゴリーナビゲーション。
- ショップ、アーカイブ、単品ページのカスタムテンプレート。
- カート、チェックアウト、アカウントページのテンプレートビルダー。
- 125以上のElementorウィジェットと60以上のGutenbergブロック。
- クイックビュー、ウィッシュリスト、比較機能。
- バリエーション見本、カウントダウン、アップセルモジュール。
- カートにベタベタとAJAXカートドロワー。
Price
無料版で始めることも、半年あたり$59からProにアップグレードすることもできます。
WooCommerce用商品ブロック
きれいなグリッドは買い物客の集中力を高めます。Product Blocks for WooCommerceは、まさにそれをブロックエディタにもたらします。このプラグインを使えば、カテゴリーや商品の表示方法をより自由にコントロールすることができます。
このプラグインには、3つのレイアウトスタイルが組み込まれたProduct Categories Gridブロックが含まれています。すべてのカテゴリを表示するか、親カテゴリのみに表示を限定するかを選択できます。設定パネルでは、表示するカテゴリー数、使用するカラム数、商品数を表示するかどうかを定義できます。また、空のカテゴリーを非表示にしたり、メニューの順序に基づいてすべてをソートすることもできます。
カテゴリーグリッドに加えて、このプラグインはさらに7つのブロックを提供します。複数のLookbookスタイル、Vertical Product Slider、Scattered Product List、Product Carouselなどです。すべてのブロックは、外部ツールを必要とせず、Gutenbergエディタにネイティブに統合されます。
トップ
- 3つのレイアウトスタイルを持つ商品カテゴリグリッドブロック。
- すべてのカテゴリーを表示するか、親カテゴリーのみを表示するか。
- 表示するカテゴリーの数を設定します。
- 必要に応じて、空のカテゴリを非表示にします。
- 商品数の表示・非表示
- カテゴリーをメニュー順に並べ替える
- 列の数を選択します。
- 商品ディスプレイ用ブロック7個付き。
- 完全にGutenbergエディタ内で動作します。
Price
このプラグインはWordPress.orgで無料で利用できる。
コンテンツ・ビュー
投稿、ページ、カスタムコンテンツを表示しようとすると、ショートコードやコードスニペットのもつれが悩みの種になります。Content Views は、クラシックエディタと Gutenberg の両方にビジュアルレイアウトオプションを追加することで、それを解決します。
コンテンツビューには、カテゴリー、タグ、日付、著者、キーワードに基づいて投稿、ページ、カスタム投稿タイプを照会できる強力なビュービルダーが含まれています。各レイアウトはショートコード、ブロック、ウィジェットを使って挿入できます。このプラグインには、グリッド、リスト、スライダー、アコーディオン、タイムラインなどのためにデザインされた16個のGutenbergブロックと16個のElementorウィジェットが付属しています。テンプレートライブラリには70以上のデザイン済みパターンがあり、組み込みのタイポグラフィ、スペーシング、表示オプションでカスタマイズできます。
このプラグインのレイアウトシステムはカスタマイズを念頭に構築されています。画像サイズ、投稿タイトル、コンテンツの長さ、メタの可視性をコントロールできます。クラシックエディターユーザーのために、すべてのグリッドはショートコードを使用して配置することができます。Gutenbergユーザーには、各ブロックにレスポンシブ設定、高度なスタイリング、出力を微調整するための投稿フィルタリングオプションが含まれています。
トップ
- Gutenberg、Classic Editor、Elementorで動作します。
- 16個のGutenbergブロックと16個のElementorウィジェットが含まれています。
- グリッド、リスト、スライダー、アコーディオン、タイムラインを作成できます。
- タクソノミー、キーワード、著者、日付の高度なフィルター。
- 画像サイズ、テキストの長さ、投稿メタデータをカスタマイズ。
- 76以上の既製Gutenbergブロックパターンとテンプレート。
- レスポンシブデザインと遅延ローディングのサポート。
- ショートコード、ブロック、またはウィジェットを使用してグリッドを挿入します。
Price
無料版のプラグインもありますが、Category Grid機能は$39/年からのPro版でのみ利用可能です。
カテゴリ
ほとんどのWooCommerceストアはカテゴリを十分に強調していないため、しばしばチャンスを逃し、買い物客を混乱させています。WooCategoryは、商品カテゴリをスライダーやブロックとして、きれいなビジュアルとレスポンシブレイアウトで表示できるようにすることで、この問題を解決します。
このプラグインはショートコードジェネレーターを搭載しており、商品カテゴリーをフィルタリングして思い通りのスタイルにすることができます。表示する特定のカテゴリーを選択したり、空のカテゴリーを非表示にしたり、表示アイテムの数をコントロールしたり、親の下に子や孫のような複数レベルのカテゴリーを表示することもできます。それと共に、各スライダーやブロックはタイトル、画像、カウンター、カスタマイズ可能なショップナウボタンを含むことができます。
WooCategoryはレイアウトスタイリングからスライダーエフェクトまで全てを提供します。サムネイルの形、ボーダー、色、間隔を変更したり、ホバーエフェクトを適用することもできます。このプラグインには高度なタイポグラフィコントロール、カテゴリーフィルター、カテゴリーオーダー、デバイスベースのカラム設定も含まれています。
トップ
- カテゴリースライダーとグリッドレイアウト
- 特定のカテゴリーをフィルタリングして表示します。
- 複数レベルの親カテゴリと子カテゴリを表示します。
- テキスト、カラー、リンクのコントロールが可能なカスタムショップナウボタン。
- 自動再生、スクロール、ページネーション、エフェクトを含む30以上のスライダーオプション。
- サムネイルの形状、ボーダー、ホバー効果、サイズをカスタマイズできます。
- 制御列と装置ごとの間隔。
- Gutenberg、Elementor、Divi、その他のビルダーをサポート。
- ライブプレビュー付きショートコードジェネレーター
Price
WooCategoryは無料版と年間$49からのプロ版を提供しています。
Elementor用無制限エレメント
Ultimate Elementsは、ウィジェット、テンプレート、高度なツールの膨大なライブラリを提供することで、Elementorでできることを拡張します。WooCommerceやコンテンツの多いサイトを構築するために、より多くのデザインコントロールやよりスマートな方法を求める人のために作られました。
このプラグインには高度なWoo Category Gridウィジェットが含まれており、商品カテゴリ用にレスポンシブでスタイリッシュなグリッドを作成できます。特定の用語、子カテゴリ、現在の投稿用語の選択、空のカテゴリの除外など、正確なクエリフィルタを取得できます。レイアウト設定では、カラムやギャップを調整したり、ACFやPODSのようなメタフィールドからカスタム画像を使用してカテゴリを表示することもできます。
また、200以上のプロウィジェット、ウィジェットクリエイター、メガメニュービルダー、リアルタイム投稿フィルター、ダイナミックポップアップ、ループビルダー、フォームビルダー、電卓ビルダー、アニメーション背景、同期ウィジェット、マルチソースギャラリーのディープサポートも利用できます。すべてがElementorの中にあり、上級ユーザーやクリエイティブなデザイナーのための完全なソリューションです。
トップ
- Elementor用Wooカテゴリーグリッドウィジェット。
- カテゴリーを含めたり除外したりするカスタムクエリルール。
- 現在の投稿の子カテゴリまたはカテゴリを表示します。
- 空のカテゴリを非表示にしたり、カスタムメタでフィルタリングしたりできます。
- ACFまたはPODSを使用したカスタムイメージのサポート。
- カラム、ギャップ、スタイルなど、レイアウトを完全にコントロール。
- 200以上のユニークなドラッグ＆ドロップウィジェット。
- 独自のElementorウィジェットを構築するためのウィジェットクリエーター。
- ループビルダー、ポップアップビルダー、メガメニューなど。
- 投稿とWooCommerce商品のAJAXフィルター。
Price
アルティメットエレメンツは無料で、Wooカテゴリーグリッドウィジェットはプロバージョンの一部で、年間$49からご利用いただけます。
WooCommerce Product Table
「WooCommerce Product Table」は、WooCommerceストア向けに、完全にカスタマイズ可能な商品一覧や柔軟な注文フォームを作成できる強力なプラグインです。 顧客が複数の商品ページを閲覧する必要がなく、整理された見やすい表形式で商品が表示されるため、買い物客は1か所で素早く商品を閲覧・比較・選択できます。この合理化されたショッピング体験により、特に商品カタログが膨大または複雑なストアにおいて、顧客が必要な商品を簡単に見つけ、より迅速に購入を完了できるようになります。.
使いやすさと効率性を両立させたこのプラグインにより、ストアオーナーは商品の表示方法を完全に制御できます。テーブルレイアウトをカスタマイズしたり、表示する列や商品詳細を選択したり、ビジネスニーズに合わせて、より整理されたユーザーフレンドリーなストアフロントを作成できます。これにより、このプラグインは特に卸売店、レストラン、オンライン注文システム、および迅速で便利な一括注文に依存するあらゆるビジネスに役立ちます。.
世界中の20,000人以上のウェブサイト運営者から信頼を集めている「WooCommerce Product Table」は、商品の発見性を高め、購入プロセスを簡素化する信頼できるソリューションとなっています。顧客体験における障壁を低減し、商品へのアクセスを容易にすることで、WooCommerceストアにおけるユーザーエンゲージメントの向上、コンバージョン率の改善、そして売上拡大に貢献します。.
トップ
- ワンページオーダーでは、顧客は1つのページから複数の商品を注文できます。.
- インスタント検索は、ライブ検索で買い物客が商品を素早く見つけるのに役立ちます。.
- ビジネスフレンドリーなデザインは、卸売店やレストランに最適です。.
- Easy Builderを使えば、コーディングなしで商品テーブルをカスタマイズできます。.
- ラージカタログサポートにより、多くの商品を効率的に表示できます。.
- リッチプロダクトデータは、SKU、ビデオ、カスタムフィールドをサポートします。.
- クイックセットアップには、セットアップを迅速化する既製のテンプレートが含まれています。.
- 完全にカスタマイズ可能なレイアウトは、あらゆる店舗に合わせて調整できます。.
より良いショッピング体験は、顧客の閲覧と注文を簡素化します。.
Price
について プラグイン 年間料金プランとして、1サイト用の$79、最大5サイト用の$179、および最大50サイト用の$299が用意されています。.
結論
カテゴリーレイアウトは見落とされがちですが、WooCommerceストアで顧客を誘導する最もインパクトのある方法の1つです。よく整理されたグリッドやスライダーは、バウンスとコンバージョンの違いを生むことがあります。それはあなたのショップに構造を与え、訪問者が意図を持って探索するのを助けます。
このリストを通して、商品カテゴリーを表示するためのクリエイティブで柔軟、そしてビルダーフレンドリーな方法をもたらすプラグインを見てきただろう。Gutenbergエディタ内にとどまるものもあれば、Elementorを拡張したり、ショートコードを使ってデザインを完全にコントロールできるものもある。これらのツールは、美観のためだけでなく、より良い導線を作るために使いましょう。そうすることで、閲覧を購入に変え、WooCommerceサイトをより洗練されたものに変えることができるのです。
