ベストセラー商品の使い方WooCommerceBlock

公開: 2021-11-09

どの店舗でも、他の在庫よりもはるかに売れ行きの良い商品がいくつかあります。 当然、これらのアイテムをWebサイトでできるだけ目立つように表示する必要があります。 そこで、ベストセラー製品のWooCommerceブロックが役立ちます。

この便利なWooCommerceブロックを使用すると、Webサイトのどこにでもストアのトップセラーのグリッドを表示できます。 この記事では、ブロックがどのように機能するかを示し、ブロックを構成する方法を説明し、ブロックを効率的に使用するためのヒントについて説明します。

それを手に入れよう!

ベストセラー商品のWooCommerceブロックを投稿またはページに追加する方法

WooCommerceをインストールすると、プラグインは新しいeコマースブロックのコレクションをWordPressに追加します。 ベストセラー製品ブロックはその中にあります。 これを使用するには、新しいベストセラー商品セクションを配置するページを開き、新しいブロックを追加するオプションを選択します。

「ベストセラー商品」と入力すると、ブロックがすぐにブロックエディタの結果に表示されます。

WooCommerceで最も売れている製品ブロックを追加する

ブロックをページまたは投稿に配置すると、ストアで最も売れている商品を表示する3x3のグリッドが自動的に生成されます。 デフォルトのWordPressテーマの1つを使用すると、そのグリッドは次のようになります。

WooCommerce製品グリッド

WooCommerceは、ストアのベストセラーに関するデータを自動的に取得して、このブロックを使用したときに表示される商品を決定します。 製品が流行に左右されると、 Best SellingProductsWooCommerceブロックが表示するアイテムは一致するようにシフトします。

ベストセラー製品WooCommerceブロックの設定とオプション

Best Selling Productsブロックは、スタイルや表示する製品を変更するために構成できる幅広い設定を提供します。 WordPressエディターでブロックの上にマウスを置くと、フォーマットメニューが表示されます。 このメニューには、ブロックの幅を変更するためのオプションが含まれています。

WooCommerceで最も売れている商品ブロックの幅を変更する

ブロックの残りの設定にアクセスするには、ブロックをクリックして、右上隅にある歯車の形をしたアイコンを選択します。 これを行うと、エディターの右側にあるブロック設定メニューが開きます。

BestSellingProductsブロックの各オプションの機能を確認してみましょう。

WooCommerceで最も売れている製品ブロックの設定

[レイアウト]セクションでは、 BestSellingProductsブロックに含める行と列の数を構成できます。 表示する商品の数と好みのレイアウトに応じて、ブロックを最大6行と列に拡張できます。

[最後のブロックを揃える]というラベルの付いたオプションもあります。これにより、各製品の[バスケットに追加]ボタンが均一に表示されます。

6列のベストセラー商品ブロック

コンテンツ設定まで下にスクロールすると、ブロック内の各製品に表示する要素を選択できます。 各アイテムの製品タイトル、価格、評価、およびカートに追加ボタンを表示できます。 これらの要素をすべて有効にすることをお勧めします。これにより、顧客は必要な製品を簡単に決定できるようになります。

ベストセラー商品ブロックでは、商品をカテゴリでフィルタリングすることもできます。 これにより、「ベストセラー」セクションに表示されるアイテムの種類を制御できます。

カテゴリによる製品のフィルタリング

最後に、必要に応じて、このブロックにカスタムCSSクラスを追加できます。 CSSクラスを使用して、カスタムコーディングに慣れている限り、デフォルト設定では不可能な方法でブロックのスタイルをカスタマイズできます。

ベストセラー製品を効果的に使用するためのヒントとベストプラクティスWooCommerceBlock

ベストセラー製品ブロックは非常に使いやすいですが、それはあなたがあなたのサイトのどこにでもそれを置くべきであるという意味ではありません。 私たちの経験では、このブロックは、ストアのホームページの一部として、またはショップページの上部にある専用のセクションとして不思議に機能します。

顧客が何を見ているかを説明する見出しを追加することも重要です。 デフォルトでは、 Best Selling Productsブロックには、表示される製品のタイプに関する表示は含まれていません。 シンプルなベストセラーまたは最も人気のある商品の見出しを追加すると、訪問者はより興奮するはずです。

ベストセラー商品WooCommerceブロック

また、 Best Selling Productsブロックのフィルタリング機能を使用して、Webサイト全体に複数のベストセラーセクションを設定することもできます。 この機能を使用すると、特定の商品ラインに焦点を当てたい場合に、特定のカテゴリのベストセラー商品を表示できます。

ベストセラー製品に関するよくある質問WooCommerceBlock

ベストセラー製品ブロックについてまだ質問がある場合は、このセクションで回答します。 このブロックが他のWooCommerce要素と何が違うのかについて話すことから始めましょう。

ベストセラー商品と厳選商品ブロックは同じですか?

WooCommerceを使用すると、 Hand-Picked Productsブロックを使用して、手動でキュレートされた製品を含むショップグリッドを設定できます。 対照的に、 Best Selling Productsブロックは、サイトで最も売れている商品を自動的に表示します。

ベストセラー商品ブロックに表示される商品を選択できますか?

WooCommerceでは、 BestSellingProductsブロックを使用するときに表示する製品を選択できません。 ただし、このブロックでは、特定のカテゴリに基づいて結果をフィルタリングできます。 つまり、個々のタイプの製品について、サイト全体にベストセラーセクションを設定できます。

WordPressのベストセラー製品ブロックをどこに配置すればよいですか?

ベストセラー商品ブロックは、ほとんどのショップのホームページに追加するのに最適です。 メインショップページ内に別のセクションとしてブロックを追加することもできます。 そうすることで、潜在的な顧客の注意を引く可能性が最も高い店舗の在庫からアイテムを強調表示できます。

結論

WooCommerceを使用すると、WordPressを使用してオンラインで製品を販売できるだけでなく、ブロックライブラリを大幅に拡張できます。 WooCommerceブロックの中で私たちのお気に入りの要素の1つは、ベストセラー製品の要素です。

これとともに ブロックすると、ストアで最も人気のあるアイテムを含むグリッドを表示できます。 ブロックエディタを使用すると、このグリッドに含まれるレイアウトと要素をカスタマイズでき、Webサイトのほぼどこにでも配置できます。

WordPressでベストセラー製品ブロックを使用する方法について質問がありますか? 以下のコメントセクションでそれらについて話しましょう!

Keep Calm and Vector/shutterstock.comによる注目の画像