WooCommerceで注目の商品を設定して表示する方法

公開: 2021-06-17

注目の商品をストアに追加する方法をお探しですか？ あなたは正しい場所に来ました。 このガイドでは、WooCommerceで注目の商品を設定および表示するためのさまざまな方法を紹介します。

注目の商品は、オンラインストアで紹介したい商品です。 通常、ほとんどの店舗では、最も人気のある商品である、マージンが優れているなどの理由で、特定の商品を扱っています。 特定のアイテムを強調表示する理由に関係なく、WooCommerceを使用すると注目の製品を簡単に表示できます。

ただし、その方法を説明する前に、これらの製品を最初に表示する必要がある理由をよく理解しましょう。

なぜ注目の商品を表示する必要があるのですか？

注目の商品には、WooCommerceストアで強調したいあらゆる種類の商品やサービスが含まれます。 それらは、人気のある、流行の、新製品、またはあなたが紹介したいいくつかのスポンサー製品である可能性があります。 また、季節限定商品もあるので、需要が増える短期間を最大限に活用したい。 たとえば、スーパーボウルの直前にスポーツショップがある場合は、需要が高まる可能性があるため、チームのTシャツ、キャップ、商品を強調表示できます。

さらに、あなたはあなたのウェブサイトのどこにでも注目の製品を宣伝することができます。 投稿、ブログ、ホームページ、ショップページ、さらにはサイドバーにウィジェットとして追加できます。 これらの製品を紹介することで、露出を増やし、売り上げを伸ばすことができます。

ご想像のとおり、WooCommerceで注目の商品を設定することは、収益を増やすための優れたマーケティング戦略になる可能性があります。 ただし、表示する前に、WooCommerceストアの注目商品のように設定する必要があります。

WooCommerceで注目の商品を設定する方法

WooCommerceダッシュボードから注目の商品を簡単に設定するには、さまざまな方法があります。

  • WooCommerceダッシュボード
    1. 製品ページを編集する
    2. クイック編集
    3. すべての製品ページ

それぞれの方法を見てみましょう。

始める前に、WooCommerceが正しく設定されていることを確認してください。

1.製品ページを編集します

注目の商品を追加する最も便利な方法は、商品ページを編集することです。 新しい商品を作成して、注目の商品として設定することもできます。

新しい製品を追加するには、まず、WooCommerceダッシュボードから[製品]> [新規追加]に移動します。 または、現在の製品を更新する場合は、 [製品]> [すべての製品]に移動します。 次に、注目商品として設定する商品を開き、[編集]をクリックします。 画面の右上隅にある検索バーを使用して、特定の製品を検索することもできます。

製品の編集ページにリダイレクトされ、右側のサイドバーに製品カタログの表示オプションが表示されます。 [編集]を押して、表示オプションを変更します。 次に、「これは注目の製品です」オプションをチェックして、「 OK 」をクリックします。 新製品の場合は、必要な詳細をすべて追加してから公開することを忘れないでください。

woocommerceで商品ページセットの注目商品を編集する

既存の製品の場合は、[更新]をクリックするだけです。 それでおしまい！ 今後、その製品はあなたのサイトで紹介されます。

製品の作成方法がわからない場合は、WooCommerce製品を追加する方法に関するチュートリアルを確認してください。

2.クイック編集

クイック編集オプションを使用して、WooCommerceで注目の製品を設定することもできます。 これはさらに高速なプロセスであり、既存の製品に関する基本的な情報を編集する場合に非常に役立ちます。

[製品]> [すべての製品]に移動し、注目の製品として設定する製品を見つけて、[クイック編集]を押すだけです。

woocommerceのクイックエディットセットの注目商品

変更可能なすべての基本情報とオプションが表示されます。 [注目]オプションをオンにして、[更新]を押すだけです。

クイック編集オプションは、woocommerceの注目製品を設定します

それでおしまい！ 短くて甘いですね。

3.すべての製品ページ

[すべての商品]ページから商品を設定することもできます。 これは、他に何も変更せずに、既存の製品を機能として追加したい場合に最も速い方法です。

[製品] > [すべての製品]に移動し、注目の製品として設定する製品を見つけて、スターアイコンを選択するだけです。

スターアイコンセットwoocommerceの注目商品

星印は商品を紹介するオプションを表しているため、アイコンが強調表示されると、その特定の商品が紹介されます。

注目商品として削除したい場合は、アイコンをもう一度クリックしてください。

注： [すべての製品]ページに注目の列が表示されない場合は、表示するオプションが有効になっていることを確認してください。 画面の右上隅にある[画面オプション]をクリックすると、これを確認できます。

次に、[注目]列を確認します。 表示または非表示にする列を有効にし、ページごとに表示するアイテムの数を増やすこともできます。 最後に、すべての変更を行ったら、[適用]を押します。

