Kadence チュートリアル: Kadence Shop Kit プラグインを使って商品のクイックルックを可能にする

ケイデンス Shop Kitプラグインは WooCommerce このショップは強力な拡張機能を提供し、特に商品クイックビュー機能は際立っています。この機能により、顧客は現在のページで詳細な商品情報を見ることができ、商品を直接カート買い物のプロセスを大幅に簡素化し、買い物の効率と利便性を高める。

画像[1]-Kadence Shop Kitプラグインチュートリアル:商品クイックルック機能の有効化とカスタマイズ

Kadence Shop Kit プラグイン紹介

ケイデンス Shop Kitプラグインは、以下の機能を強化するために設計されています。 WooCommerce ストア機能は、マーチャントが商品表示とショッピング体験を最適化するための様々なカスタマイズオプションを提供します。商品クイックビュー機能はこのプラグインの重要なハイライトで、ユーザーは商品詳細ページを表示することなく、商品の詳細を確認し、購入を決定することができます。

画像 [2]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ

主な特徴と利点

  • ポップアップのクイックビュー クイックビュー機能は、商品の詳細をレスポンシブなポップアップウィンドウで表示するため、お客様は新しいページを開くことなく、商品の主要な情報に素早くアクセスすることができます。
画像 [3]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • 製品ナビゲーション ユーザーは、ポップアップ・ウィンドウの左右の矢印を使用することで、追加のページを読み込むことなく、素早く商品を切り替えたり、他の商品を見たりすることができます。
画像 [4]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • 製品バリエーションを選択 複数のオプションがある商品の場合、ユーザーはクイックビューウィンドウで色やサイズなどのバリエーションを直接選択できます。
  • カートに入れる ユーザーはポップアップ・ウィンドウの中で直接ショッピング・カートに商品を入れることができるので、ページを切り替える手間が省け、買い物のしやすさが向上する。
画像 [5]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • WooTemplateのカスタマイズ ケイデンス Shop Kitプラグインは、WooTemplateを使用してクイックビューウィンドウのレイアウトとスタイルの完全なカスタマイズをサポートしており、マーチャントは自分のブランドスタイルに合わせてカスタマイズすることができます。

製品のクイックビューを有効にする

コミッション ケイデンス ショップキットの商品クイックビュー機能はとても簡単です:

  • プラグインが有効になっていることを確認する Kadence Shop Kit プラグインが有効になっていることを確認してください。次へ ワードプレス バックオフィスで "Shop Kit "ページに移動し、"Product Quick View "タブをクリックします。
画像 [6]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • クイックルックを有効にする 商品クイックビュー設定ページで、有効化オプションを見つけ、有効化に切り替えます。有効にすると WooCommerce 商品ページにクイックビューボタンが表示されます。

設定オプションのクイックビュー

ケイデンス Shop Kitプラグインには、マーチャントが必要に応じてクイックルック機能をカスタマイズするためのオプションがいくつか用意されています:

  • ボタンの自動挿入クイックビューボタンを有効にすると、商品ページにクイックビューボタンが自動的に表示されます。マーチャントはボタンの場所を選択することができます。カートに入れる"ボタンを押す前でも後でもよい。
画像 [7]-Kadence Shop Kit プラグイン チュートリアル:商品クイックルック機能の有効化とカスタマイズ
  • ボタンのテキストとアイコンマーチャントは、ボタンのテキストとアイコンをカスタマイズして、よりブランドに特化したものにすることができます。
画像 [8]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • ホバー表示ボタンクイックビューボタンを有効にすると、マウスを製品上に置いた時のみクイックビューボタンが表示され、インターフェイスがすっきりします。

カスタムクイックビューWooTemplate

Kadence Shop KitプラグインはWooTemplateを使ってクイックビューのポップアップをカスタマイズすることができます。マーチャントは商品テンプレート機能でクイックビューテンプレートを選択し、レイアウトとスタイルを調整します。

  • 製品テンプレート機能を有効にする"ショップキット"ページを開き、製品テンプレート機能を有効にします。
画像 [9]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • 新しいWooTemplateを作成する:"商品" -> "WooTemplates"をクリックしてください。新しいテンプレートの追加「を選択します。テンプレートを見てみよう
画像 [10]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
画像 [11]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • カスタマイズされたテンプレートレイアウト使用 ケイデンス ブロックとWooTemplateブロックでテンプレートをカスタマイズし、必要な動的コンテンツを表示します。
画像 [12]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
画像 [13]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • テンプレートを保存して公開するカスタマイズが完了したら、[公開]ボタンをクリックしてテンプレートを保存し、商品クイックビューポップアップのデフォルトレイアウトとして設定します。
画像 [14]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ
画像 [15]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ

クイック・ルック・ショートコードを使う

特定のデザイン要件については、マーチャントは動的にクイックビューボタンを挿入するためにショートコードを使用することができます。ページ、テンプレート、または商品リストにボタンを挿入するには、以下のショートコードを使用してください:

  • 現在の商品のクイックビューボタンを表示: [kt_quickview_button]
画像[16]-Kadence Shop Kitプラグインチュートリアル:商品のクイックルック機能の有効化とカスタマイズ
  • 商品別のクイックビューボタンを表示する:[kt_quickview_button id="製品ID“]
画像 [17]-Kadence Shop Kit プラグイン チュートリアル:商品のクイックルック機能の有効化とカスタマイズ

概要

ケイデンス Shop Kitの商品クイックビュー機能は、顧客のショッピング体験を向上させます。マーチャントは、簡単な設定とカスタマイズオプションにより、商品表示を最適化し、コンバージョン率を高めることができます。クイックビューを有効にすることで、顧客は面倒なページジャンプをすることなく、より素早く商品を閲覧・購入することができ、ショッピングプロセス全体のスムーズさが向上します。


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

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

    コメントなし