節約があまりにも良くて怖い!

まで

80%
貯蓄

で終わります:
Wpmet シンボル
時間

製品比較

ShopEngine は、Elementor 用のエンドツーエンドの WooCommerce ショップ ビルダーです。完全な WooCommerce ストアを構築するために必要不可欠で便利なウィジェット、モジュール、テンプレートがすべて含まれています。さらに重要なのは、シンプルで使いやすいプラグインであり、ユーザーはコーディングの知識を必要としないことです。 

製品比較モジュール:  #

買い物客は、購入する前に必ず類似の製品をオンラインで比較する傾向があります。通常、これらの製品を比較するには複数のタブを開く必要があります。しかし、ShopEngine の製品比較モジュールにより、顧客にとってこの作業が簡単になりました。このモジュールを使用すると、買い物客は製品の左下にある製品比較アイコンをクリックできます。 

ショップページで、比較したい商品を選択し、各商品の商品比較アイコンをクリックします。これにより、選択したすべての商品が新しいウィンドウに表示され、購入者は価格、在庫状況、色などのさまざまなパラメータを比較できます。

モジュールを有効にして展開する方法: #

ダッシュボードからモジュールを選択します。

まず、管理パネルのダッシュボードに移動し、サイドバーで ShopEngine を見つけます。ShopEngine にマウスを移動し、アイテムのリストから「モジュール」を選択します。

ダッシュボード => ShopEngine => モジュール

ダッシュボードからモジュールを選択する

製品比較モジュールを選択して有効にします。

モジュールのリストから、製品比較モジュールを見つけてクリックします。モジュール ボタンに表示される設定アイコンをクリックして、モジュールを有効にします。 

また、単一ページとアーカイブ ページの両方の切り替えボタンをオンにすると、アーカイブ ページと単一ページの両方に商品が表示されます。モジュール アイコンを「カートに追加」ボタンの前または後に配置することも選択できます。

製品比較モジュールを選択

新しいテンプレートを追加します:

次に、管理パネルのダッシュボードに移動し、アイテムリストからShopEngineを見つけます。ShopEngineをクリックし、ドロップダウンメニューからテンプレートを選択します。次に、「新しく追加する右上のテキストの横にある「」ボタンテンプレート”。

製品比較モジュールに新しいテンプレートを追加する

ショップページのテンプレートを設定する:

その直後、テンプレート設定用のポップアップウィンドウが表示されます。テンプレート名を 名前 フィールドでタイプ「ショップ」を選択します。目標は製品比較モジュールを使用することです。 

また、デフォルトのサンプル デザインを選択することも、最初からデザインを開始することもできます。最後に「」を押します。変更内容を保存" ボタン。

製品比較モジュールのショップページテンプレートを設定する

Elementorで編集をクリックします。

テンプレートが作成され、リストの一番上に表示されます。ここで、「」をクリックしてください。Elementorで編集する」をクリックしてElementorウィンドウに切り替えます。

製品比較モジュールのElementorで編集をクリック

ドラッグアンドドロップ製品リストウィジェット:

このステップでは、左側に ShopEngine ウィジェットのリストがあるサイドバーが表示されます。ShopEngine 製品アーカイブ セクションの下にある製品リスト ウィジェットを見つけて、下のスクリーンショットに示すように、指定された領域にドラッグ アンド ドロップします。

製品リストをドラッグアンドドロップして製品を比較します

製品画像の下に表示される製品比較アイコン:

製品リスト ウィジェットをドロップするとすぐに、必要なすべての詳細を含む製品リストがページに表示されます。以下の GIF に示すように、各製品画像の右下にある製品比較アイコンを確認できます。

製品画像の下に製品比較アイコンが表示されます

ショップページで製品比較アイコンを表示します。

下のスクリーンショットからわかるように、商品比較アイコンがショップページに表示されます。アイコンをクリックして類似商品を選択し、ポップアップウィンドウですべての詳細を表示して商品を比較できるようになりました。

ショップページに商品比較モジュールを表示

類似製品がポップアップウィンドウに表示されます:

次に、商品比較アイコンをクリックした後、ショップページで類似商品がどのように表示されるかを見てみましょう。画像、名前、在庫、SKU、価格、色、ロゴなどの項目とパラメータとともに商品がどのように表示されるかを GIF で確認できます。

類似商品はショップページのポップアップウィンドウに表示されます

このように、製品比較モジュールを使用して、可能な限り最善の方法で製品を比較し、より良い購入決定を下すことができます。

 

あなたの気持ちは何ですか
2022 年 8 月 31 日更新