Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WooCommerceの商品ページに人気商品を表示する方法(3つの方法)

オンラインストアに人気商品を表示することは、売上を伸ばすための実証済みの方法です。アマゾンやウォルマート、その他すべての大手ストアがベストセラー・ウィジェットやセクションを設けているのはこのためです。

WooCommerceを使用している場合、サイト上にトップパフォーマーの商品を表示する方法は複数あります。様々なニーズに最適なオプションを見つけるために、いくつかのソリューションをテストしました。

例えば、MonsterInsightsはGoogleアナリティクスのデータに基づいて商品を表示するのに最適であることがわかりました。一方、SeedProdはカスタムランディングページを作成する場合に最適です。

この投稿では、WooCommerceの商品ページに人気商品を表示する方法をご紹介します。

How to display popular products in WordPress

WooCommerceの人気商品を表示することは、オンラインストアの売上を増やす簡単な方法です。

これらの商品はすでにコンバージョンすることが証明されているので、より多くの人の目に触れることで、簡単に売上を伸ばすことができる。

Amazonに独自のベストセラーチャートがあるように、WooCommerceの人気商品ページを区切りで作成することもできます。

Amazon best seller

それでは、WooCommerceの商品ページに人気商品を追加する方法を見ていきましょう。

まず最初にすべきことは、どんな商品が人気で売れているかを調べることです。簡単なWordPressプラグインを使えば、WooCommerceの分析データをすべて見ることができ、どの商品が一番人気なのかを知ることができます。

MonsterInsightsは WordPressのための最高の分析プラグインです。あなたのオンラインストアのパフォーマンスや、どの商品が一番人気なのかが一目でわかります。

詳しくは、WooCommerceのコンバージョントラッキングの設定方法のステップバイステップガイドをご覧ください。

WooCommerceとMonsterInsightsを統合した後、Insights ” Reportsにナビゲーションし、eコマース ” Overviewタブをクリックすることで、最も人気のある商品を確認することができます。

View eCommerce report in MonsterInsights

ここでは、どの商品が最も収益を上げているか、何個売れたかを見ることができます。

そのほか、お店のパフォーマンスに関する全体的な統計も見ることができます。

eCommerce tracking, in the WordPress dashboard

このデータを使って、オンラインストアで売れ筋の商品を表示することで、売上を伸ばし、ビジネスを成長させることができます。

では、WooCommerceの人気商品をブログ投稿に追加するだけでなく、表示する最もポピュラーな方法を3つご紹介します。

以下のクイックリンクを使用して、WooCommerceに人気商品を追加する方法を選択してください:

MonsterInsightsは、WordPressにGoogleアナリティクスを追加するだけのプラグインではありません。Popular Postsと呼ばれる素晴らしい機能を提供しており、ブログ投稿の最後に人気商品を追加して売上を伸ばすことができます。

まず、Insights ” Popular Postsに移動し、’Popular Products’メニュー設定をクリックします。

Popular products MonsterInsights

この画面では、人気商品の表示方法をカスタマイズできます。

デザイン、レイアウトオプション、商品の掲載数などをコントロールできます。

Customize popular products settings

下にスクロールすると、人気商品ウィジェットの「動作」設定の詳細が表示されます。

例えば、スタイリングにカスタムCSSを使用したり、商品カテゴリーを含めたり除外したりするオプションがあります。

Behavior settings popular products

また、MonsterInsightsでは人気商品を表示するための複数のオプションが用意されています。

埋め込みオプション」セクションで、「自動配置」オプションを有効化できます。これにより、プラグインはすべての個別商品ページの最後に人気商品ウィジェットを表示します。

Popular products embed options

変更したら、必ず画面上部の「変更を保存」をクリックしてください。

コンテンツエディターの人気商品ブロックを使って、売れ筋商品を表示することもできます。

Add popular products block

ブロックを追加したら、ブログ記事やページを公開してください。

これで、オンラインストアにアクセスするだけで、ページの下にある人気商品を表示できる。

MonsterInsights popular products

方法2:SeedProdを使って人気商品ページを作る

SeedProdは、100万以上のウェブサイトで使用されている最高のドラッグアンドドロップWordPressサイトとページビルダーです。

このプラグインを使えば、WooCommerceの商品ページに人気商品を追加し、コンバージョンを向上させるためのランディングページを作成することができます。

WooCommerceブロックがあり、商品ページを簡単に作成・カスタマイズできます。

最初に行う必要があるのは、SeedProdプラグインのインストールです。詳しくは、WordPressにプラグインをインストールする方法のステップバイステップガイドをご覧ください。

注: SeedProdには無料版もありますが、今回はより多くの機能があるPro版を使用します。

有効化した後、SeedProd ” 設定にアクセスし、ライセンスキーを入力する必要があります。この情報はSeedProdサイトのあなたのアカウントにあります。

Adding the SeedProd license key to your WordPress website

それが完了したら、WordPressダッシュボードからSeedProd ” ランディングページに移動することができます。

その後、「+ Add New Landing Page」ボタンをクリックします。

Add new landing page

SeedProdでは、何百ものページテンプレートがあらかじめ用意されています。また、近日公開ページやサンキューページなど、目的別にテンプレートをフィルターすることもできます。

使いたいテンプレートが見つかったら、マウスオーバーして「チェックマーク」アイコンをクリックします。

Choose a template for your landing page

次に、ポップアップウィンドウが開きます。

ページに名前を付け、「Save and Start Editing the Page(ページを保存して編集を開始する)」ボタンをクリックします。

