WooCommerce クイックビュー: プラグインなしでストアに追加する方法

Nkenganyi Clovis WordPressチュートリアル Dec 15, 2023

WooCommerce製品のクイック ビュー オプションは、顧客が製品カタログ ページから離れることなく、ポップアップ ウィンドウで製品の詳細を確認できる機能です。これは、次のようないくつかの理由で役立ちます。

  • 製品を表示するために必要なクリック数とページ読み込み数が減るため、時間を節約し、ユーザー エクスペリエンスを向上させることができます。
  • 顧客がポップアップ ウィンドウからカートやウィッシュリストに製品を簡単に追加できるようにすることで、コンバージョンと売上を増加させることができます。
  • ポップアップ ウィンドウで画像、評価、レビュー、短い説明を使用することで、製品の機能と利点をより効果的に紹介できます。
  • 商品の在庫状況や在庫状況をポップアップウィンドウに表示することで、切迫感や希少性を演出できます。

WooCommerce 製品のクイック ビュー オプションは、オンライン ストアを強化し、顧客満足度を向上させる重要な機能です。

WooCommerce はネイティブのクイック ビュー オプションを提供しませんが、サードパーティのプラグインを使用して追加できます。

技術的には、プラグインを介して WooCommerce ストアにクイック ビュー機能を追加できますが、プラグインをインストールしすぎると、サイトのクラッシュ、ページの読み込み速度の低下、セキュリティ違反が発生する可能性があります。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

そこで、このチュートリアルでは、プラグインを使用せずに WooCommerce 製品にクイック ビュー モーダル ボックスを追加する方法を説明します。

Flatsome WooCommerce テーマをインストールする

Flatsome WooCommerce テーマなどのクイック ビュー機能を含む WooCommerce テーマを使用することは、この機能をストアに追加する最も簡単な方法です。

Flatsome には、製品にクイック ビュー ボックスを追加する機能に加えて、さまざまなデザインと e コマースのオプションが含まれています。

Flatsome に付属する追加オプションは次のとおりです。

WooCommerce に付属するデフォルトのチェックアウト ページをカスタマイズできます。

さまざまな e コマース テンプレートから選択できます。

WooCommerce 製品カードをカスタマイズできます。

次のようなショップボタンをカスタマイズできます。 「カートに追加」、「チェックアウトに進む」、「カートを更新」ボタン、その他多くのショップ ボタン。

始めるには、テーマをダウンロードしてください

テーマの料金は 12 か月のサポートで 76.63 ドルです。

ダッシュボードで[外観] > [テーマ]に移動します。

そこから、ページ上部の「新規追加」をクリックします。

「新規追加」をクリックした後、 「テーマのアップロード」をクリックします

そこから、 [ファイルの選択]をクリックし、コンピュータ上の zip ファイルを選択します。

Flatsome テーマをインストールしてアクティブ化したら、ページを作成して各ページにテンプレートをインストールします。

デフォルトのショップ ページが付属するようにするには、必ず WooCommerce プラグインをインストールしてください。

ほら、ありますよ!デフォルトでは、ショップ ページに製品を追加すると、クイック ビューオプションが表示されます。

製品の上にマウスを置くと、クイック ビューがポップアップ表示されます。

好みに応じてクイック ビューをオフにすることもできます。

これを行うには、WordPress 管理者オプションからページの上部にある [カスタマイズ] をクリックします。

[カスタマイズ] をクリックした後、 [WooCommerce] > [製品カタログ]に移動します。

製品カタログ オプションに入ったら、 [ボタン スタイル]セクションが表示されるまで下にスクロールします。 「クイックビューを無効にする」ボックスをチェックし、「公開」をクリックします。

ほら、ありますよ!次に製品の上にマウスを移動しても、クイック ビューは表示されません。

好みに応じて、WooCommerce 製品のクイックビューをオンまたはオフにすることができます。

結論

このブログ投稿を最後まで読み終えたあなたは、おそらく今、複雑な感情を抱いているでしょう。おそらく、WooCommerce 製品のクイック ビュー機能を試してみることに興奮しているかもしれません。あるいは、 Flatsome テーマでクイック ビュー機能を使用する方法についてまだ少し混乱しているかもしれません。もしかしたら、手間をかける価値があるのか​​、それとも売上やコンバージョンに何か変化をもたらすのか疑問に思っているかもしれません。

しかし、一つ言っておきたいのは、あなたには WordPress と WooCommerce を使って素晴らしい Web サイトを作成する力があるということです。あなたには、自分のオンライン ストアを他よりも目立つものにするためのスキル、創造性、情熱が備わっています。あなたには、顧客を喜ばせ、訪問者に感動を与え、ビジネスを成長させる可能性があります。そして、それを実現するための Flatsome テーマや Quick View 機能などのツールがあります。

次に、Flatsome テーマを使用して WooCommerce 製品のクイック ビュー機能を有効または無効にします。さまざまな設定とオプションを試してください。あなたのサイトと視聴者にとって何が最適かを考えてください。そして最も重要なのは、楽しむことです。楽しみながら素晴らしいウェブサイトを作成するのが WordPress の本質だからです。

Divi WordPress Theme