ノート画面のオプションは、woocommerceの注目の製品を設定します

WooCommerceで注目の商品を設定する方法がわかったので、ストアでそれらを表示する方法を見てみましょう。

WooCommerceの注目商品を表示する方法

注目の商品を設定したら、それらを表示する必要があります。 注目の商品を表示する方法はたくさんあります。 最も効果的なものは次のとおりです。

  1. ウィジェット内
  2. ショートコードの使用
  3. 注目の製品ブロック付き
  4. プラグイン付き

このチュートリアルでは、Diviテーマを使用します。 別のテーマを使用している場合、一部のオプションは少し異なる場合がありますが、問題なくガイドに従うことができるはずです。

1.ウィジェットに注目の製品を表示する

注目の商品をウィジェットとしてストアに表示できます。 WooCommerceが提供するデフォルトの製品ウィジェットを使用して、Webサイトの任意のウィジェット領域に製品を表示できます。

WooCommerceストアで注目の商品を設定したら、 [外観]> [カスタマイズ]に移動するだけです。 テーマカスタマイザーにリダイレクトされます。

または、 [外観]> [ウィジェット]に移動して、注目の製品をウィジェットとして追加することもできますが、ライブプレビューがあるため、カスタマイザーを使用することをお勧めします。

カスタマイザーに移動したら、[ウィジェット]タブを開くと、ストアで使用可能なすべてのウィジェット領域が表示されます。 注目の製品を表示するウィジェット領域を選択し、[ウィジェットの追加]をクリックします。 このチュートリアルでは、注目の製品をサイドバーに追加しますが、好きなウィジェット領域を使用できます。

次に、「製品」ウィジェットを検索して、ここに追加します。

製品ウィジェットには、製品を表示するためのいくつかのオプションがあります。 [表示]オプションで[注目の製品]を選択します。

注目の商品の数を注文とともに表示するように設定することもできます。 それらのオプションも設定し、[完了]を押します。 最後に、[公開]をクリックして変更を適用します。

次に、フロントエンドからストアを確認すると、注目の製品がWebサイトの目的のウィジェット領域にどのように表示されるかがわかります。 ウィジェット領域を含むストアのすべてのページに表示されることに注意してください。

デモウィジェットはwoocommerceの製品を特集して表示します

2.ショートコードを使用して注目の製品を表示する

WooCommerceは、ストアで注目の商品を表示するために使用できるさまざまなショートコードを提供します。 ショートコードに慣れていない場合は、このガイドをチェックして、ショートコードとは何か、およびショートコードの使用方法を確認してください。

次のショートコードを使用して、Webサイトのどこにでも注目の製品を表示できます。

 [ featured_products ]

さらに、要件に応じてさまざまな方法で注目の製品を表示するようにカスタマイズできます。 たとえば、次のショートコードを見てみましょう。

 [ featured_products per_page=”6” columns=”3” ]

ショートコードプレビューセットは、woocommerceの注目の製品を表示します

このショートコードは、3列のレイアウトでページごとに6つの注目の製品を表示します。

さらに、属性を追加して、注目の商品をより多くのバリエーションで表示することができます。 たとえば、日付に従って降順で3列の形式でページに3つの注目の製品を表示するには、このショートコードを使用します。

 [ featured_products per_page=”3” columns=”3” orderby=”date” order=”desc” ]

これらはほんの数例ですが、ショートコードをカスタマイズするためにできることは他にもたくさんあります。 それを最大限に活用するには、この投稿を見て、ショートコードでできることをすべて学ぶことをお勧めします。

3.グーテンベルクブロックのある投稿またはページに注目の製品を表示する

もう1つの興味深い代替手段は、注目の製品を投稿またはページに表示することです。 そして、良いニュースは、プラグインやショートコードは必要ないということです。 Gutenbergを使用している場合、WooCommerceはデフォルトでこのオプションを提供します。

WooCommerceで注目の製品を設定したら、WordPressダッシュボードの[ページ]> [すべてのページ]に移動して、それらをページに追加します。 または、注目の商品を投稿に追加する場合は、 [投稿]> [すべての投稿]に移動します。 次に、編集するページまたは投稿の[編集]をクリックします。

注目の製品を新しいページまたは新しい投稿に追加する場合は、それぞれ[ページ]> [新規追加]または[投稿]> [新規追加]に移動します。

これで、「 + 」アイコンをクリックしてブロックを追加するだけです。 次に、「注目の製品」ブロックを検索して、ページまたは投稿に追加します。

表示したい注目の製品を見つけて選択し、[完了]を押します。

一度に表示できる注目の商品は1つだけなので、追加する商品の数だけブロックを追加する必要があることに注意してください。

