PageFlyで商品ページを作成する方法

概要

このガイドでは、PageFlyの商品ページを強化する方法について説明し、コンバージョン率を高める詳細な商品情報を提供します。PageFlyの要素を効率的に統合することで、商品ページのコンバージョン率最適化（CRO）と検索エンジン最適化（SEO）のパフォーマンスを向上させることができます。

必要条件

PageFlyを無料でインストールする：Shopifyストア向けにこちらから入手できます。
ShopifyとPageFlyの相乗効果を理解する：デフォルトのShopify商品ページは基本的な商品情報を提供します。PageFlyは、商品に関する包括的な詳細を追加できるようにすることで、訪問者を顧客に転換させる可能性を大幅に高めます。PageFlyの商品ページは、追加コンテンツで強化することにより、デフォルトのShopifyページを補完することに注意することが重要です。

新しい商品ページの作成方法

具体的な内容に入る前に、PageFlyで基本的なShopify商品ページを作成する方法に関するチュートリアルをご覧ください。

はじめに

以下では、PageFlyの要素を使用してデフォルトのShopify商品ページを強化した方法をご紹介します。

ステップ1：新しい商品ページを作成する

新しい商品ページを作成するには、2つの方法があります。

ゼロから作成する：

PageFlyダッシュボードに移動し、**「Pages」をクリックし、「Create blank page」を選択します。ドロップダウンメニューから「Product」**を選択して、ゼロから商品ページの作成を開始します。

PageFlyのテンプレートから作成する：

**「Create form template」オプションをクリックし、「Product」**を選択します。

ストアのニッチに基づいて適切なテンプレートをフィルタリングして選択できます。その後、ホバーして**「Select」**ボタンを押します。

ステップ2：商品（S）を割り当てる

ページの設定が完了したら、商品をリンクさせます。

商品ページエディターで、**「Page Assignments」**をクリックしてページ割り当てモーダルにアクセスします。ここで、1つまたは複数の商品をページに割り当てることができます。

ストアのすべての商品ページにPageFly商品ページを割り当てたい場合は、**「Page Assignment」内のドロップダウンをクリックし、「All products」を選択し、「Save」**を押します。

特定の商品ページにPageFly商品ページを割り当てたい場合は、**「Browse」ボタンをクリックし、商品リストから商品を選択し、「Select」をクリックします。右上にある「Save」**ボタンを押すことを忘れないでください。

割り当てられた商品数量は、PageFlyダッシュボードから直接管理できます。数量セクションのクイックリンクからページ割り当てに移動し、簡単に管理できます。

ステップ3：商品詳細要素を追加する

要素カタログで、Elementアイコンをクリックします。Shopifyタブで、Product Details要素をページのキャンバスにドラッグ＆ドロップします。

ページを強化する

ステップ1：ブランドロゴセクションを追加する

事前に作成されたセクションを使用して、ブランドロゴセクションを追加します。
任意のセクションにホバーし、「+」アイコンをクリックし、**「Template」を選択した後、カテゴリセクション内の「Client Logos」**に移動して、お好みのセクションを選択します。

画像を変更する：各Image elementをクリックし、Generalタブに移動し、**「Select」**ボタンをクリックして、ストアのニーズに合った別の画像を選択します。

ステップ2：商品のユニークなセールスポイントを追加する

製品の特徴と情報を含む製品ユニークセールスポイント（USP）セクションを追加することにより、このセクションは顧客が製品をより理解し信頼し、購入決定を容易にするのに役立ちます。

USPは、事前に作成されたテンプレートである「Product information」または「Product Specification」カテゴリを使用して追加できます。

ページに事前に作成されたセクションを追加した後、各要素をクリックしてコンテンツと画像を製品に合わせて変更します。

ステップ3：お客様の声を追加する

ストアにとって顧客レビュー/お客様の声は非常に重要です。これはストアへの信頼を高めるのに役立ちます。Testimonialsの事前に作成されたセクションを使用できます。

ステップ1：セクションの右下にあるプラスアイコンをクリックし、Templateを選択して事前に作成されたセクションライブラリを開きます。
ステップ2：事前に作成されたセクションライブラリのポップアップで、Category > Testimonialsをクリックし、必要なセクションを選択します。

ステップ4：クロスセルセクションを追加する

Product suggestionの事前に作成されたセクションを使用して、このセクションを作成できます。

Generalタブで、Custom Collectionオプションをクリックし、必要なコレクションを選択します。

これにより、顧客はストア内の他の製品を見ることができ、行動を促すことができます。

ステップ5：デフォルトの商品詳細を非表示にする

Theme OS 1.0の場合：

商品詳細の上に商品プレビューセクションがあります。これは新しい商品ページを作成したときにデフォルトで表示されるセクションです。これはテーマによって生成される商品詳細のプレースホルダーです。ここでは、ページ設定で**「Show default product details」**オプションのチェックを外すことで非表示にできます。