ProductX で WooCommerce カテゴリ ページをカスタマイズする方法

公開: 2022-10-05

WooCommerce のカテゴリーページをカスタマイズする方法を知りたいですか?

カテゴリーページは、見込み客が購入前にアイテムを調べることができるため、WooCommerce サイトにとって不可欠です。 ただし、カテゴリ ページに不正確な情報が含まれているとします。 その場合、訪問者はあなたのウェブサイトを放棄する可能性があり、リードとお金の損失につながります.

この記事では、WooCommerce カテゴリ ページを編集および表示して、ユーザー エクスペリエンスを向上させ、売り上げを伸ばす方法を紹介します。

コンテンツ非表示
1 WooCommerce カテゴリーページをカスタマイズする理由
2 ProductXでWooCommerceカテゴリーページをカスタマイズする方法
2.1ステップ 1: ProductX のインストールとアクティブ化
2.2ステップ 2: Builder をオンにする
2.3ステップ 3: カテゴリ ページ テンプレートの作成
2.4ステップ 4: ブロックを追加して WooCommerce カテゴリ ページをデザインする
2.5ステップ 5: WooCommerce カテゴリーページのテンプレートをカスタマイズする
2.5.1ビュー
2.5.2製品在庫
2.5.3クエリ
2.5.4画像
2.5.5製品属性/追加データ
2.5.6ページネーション
WooCommerce カテゴリ ページをカスタマイズする3 つの利点
3.1収益の増加
3.2検索エンジン最適化の強化
3.3オーディエンスの獲得
4結論

WooCommerce カテゴリ ページをカスタマイズする必要がある理由

WooCommerce は、オンライン ストアを作成するために最も使用されているプラ​​ットフォームの 1 つです。 これは間違いなく、e コマース プラットフォームとしての WooCommerce の信頼性を証明するものですが、何十万もの Web サイトが同じテンプレートを使用していることも反映しています。

また、標準の WooCommerce ホームページに固執することがサイトを目立たせる最善の方法であると信じているなら、それは間違いです。 これら以外にも、考えなければならない要因があります。

ざっと見てみると、デフォルトの WooCommerce カテゴリ ページがあまり目立たないことがわかります。 さらに、名前ベースの製品検索、属性ベースの製品フィルターなどの高度な機能が欠けています。これらすべては、顧客に Web サイトでのショッピング体験を積極的にしてもらいたい場合に重要です。

さらに、よくデザインされた美的で直感的な Web サイトを高く評価しない人を見つけるのは困難です。

それでは、次のパートに移りましょう。ここでは、コードを 1 行も触れずに WooCommerce カテゴリ ページの外観を変更する方法を発見します。

ProductX で WooCommerce カテゴリ ページをカスタマイズする方法

このガイドでは、コードなしで WooCommerce カテゴリ ページの外観をカスタマイズする方法を紹介します。 それでは、さっそく始めましょう。

ステップ 1: ProductX をインストールしてアクティブ化する

カスタマイズするには、この素晴らしいプラグイン ProductX をインストールして有効にする必要があります。 そうするために:

Install ProductX
ProductX をインストールする
  • WordPress ダッシュボードで [プラグイン] メニューを開きます。
  • 「新規追加」オプションをクリックして、プラグインをインストールします。
  • 検索バーに「ProductX」と入力し、[インストール] ボタンをクリックします。
  • ProductX プラグインをインストールしたら、[有効化] ボタンをクリックします。

ステップ 2: Builder をオンにする

ProductX の有効化に成功したら、ビルダーを有効化する必要があります。 方法は次のとおりです。

Turn on WooCommerce Builder Addon
  • WordPress ダッシュボードから ProductX に移動します。
  • アドオンタブを選択
  • トグルオプションを介してビルダーを有効にします。

ステップ 3: カテゴリ ページ テンプレートを作成する

Builder をオンにすると、カテゴリ ページを作成できます。 それを行うには:

カテゴリーページテンプレートの作成
  • WordPress ダッシュボードから ProductX に移動します。
  • [ビルダー] タブを選択します。
  • [新規追加] をクリックします。
  • テンプレートに名前を付けます。
  • テンプレートの種類として「製品アーカイブ」を選択します。
  • このテンプレートをすべての製品ページに表示する場合は、[すべての product_cat ページ] のチェックボックスをオンにします。
  • [テンプレートの作成] をクリックします。
  • 次に、[テンプレートを保存して編集] をクリックします。

以上で、WooCommerce カテゴリ ページ テンプレートの作成は完了です。

ステップ 4: ブロックを追加して WooCommerce カテゴリ ページをデザインする

カテゴリ ページ テンプレートを作成しました。 次に、カテゴリ ページをデザインする必要があります。 次のガイドを使用して、いくつかのブロックを追加して、WooCommerce カテゴリ ページをデザインできます。