Enter a name for landing page

その後、ランディングページビルダー画面に移動します。ドラッグアンドドロップビルダーでページのすべての要素を完全にカスタマイズすることができます。

左側のメニューに「WooCommerce」と書かれたブロックセクションがあります。

商品グリッド」オプションを選択し、ページにドラッグするだけです。

Add product grid block

注:「ベストセラー商品」オプションが設定できます。しかし、ここではカスタム商品リストを作成します。

その後、「歯車」アイコンをクリックすると、左側に「商品グリッド」ブロック設定メニューが表示されます。ここで、表示するカラム数を選択できます。

Edit product grid settings

次に、左のメニューから「クエリー」セクションまでスクロールダウンする。

タイプ」ドロップダウンメニューをクリックし、表示する商品を選択することができます。初期設定では、SeedProdはグリッド内のすべての商品を表示します。これを変更し、売上や最近の商品に基づいて商品を表示することができます。

Choose query type

人気商品の追加が完了したら、「保存」をクリックして変更を保存してください。

このページを公開するには、「保存」の隣にある矢印をクリックし、「公開」を選択します。

Publish popular products page

これで、人気商品が独自の人気商品ページに追加されました。

SeedProdでは、コンバージョンを向上させるために、このページをほぼ無限にカスタマイズすることができます。

View recommended products

このページをWordPressのナビゲーションメニューに追加して、訪問者に人気商品の閲覧を促すこともできます。

方法3:WooCommerceのショートコードを使って人気商品を商品ページに追加する

WooCommerceには、商品ページやオンラインストアの他のエリアをカスタマイズするために使用できるビルトインショートコードがあります。

これらのショートコードを使えば、既存のWooCommerce商品ページに人気商品を簡単に表示できます。

これを行うには、WordPressダッシュボードから商品 ” すべての商品に移動します。ここから、「編集」オプションをクリックして、カスタマイザーしたい商品を開きます。

Edit product in WooCommerce

商品エディター画面で、ショートコードを追加します。詳しくは、WordPressでショートコードを追加する方法の初心者ガイドをご覧ください。

以下のMonsterInsightsショートコードを使用すると、人気商品を自動的に表示することができます:

[monsterinsights_popular_posts_products]

MonsterInsightsは人気商品の変更に伴い、自動的にリストを更新します。

Add shortcode to product description

また、WooCommerceビルトインショートコードを使って、表示する商品を手動で選択することもできます:

[products limit="3" columns="3" skus="logo-collection, Woo-tshirt-logo, woo-long-sleeve-tee"]

上記のショートコードは、3つの商品の列を作成します。より多くの人気商品をページに掲載するために、’product limit’と’columns’を増やすことができます。

skus’はWooCommerceの商品ページにある商品SKUを指します。

上記のショートコードのSKUSを、あなたの人気商品で置き換えてください。

商品のSKUは、「商品」 ” 「すべての商品」ページに戻ってナビゲーションして見つけることができます。

View SKU in product page

商品ページの編集が完了したら、「更新」をクリックします。

これで、訪問者は通常の商品リストと人気商品を見ることができます。

Related products

さらに売上を増やす方法をお探しなら、WooCommerceのポップアップを作成したり、WooCommerceに送料無料バーを追加することができます。

人気商品をより多く売るためのボーナス・ヒント

WooCommerceストアで人気商品を表示する複数の方法がわかったところで、その商品の売上を上げるためのヒントを見てみましょう。

1.WooCommerceポップアップを作成して商品を販売する

人気商品の知名度を上げ、コンバージョンを高めたいとお考えですか?

WooCommerceポップアップを作成することで、クーポンの提供、販売促進、異なる商品のクロスセル、お買い物カゴの回復などが可能になります。適切なタイミングで様々な訪問者をターゲットにし、彼らを有料顧客に変えることができます。

ポップアップを作成する最良の方法は、OptinMonsterを利用することです。これは、業界で最高のリードジェネレーションおよびコンバージョン最適化ソフトウェアです。

OptinMonsterでは、さまざまなタイプのキャンペーンを作成し、強力な表示ルールを使用して適切なオーディエンスに表示することができます。

Customize your upsell popup

さらに詳しくお知りになりたい方は、WooCommerceポップアップの作り方ガイドをご覧ください。

2.WooCommerceでスライドカートを追加する

人気商品の売上を増やすもう一つの方法は、WooCommerceストアにスライド式のサイドカートを組み込むことです。

スライド式サイドカゴは、カスタマイザーがカゴに項目を追加したときに外観されるパネルです。

An example of a sliding side cart in WooCommerce

ショッピングプロセスをスムーズにすることで、ユーザー体験を向上させる。カスタマイザーはお買い物カゴに入れた商品を把握することができます。また、人気の商品を紹介することで、即座にお買い物カゴに入れることができ、売上アップにつながります。

詳しくは、WooCommerceでスライドカートを追加する方法の完全ガイドをご覧ください。

この投稿が、WooCommerceの商品ページに人気商品を表示する方法を学ぶのにお役に立てば幸いです。最高のWooCommerceテーマのリストとあなたのストアに最適なWooCommerceプラグインのエキスパートピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

3件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ahmed Omar

    A fantastic guide on showcasing popular products on WooCommerce product pages – you’ve got it covered
    Your two approaches provide flexibility for different store needs.
    Thanks for helping me boost visibility for my best sellers

    • WPBeginner Support

      You’re welcome :)

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。