商品詳細を見る

プロダクトビュー詳細要素は、コンバージョン率を高めるために、対応する商品ページに商品の詳細を表示するように設計されています。プロダクトビュー詳細要素を使用して、商品ページ以外の任意のページで商品を宣伝したり、商品ページで使用したりできます。

プロダクトビュー詳細要素には3つの一般的なバリエーションがありますが、時間を節約するためにさらに多くのバリエーションを追加し続けます。

注: この要素は、サイドバーで探すのではなく、検索機能を使用して検索できます。

重要事項: Gen 2 レイアウトは、従量課金制モデル（スロットプラン）でのみ利用可能です。

プロダクトビュー詳細要素には、最高のコンバージョン率を実現するためにコンテンツの表示を微調整できる多くのパラメーターが付属しています。

レイアウトで要素を選択すると、そのパラメーターが表示されます。

プロダクトビュー詳細要素をエディターページにドラッグアンドドロップすると、Product Sourceオプションとして以下の2つの選択肢があります。

商品ページにいてプロダクトビュー詳細要素を使用する場合、Product Sourceオプションを選択できることに注意してください。ただし、通常ページにいてこの要素を使用する場合、Product Sourceオプションは無効になり、Custom Productがデフォルトで選択されます。

Autoを選択すると、この商品ページを作成したときに割り当てられた商品がページエディターに表示されます。Product View Details要素を使用する場合、Autoオプションがデフォルトです。

顧客がView Detailsボタンをクリックすると、対応する商品ページに移動します。以下の例でライブページでの動作を見てみましょう。

GeneralタブとStylingタブのパラメーターはこの要素固有のものです。これらの詳細については、この記事を参照してください。

| Button type: ボタンタイプをText only、Text with icon、またはIcon onlyから選択します |

Button text: ボタンに表示したいテキストを入力します

| | Enable full width: ボタンの全幅を有効にするにはこれを選択します |

VISIBILITY、TRACKING、ATTRIBUTES、ANIMATIONパラメーターの詳細については、こちらを参照してください。

Stylingタブの詳細については、こちらを参照してください。

レイアウトで要素を選択すると、そのパラメーターが表示されます。

プロダクトビュー詳細要素をエディターページにドラッグアンドドロップすると、Product Sourceオプションとして以下の2つの選択肢があります。

顧客がView Detailsボタンをクリックすると、対応する商品ページに移動します。以下の例でライブページでの動作を見てみましょう。

GeneralタブとStylingタブのパラメーターはこの要素固有のものです。これらの詳細については、この記事を参照してください。

| Button type: ボタンタイプをText only、Text with icon、またはIcon onlyから選択します |

Button text: ボタンに表示したいテキストを入力します

| | Enable full width: ボタンの全幅を有効にするにはこれを選択します |

VISIBILITY、TRACKING、ATTRIBUTES、ANIMATIONパラメーターの詳細については、こちらを参照してください。

Stylingタブの詳細については、こちらを参照してください。

ホームページ、ランディングページ、ブログ記事ページなどの商品詳細セクション内でプロダクトビュー詳細要素を使用して、顧客を商品ページに誘導し、商品に関する詳細情報を提供することができます。

1. プロダクトビュー詳細とプロダクト詳細の違いは何ですか？

Shopify プロダクト詳細要素は、Shopifyストアの任意の商品をページに配置できるように設計されています。一方、プロダクトビュー詳細要素は、対応する商品ページに商品の詳細を表示します。

2. 対応する商品ページでプロダクトビュー詳細を見た人を追跡できますか？

はい、Google AnalyticsとFacebook Pixelsのトラッキングを使用して追跡できます。

Last updated 1 month ago

Was this helpful?