Adding Blocks in Category Page
カテゴリーページにブロックを追加する
  • 最初に、アーカイブ タイトル ブロックを追加します (すべてのページでカテゴリ タイトルを動的に制御するため)。
  • 次に、Product Grid ブロックを追加します。
  • また、最良の結果を得るには、ページネーション ブロックを追加します (多数の製品がある場合)。

ステップ 5: WooCommerce カテゴリ ページ テンプレートをカスタマイズする

カテゴリ ページの作成とデザインはすでに完了しています。次は楽しい部分です…カスタマイズです。 それでは、時間を無駄にせず、カスタマイズ設定に行きましょう。

ProductX の Product グリッド ブロックを追加すると、デフォルトで多くのカスタマイズ オプションが提供されます。

Category Page Customization
カテゴリーページのカスタマイズ

意見

グリッドまたはスライド ビューで製品を紹介できるため、完璧な Woo ストアを作成するための完全な制御が可能になります。 列、行、およびサイズを選択し、パディングと高さと幅のコレクターでカスタマイズできます。

製品在庫

ProductX には、在庫のある製品と在庫のない製品をすばやく表示する設定があり、プロセスが容易になり、顧客満足度が向上します。

クエリ

ProductX のクエリ設定自体は優れたカスタマイザーです。 たとえば、製品の数を制限したり、最高評価、最近追加された製品などの特定の製品を表示したりする場合は、ここから実行できます。

画像

これは追加すべき基本的なことですが、ProductX は非常に多くのカスタマイズで独自のものにしています。 写真のサイズ、アニメーション、ホバーなど。

製品属性/追加データ

一部の人々は、製品属性とも呼ばれる、ホット、セール、価格、取引、またはその他の追加情報をストアに表示したいと考えています。 そのため、ProductX は、それぞれにトグル ボタンを使用して簡単にイネーブラーを提供するという優れたソリューションを考え出しました。

ページネーション

多くの製品がある場合は、明らかに、設定からページネーション オプションを有効にすることができます (トグル有効化)。 ページネーションにより、商品ページがよりユーザーフレンドリーになり、ストアに分かりやすさがもたらされます。 また、ProductX は、色のサイズ、配置などの特定のカスタマイズに加えて、数値のページネーションまたは [さらに読み込む] ボタンを選択できます。

すべてのカスタマイズが完了したら、[公開] ボタンをクリックしてページを公開します。

WooCommerce カテゴリ ページをカスタマイズする利点

いくつかの理由から、WooCommerce カテゴリ ページを変更する必要があります。

収益の増加

カテゴリページは全購入額の約 70% を生成するため、会社の成功のかなりの部分をカテゴリページに帰することができます。 購入者の質問に答える専門のカテゴリ ページを作成すると、売り上げを伸ばすことができます。

検索エンジンの最適化を強化する

検索エンジンのランキングは、カテゴリ ページを最適化することで改善できます。 ただし、オンラインストアのカテゴリとサブカテゴリを最適化して、ターゲットオーディエンスがあなたのような製品を見つけるために使用するキーワードについては、改善の余地がたくさんあります.

オーディエンスを捉える

検索エンジンは、関連性の高い結果を提供することに関心があるため、消費者を製品ページではなくカテゴリ ページに誘導します。 消費者が作成した資料、強化された製品画像、およびユーザー レビューをこれらのページに統合して、読者の興味をそそり、購入の決定を促すことができます。

WooCommerce のカテゴリ ページを変更することで、最終的に顧客へのサービスを向上させ、検索エンジンのランキングを上げ、売り上げを伸ばすことができます。

結論

クライアントと検索エンジンの両方が、カテゴリ ページが重要であると判断します。 カテゴリ ページにパーソナライゼーションと SEO を追加すると、オンライン ストアの売上が増えるだけです。

明るい面は、WooCommerce カテゴリ ページをカスタマイズし、ページを最適化してコンバージョンを 2 倍に増やす方法がわかったことです。 さらに、各カテゴリの WooCommerce ページをニーズに合わせて調整する方法を理解しています。

YouTube チャンネルで WordPress のビデオ チュートリアルをご覧ください。 また、Facebook や Twitter で定期的に最新情報を入手してください。

この記事が好きですか? 言葉を広める
  • How to Add Load More Button in WordPress

    WordPress に [さらに読み込む] ボタンを追加する方法 (ステップ バイ ステップ ガイド)

  • How to Enable Error Reporting in WordPress

    WordPress でエラー報告を有効にする方法

  • Crypto Layout Blog Banner

    PostX の Crypto News Layout Pack の紹介

  • How to change site icon in 2022 WordPress Theme?

    Twenty Twenty Two WordPress テーマにサイト アイコンを追加する方法