商品詳細を見る
Last updated
Was this helpful?
Last updated
Was this helpful?
要素は、コンバージョン率を高めるために、対応する商品ページに商品の詳細を表示するように設計されています。プロダクトビュー詳細要素を使用して、商品ページ以外の任意のページで商品を宣伝したり、商品ページで使用したりできます。
ステップ1: Element機能をクリックし、Shopifyタブに移動します
ステップ2: メニューのProduct View Details要素をクリックします
ステップ3: 要素をページエディターにドラッグアンドドロップして使用を開始します。
プロダクトビュー詳細要素には3つの一般的なバリエーションがありますが、時間を節約するためにさらに多くのバリエーションを追加し続けます。
注: この要素は、サイドバーで探すのではなく、検索機能を使用して検索できます。
プロダクトビュー詳細要素には、最高のコンバージョン率を実現するためにコンテンツの表示を微調整できる多くのパラメーターが付属しています。
レイアウトで要素を選択すると、そのパラメーターが表示されます。
プロダクトビュー詳細要素をエディターページにドラッグアンドドロップすると、Product Sourceオプションとして以下の2つの選択肢があります。
Auto
Custom product
Autoを選択すると、この商品ページを作成したときに割り当てられた商品がページエディターに表示されます。Product View Details要素を使用する場合、Autoオプションがデフォルトです。
顧客がView Detailsボタンをクリックすると、対応する商品ページに移動します。以下の例でライブページでの動作を見てみましょう。
| Button type: ボタンタイプをText only、Text with icon、またはIcon onlyから選択します |
Button text: ボタンに表示したいテキストを入力します
プロダクトビュー詳細要素には、最高のコンバージョン率を実現するためにコンテンツの表示を微調整できる多くのパラメーターが付属しています。
レイアウトで要素を選択すると、そのパラメーターが表示されます。
プロダクトビュー詳細要素をエディターページにドラッグアンドドロップすると、Product Sourceオプションとして以下の2つの選択肢があります。
Auto
Custom product
Autoを選択すると、この商品ページを作成したときに割り当てられた商品がページエディターに表示されます。Product View Details要素を使用する場合、Autoオプションがデフォルトです。
顧客がView Detailsボタンをクリックすると、対応する商品ページに移動します。以下の例でライブページでの動作を見てみましょう。
| Button type: ボタンタイプをText only、Text with icon、またはIcon onlyから選択します |
Button text: ボタンに表示したいテキストを入力します
ホームページ、ランディングページ、ブログ記事ページなどの商品詳細セクション内でプロダクトビュー詳細要素を使用して、顧客を商品ページに誘導し、商品に関する詳細情報を提供することができます。
1. プロダクトビュー詳細とプロダクト詳細の違いは何ですか?
2. 対応する商品ページでプロダクトビュー詳細を見た人を追跡できますか?
はい、Google AnalyticsとFacebook Pixelsのトラッキングを使用して追跡できます。
重要事項: Gen 2 レイアウトは、従量課金制モデル()でのみ利用可能です。
にいてプロダクトビュー詳細要素を使用する場合、Product Sourceオプションを選択できることに注意してください。ただし、通常ページにいてこの要素を使用する場合、Product Sourceオプションは無効になり、Custom Productがデフォルトで選択されます。
GeneralタブとStylingタブのパラメーターはこの要素固有のものです。これらの詳細については、この記事を参照してください。
| | Enable full width: ボタンの全幅を有効にするにはこれを選択します |
|
VISIBILITY、TRACKING、ATTRIBUTES、ANIMATIONパラメーターの詳細については、を参照してください。
Stylingタブの詳細については、を参照してください。
にいてプロダクトビュー詳細要素を使用する場合、Product Sourceオプションを選択できることに注意してください。ただし、通常ページにいてこの要素を使用する場合、Product Sourceオプションは無効になり、Custom Productがデフォルトで選択されます。
GeneralタブとStylingタブのパラメーターはこの要素固有のものです。これらの詳細については、この記事を参照してください。
| | Enable full width: ボタンの全幅を有効にするにはこれを選択します |
|
VISIBILITY、TRACKING、ATTRIBUTES、ANIMATIONパラメーターの詳細については、を参照してください。
Stylingタブの詳細については、を参照してください。
要素は、Shopifyストアの任意の商品をページに配置できるように設計されています。一方、要素は、対応する商品ページに商品の詳細を表示します。