Woodmartテーマで製品比較機能を有効化し最適化する方法(完全設定ガイド)

ウッドマート で御座います WooCommerce ユーザーが頻繁に利用する高度なテーマの一つであるCompare(商品比較)機能は、商品の差異に対するユーザーの理解を大幅に向上させ、購入決定を迅速化するのに役立ちます。本チュートリアルでは、Compare機能の有効化と最適化設定をステップバイステップで実施する方法をご案内します。

画像[1] - Woodmartテーマで比較機能を有効化し最適化する方法

一、Woodmart Compare 機能の有効化

Woodmartには比較機能が組み込まれており、簡単な手順で有効化できます。

Compare設定を開く

バックグラウンドに入る:
Woodmart → テーマ設定 → ショップ → 比較

Compare機能を有効にする

インターフェースで有効にする 比較を有効にする スイッチ。
完了後、テーマは自動的に商品に比較機能を提供します。

画像[2] - Woodmartテーマで比較機能を有効化し最適化する方法

二、Compareページとショートコードの設定

Compareページは、ユーザーが比較対象として選択した商品の情報を表示するために使用されます。

画像[3] - Woodmartテーマで比較機能を有効化し最適化する方法

Compare ページを選択

ある ページを比較する フィールド内で、比較対象として選択したいページを選択してください。

比較用ショートコードを追加

Woodmartは専用のショートコードを提供します。これを該当ページに挿入するだけで製品比較が表示されます。ひょうけいしき.

画像[4] - Woodmartテーマで比較機能を有効化し最適化する方法

三、Compare テーブルに表示するフィールドの設定

比較表に表示する製品属性を決定でき、ユーザーが比較しやすくなります。

オプション表示フィールド

一般的な分野は以下の通り:

  • 製品図
  • 製品名
  • 物価
  • 材質
  • サイズ
  • カラー
  • SKU
  • 在庫など
画像[5] - Woodmartテーマで比較機能を有効化し最適化する方法

プレビュー比較効果

2つ以上の商品を比較リストに追加すると、比較ページで最終的な表示効果を確認できます。

画像[6] - Woodmartテーマで比較機能を有効化し最適化する方法

四、空のCompareページにおけるプロンプト文案の設定

Compareページに商品がない場合、システムはメッセージを表示します。

編集者向けヒントテキスト

ある 空の比較テキスト ここに表示したい内容を入力してください。例:
現在比較対象の商品がありません。まず商品を選択してください。

画像[7] - Woodmartテーマで比較機能を有効化し最適化する方法

五、Compareボタンの表示方法の設定

Compareボタンはユーザー操作の重要な入口であり、Woodmartは複数のボタン動作設定を提供します。

製品グリッドに比較ボタンを表示する

オープン 商品グリッドにボタンを表示 その後、そのボタンはすべての製品一覧製品ボックスの中。

画像[8] - Woodmartテーマで比較機能を有効化し最適化する方法

保存ボタンの状態

コミッション 追加後の保存ボタンの状態を保持する 商品を比較リストに追加すると、「比較を見る」状態が表示されます。

画像[9] - Woodmartテーマで比較機能を有効化し最適化する方法

六、カテゴリ別比較(Compare by Category)を有効化

Woodmartはカテゴリー別にグループ分けした比較リストの表示をサポートしており、これは大量の商品を扱う店舗に必須の機能です。

カテゴリ比較を開始

コミッション カテゴリー別比較 その後、同じカテゴリの比較項目は自動的にグループ分けされます。

画像[10] - Woodmartテーマで比較機能を有効化し最適化する方法

「このカテゴリの商品をもっと見る」ボタンを表示

オープン 比較するさらに商品を表示 その後、システムは対応するカテゴリへ移動するボタンを表示します。

画像[11] - Woodmartテーマで比較機能を有効化し最適化する方法

テスト機能

異なるカテゴリの商品を追加すると、フロントエンドの比較ページでグループ分け効果が確認できます。

画像[12] - Woodmartテーマで比較機能を有効化し最適化する方法

七、ヘッダービルダーで比較ボタンのスタイルを設定する

Woodmart のヘッダービルダーは、比較ボタンの外観を高度にカスタマイズできます。

ヘッダービルダーに入り、Compare要素を編集する

パス
Woodmart → ヘッダービルダー → 比較

画像[13] - Woodmartテーマで比較機能を有効化し最適化する方法

Compare アイコンのスタイルを選択

あなたは以下から選択できます:

  • アイコンスタイル
  • アイコンサイズ
  • 背景形状
  • カラースキーム
  • 数量ロゴを表示するかどうか
画像[14] - Woodmartテーマで比較機能を有効化し最適化する方法

カテゴリドロップダウンメニューを表示(オプション)

Extraオプションで有効化できます:

  • 表示カテゴリードロップダウンメニュー(カテゴリー別比較を有効にする必要があります)
    ユーザーが直接比較分類を確認でき、操作がより便利になります。
画像[15] - Woodmartテーマで比較機能を有効化し最適化する方法

概要

このチュートリアルを通じて、あなたはすでに ウッドマート テーマ内でCompare製品比較機能を有効化し最適化します。
Compare機能はユーザーのショッピング体験を向上させるだけでなく、商品比較への関心を高め、コンバージョン率の向上にもつながります。ページ、フィールド、ボタンのスタイルを柔軟に設定でき、店舗の実際のニーズに合わせて調整が可能です。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:[email protected]
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス1321 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし