WooCommerce: WooCommerce ブロックを始める方法 – パート 2
公開: 2022-02-02
WooCommerce は、e コマース業界で一度に 1 つの Web サイトでその領域をマークする主要な e コマース プラットフォームの 1 つであり、ダウンロード数は 500 万を超えています。 中小企業や Web プロフェッショナル向けの完全なオンライン ストア ソリューションを提供します。
そして現在、開発チームは、WooCommerce を Gutenberg と完全に互換性のあるものにするために取り組んでいます。 そして最初のフェーズは、新しい WordPress エディターで使用できるカスタムWooCommerce ブロックを構築することです。
これらのブロックは無料で提供され、コードを 1 行も入力することなく、WooCommerce ストアの完全なルック アンド フィールをカスタマイズおよび変更できます。 シンプルなドラッグ アンド ドロップ ツールを使用して、ストアの商品をウェブサイトのどこにでも好きな形式で配置できます。
この記事のパート 1 では、10 個の WooCommerce ブロックとその重要性について説明しました。 この記事では、インタラクティブなオンライン ストアに使用できるさらに 10 個のブロックについて説明します。 ただし、最初に、ストアでこれらのブロックを追加および編集する方法を学びましょう。
WooCommerce ブロックを追加および編集する方法は?
WooCommerce Blocks を追加するには、まず WooCommerce Blocks Plugin のコピーをダウンロードしてください。
一度インストールすると、任意のページ/投稿でカスタム WooCommerce ブロックを簡単に使用できるようになります。 [ブロックを追加] [+] アイコンをクリックし、追加する WooCommerce ブロックを選択して、ページ上の適切な場所にドラッグ アンド ドロップするだけです。
プロのヒント:ストアにブロックをすばやく追加するには、「/」キーボード ショートカットを使用します。これにより、利用可能な WooCommerce ブロックのリストが表示されます。
同時に、ブロックの編集も簡単です。 編集するブロックをクリックし、右側のブロック カスタマイザー パネルから、行数や列数の調整などの適切なカスタマイズ オプションを選択します。 行った変更により、ブロックが更新されます。
ブロックを追加および編集する方法がわかったので、次の 10 個の WooCommerce ブロックのセットに飛び込みましょう。これを使用して、e コマース ストアに追加し、製品検索をより簡単にすることができます。
基本的な WooCommerce ブロックのリスト [パート 2]
11. セール商品
販売中の製品ブロックを使用する – ストアで販売されているすべての製品を、見栄えのする標準的なグリッドで取得して表示できます。
グリッドの行と列の数を変更し、製品のタイトル、評価、価格、およびカートに追加するボタンを表示または非表示にすることを選択できます。 フィルタを追加して、顧客が販売中の製品をさまざまなカテゴリでフィルタリングできるようにすることもできます。
12. 商品検索
WooCommerce Product Search Block は、ストアに検索ボックスを追加して、顧客が特定のキーワードを入力して製品を検索できるようにする、最も便利でユニークなブロックの 1 つです。
このブロックには、検索フィールド ラベルを表示または非表示にする単一のカスタマイズ オプションが付属しています。
プロのヒント:製品検索ブロックは、ページに直接ではなく、e コマース ストアのサイドバーまたはヘッダーに配置することをお勧めします。 これは、顧客が製品を検索する場合、ページ内に検索ボックスを配置すると製品結果ページに検索ボックスが表示されず、顧客体験が低下するためです。
13. 商品カテゴリー一覧
このブロックは、すべての製品カテゴリのリストを表示します。 カテゴリをドロップダウンまたはリストで表示するように選択できます。 カテゴリの例としては、パーカー、T シャツ、靴、アクセサリーなどがあります。
カテゴリ画像、カテゴリ階層 (またはサブカテゴリ)、製品数、および空のカテゴリ (製品が割り当てられていないカテゴリ – これはほとんど不可能です) を非表示または表示する選択肢があります。
すべての製品カテゴリのリストを表示すると、顧客は WooCommerce ストアで販売しているさまざまな製品や製品カテゴリを簡単にナビゲートして表示できます。
14. 属性別商品
Products By Attribute ブロックを使用すると、色やサイズなどの属性で製品をフィルタリングし、グリッドに表示できます。 このブロックにより、顧客は選択した特定の製品属性を簡単に選択できます。
そのカスタマイズ オプションは、製品の評価、タイトル、価格を表示または非表示にしたり、カートに追加したり、グリッドの行数と列数を調整したりできる他の WooCommerce ブロックと似ています。
15. タグ別商品
このブロックは、顧客により細かく詳細なフィルタリング オプションを提供します。
Products By Tag ブロックを使用すると、特定のタグに基づいて製品をリストできます。 たとえば、商品が帽子の場合、バケット ハット、ポロ ハット、カウボーイ ハット、カンカン帽などのタグを付けることができます。 そのカスタマイズ オプションは、Products By Attribute ブロックのオプションに似ています。
16. 商品別レビュー
製品ごとのレビューは、多くのカスタマイズ オプションが付属していない単純なブロックです。
このブロックを使用すると、リストから選択した特定の製品のすべてのレビューを表示できます。 たとえば、製品の帽子を選択した場合、このブロックには、店舗の製品の帽子について受け取ったすべてのレビューが表示されます。
製品別レビュー ブロックは、特定の製品とブランドに対する顧客の信頼を構築する上で重要な役割を果たします。
17. カテゴリー別レビュー
カテゴリ別レビュー ブロックは、記事のパート 1 で取り上げた「すべてのレビュー」ブロックとほとんど同じです。 唯一の違いは、このブロックで特定の製品カテゴリに基づいてレビューをフィルタリングして表示できることです。
商品名、商品画像、商品評価、レビュー名、レビューデータ、レビュー内容、レビュアー写真の表示・非表示を選択できます。 カートに追加ボタンを追加することもできます。
繰り返しになりますが、カテゴリ別レビュー ブロックを使用すると、顧客は他の購入者からのカスタマー レビューを確認することで、より多くの情報に基づいた購入決定を下すことができます。
18. 最高評価の製品
評価の高い商品ブロックには、すべての商品のグリッドと星の評価が表示されます。 一部の製品に星の評価があり、他の製品にない場合、グリッドは最高または最高評価の製品で並べ替えられ、残りの製品はデフォルトの並べ替え順序で並べ替えられます。
そのカスタマイズ オプションは、販売中の製品ブロックなど、グリッドに製品を表示する他のブロックに似ています。 ただし、カテゴリオプションによる追加のフィルターも付属しています。これにより、顧客は、選択したカテゴリで最高評価の製品をフィルタリングできます.
19. 厳選商品
厳選された製品ブロックを使用すると、選択した特定の製品を厳選して、標準の WooCommerce 製品グリッドに表示できます。
選択した製品をいくつでも選択して、それらへの最大のトラフィックを促進し、売上を増やすことができます.
さらに、厳選した商品のレイアウトをカスタマイズしたり、商品タイトル、商品名、商品評価を非表示/表示したり、カート ボタンに追加したり、フィルターや注文オプションを設定したり、商品列の総数を設定したりすることもできます。
20. 商品を在庫で絞り込む
Filter Products By Stock Block を使用して、在庫状況に基づいて店舗の商品を表示できます。 たとえば、在庫切れ、在庫あり、または入荷待ちのステータスを選択できます。
見出しレベル (H2、H3、または H4) を選択し、製品数を表示または非表示にし、「Go」などのオプションのフィルター ボタンを追加できます。 これら以外に、このブロックで使用できるカスタマイズ オプションはありません。
このブロックは、顧客がどの商品の在庫があるか、取り寄せ中か、在庫がないかを簡単に確認できるようにする方法です。これにより、顧客は探している商品の在庫状況を知ることができます。
結論
WooCommerce ブロックは、優れた e コマース ストアを作成し、ストア ページやブログ投稿で製品を宣伝するための優れた方法です。
注目のカテゴリと製品を表示し、ベストセラーや最新の製品を表示することで、特定の製品のコンバージョンと売上を最大化できます。 同時に、カスタマー レビューの表示、製品フィルタリング オプションの提供、および製品検索ボックスにより、顧客のショッピング エクスペリエンスが大幅に向上します。
これらのブロックを e コマース ストアに追加すると、顧客は探している正確な製品と製品カテゴリを見つけることができ、より迅速に購入できるようになります。
さらに、これらのブロックの追加と編集は非常に簡単で、シンプルなカスタマイズ オプションと設定で簡単に行うことができます。
したがって、この記事で説明した WooCommerce ブロックを最大限に活用して、WooCommerce ページをカスタマイズし、顧客に豊かなエクスペリエンスを提供し、製品を可能な限り最適な方法で宣伝し、ビジネスの売り上げを伸ばしてください。
この記事のパート 1 を見逃した場合は、こちらを読んで、オンライン ストアで使用できる WooCommerce ブロックの全範囲を確認してください。