新しい商品ページを作成する方法

商品ページとは何ですか?

A Shopify製品ページ オンラインストア内の単一商品の詳細を紹介する専用ページです。通常、以下の内容が含まれます。

• 商品画像
• タイトルと説明
• 価格と可用性
• バリエーション（サイズや色など）
• 次のようなCTAボタン 商品をカートに追加 or 購入する

これは顧客が購入を決定する前に訪れるページなので、適切に設計することがコンバージョンにとって重要です。

の違いについて詳しくは 商品ページへ と 製品テンプレート こちら.

GemPagesで新しい商品ページを作成する方法

ステップ1：Shopifyで商品を作成する

GemPagesで商品ページをデザインする前に、まずShopify管理画面で商品を作成する必要があります。商品が既に存在する場合は、この手順をスキップできます。

• ログイン Shopify管理ダッシュボードに追加します。
  
• 左側のメニューから 製品 をクリックし 製品を追加.

• 製品の詳細を入力してください:
  • タイトルと説明
  • 製品画像またはビデオ
  • 価格と在庫
  • バリエーション（該当する場合）

• 詳しくはこちら Save Shopify ストアに製品を追加します。

製品が作成されると、GemPages を使用してカスタム製品ページを構築する準備が整います。

ステップ2：GemPagesで新しいShopify商品ページを作成する

商品ページは、GemPagesダッシュボードから作成する方法と、GemPagesエディター内で直接作成する方法の2つがあります。

どちらの方法でも、同じ設定プロセスにたどり着きます。

オプション1: GemPagesダッシュボードから新しい商品ページを作成する

• Video Cloud Studioで GemPagesダッシュボード => ページ. 

オプション2: GemPagesエディタから新しい商品ページを作成する

既に別のページを編集していて、エディターを離れずに新しい商品ページを作成したい場合は、以下の手順に従ってください。

• GemPagesエディターで、上部にある現在のページ名をクリックします。
• 既存のページのリストが表示されます。 新しいページを作成する.

ステップ3：商品ページの作成方法を選択する

ステップ2でどの方法を使用したかに関わらず、 XNUMXつのオプション 商品ページを作成するには。

オプション1: 最初から始める

選択する ゼロから始めます 商品ページをデザインする際に 真っ白なキャンバス.

このオプションでは、レイアウトを思い通りにデザインできる完全な柔軟性が得られます。

オプション2：既製のテンプレートを使用する

プロがデザインしたテンプレートのライブラリから選択することで、作業効率を向上させることができます。

テンプレートを使用するには：

• 利用可能なテンプレートを参照する
• 使用したいテンプレートにカーソルを合わせます。
• 詳しくはこちら 商品ページとして使用する

テンプレートはベストプラクティスに基づいて設計されており、プロフェッショナルな外観の製品ページを素早く作成するのに役立ちます。

オプション3：GemPagesファイルをインポートする

以前にエクスポートしたG​​emPagesファイルをインポートして、商品ページを作成することもできます。

このオプションは次のような場合に役立ちます。

• 保存済みのレイアウトを再利用する
• 店舗間でデザインを共有する
• ページの移行

この方法の詳細については、こちらの記事を参照してください。 https://help.gempages.net/articles/export-import-templates

ステップ4：Shopify商品ページをカスタマイズする

レイアウトが作成されたら、 GemPages エディター GemPagesエディターが開きます。エディター内では、要素をドラッグ＆ドロップして、コンバージョン率の高い商品ページを作成できます。以下の要素を追加することを検討してください。

• サイズチャート アパレルやファッションアイテム
• 製品レビューと星評価 信頼を高めるために
• 詳細な製品説明 画像やアイコン付き
• ウィッシュリストボタン 商品を後で保存したいお客様のために

これらの要素は、プロフェッショナルなショッピング体験を生み出し、コンバージョン率を向上させるのに役立ちます。

画像レイアウト機能を使用して商品ページを作成する方法

その 画像をレイアウトに変換 簡潔な あなたがすることができます 画像またはURLを編集可能なページレイアウトに変換する.

これは、セクションを自動的に検出し、視覚的な入力に基づいて構造化されたレイアウトを生成することで、ページ作成を迅速化するのに役立ちます。

以下を使用できます。

• スクリーンショット
• ウェブページのURL

システムは入力内容を分析し、エディタ内に編集可能なセクションを生成します。

ステップ1：新規ページをゼロから作成する

詳しくはこちら ゼロから始めます 空白ページを作成するには、エディターを開きます。エディターを開くと、URLまたは画像をページレイアウトに変換するオプションが表示されます。

ステップ2：入力方法を選択する

この時点で、あなたは XNUMXつのオプション:

• レイアウトを作成するためのURLを貼り付けてください

入力ボックスにウェブページのURLを貼り付けてください。システムがURLを分析し、レイアウト要素を抽出します。

• 画像をアップロードする

アップロードエリアをクリックし、デバイスから画像を選択してください。この画像はページ構造の生成に使用されます。

ステップ3: レイアウトを生成する

• URLを入力するか画像をアップロードした後：
• 詳しくはこちら 生成する.

重要： ページに使用する画像については、必ず法的権利を有していることを確認してください。GemPagesは、お客様と画像所有者との間の著作権紛争について一切責任を負いません。

テンプレートに商品を割り当てる方法

商品ページの作成は最初のステップに過ぎません。公開するには、 製品を割り当てる そのページへ。

• 製品の割り当てとは、Shopify 製品を、設計した GemPages テンプレートにリンクすることを意味します。
• これにより、顧客がストアでその製品を訪問したときに、Shopify のデフォルトのレイアウトではなく、カスタム GemPages デザインが表示されるようになります。

完全なガイドをご覧ください テンプレートに商品を割り当てる方法.

商品ページをストアメニューに追加する方法

商品ページを作成して割り当てた後、ストアのナビゲーションメニュー（ヘッダーやフッターなど）からアクセスできるように設定することをお勧めします。

メニューに商品ページを追加するには：

• あなたに行く Shopify 管理ダッシュボード
• MFAデバイスに移動する オンラインストア → コンテンツ → メニュー
• 商品ページを追加したいメニューを選択してください（例：メインメニュー）。
• 詳しくはこちら メニュー項目を追加
• リンクフィールドで、 製品 そして、ご希望の商品をお選びください。

• メニュー項目の名前を入力してください
• 詳しくはこちら Save

一度追加すれば、顧客はストアのナビゲーションから直接、簡単に商品ページにアクセスできるようになります。