ページまたは投稿に必要なすべての情報を追加または更新したら、[更新]をクリックします（または、新しいページまたは投稿を追加する場合は[公開]をクリックします）。

フロントエンドからサイトをチェックすると、以下に示すように、ページまたは投稿で注目の製品を確認できます。

注目の商品ページ投稿デモセットwoocommerceの注目の商品とそれらを表示する

4.プラグインを使用して注目の製品を表示する

上記のすべてのオプションがニーズに対して制限されすぎている場合は、専用のプラグインを使用して注目の製品を表示できます。 利用できるツールはいくつかありますが、このチュートリアルでは、 Product Slider and Carousel withCategoryプラグインを使用します。 これは無料のプラグインで、いくつかのショートコードを使用して注目の製品を表示できます。 さらに、これらのショートコードを使用して、WooCommerceストアの注目の商品スライダーを作成できます。

プラグインをインストールしてアクティブ化する

プラグインを使用するには、最初にプラグインをインストールしてアクティブ化する必要があります。 WordPressダッシュボードで、 [プラグイン]> [新規追加]に移動し、プラグインを探します。 [今すぐインストール]をクリックして、アクティブにします。

インストールに関して問題がある場合は、WordPressプラグインを手動でインストールする方法に関するガイドをご覧ください。

ショートコードを追加して注目の製品を表示する

前述のように、このプラグインは、注目の製品を表示するためのショートコードオプションを提供します。 これらのショートコードを使用する最良の方法の1つは、注目の製品をスライダーで表示することです。

注目の商品を設定したら、スライダーを表示するWooCommerceストアのページまたは投稿を選択します。 次に、特定のページまたは投稿にショートコードを追加します。 たとえば、ショートコードは次のようになります。

 [ wcpscwc_pdt_slider type="featured" slide_to_show="3" dots="false" ]

プラグインのデモページで、より多くのバリエーションと属性を見つけることができます。 ショートコードを追加したら、ページを公開または更新するか、投稿してサイトの変更を確認します。

スライダーセットは、woocommerceの注目の製品とそれらを表示します

または、注目の商品をカルーセルとして表示するには、このショートコードを使用して、 Category-IDをカテゴリIDに置き換えます。

 [wcpscwc_pdt_slider type="featured" cats="CATEGORY-ID"]

ボーナス：WooCommerceで注目の製品を入手する方法

テーマに注目の商品を表示する際に問題が発生した場合は、何かをご用意しています。 このセクションでは、注目の製品を入手する簡単な方法を紹介します。

ご存知かもしれませんが、2017年にWooCommerce 3がリリースされて以来、 product_visibilityカスタム分類法で処理される注目の商品を取得するには、TaxQueryを使用する必要があります。 また、WooCommerceのショートコードに注意してください

に置き換えられました
。

注目の製品を入手するには、次のスクリプトを使用できます。

 //税クエリ
$ tax_query [] = array（
 '分類法' => 'product_visibility'、
    'フィールド' => '名前'、
    '用語' => '特集'、
    'operator' => 'IN'、//または 'NOT IN'は、機能製品を除外します
）;

//クエリ
$ query = new WP_Query（array（
    'post_type' => '製品'、
    'post_status' => 'publish'、
    'ignore_sticky_posts' => 1、
    'posts_per_page' => $ products、
    'orderby' => $ orderby、
    'order' => $ order == 'asc'？ 'asc'： 'desc'、
    'tax_query' => $ tax_query // <===
））;

詳細については、このドキュメントを確認するか、このリンクを参照してください。

結論

全体として、適切な注目の製品を選択することで、売り上げを伸ばし、収益を増やすことができます。 このガイドでは、WooCommerceストアで注目の商品を設定して表示する方法を説明しました。

WordPressダッシュボードから注目の製品を設定する主な方法について説明しました。

  • 製品ページの編集
  • クイック編集
  • すべての製品ページ

注目の商品を設定したら、それらを表示する必要があります。 そのためのさまざまなオプションもあります。

  • 注目の製品をウィジェットに表示する
  • ショートコードの使用
  • グーテンベルク注目の製品ブロック
  • プラグイン付き

さらに、顧客が注目の製品をクリックすると、製品ページにリダイレクトされます。 そのため、一流の製品ページが必要です。 WooCommerce製品ページをカスタマイズするためのガイドをご覧になることをお勧めします。 また、チュートリアルをチェックして、DiviとElementorを使用して、さらにはプログラムで製品ページをパーソナライズする必要があります。

このチュートリアルがお役に立てば、他にも興味深い記事がいくつかあります。

  • バリエーションのあるWooCommerce製品属性を追加する方法
  • WooCommerceにクイック購入ボタンを追加する方法
  • WooCommerce製品をエクスポートする方法