この記事では、GemPagesの関連商品機能を紹介し、デザイン方法を段階的に説明します。 関連製品セクション.
お願い: 最適な機能を得るには、必ず GemPages バージョン 7 にアップグレードしてください。
関連商品は何ですか?
A 関連商品 顧客が現在閲覧している商品と類似点がある、または補完するアイテムです。
たとえば、誰かが T シャツを見ている場合、関連商品にはそれに合うパンツ、似たような T シャツ、同じブランドの商品などが含まれる可能性があります。
関連製品セクションを追加すると、次のことが可能になります。
- 平均注文額の増加 顧客にカートに商品を追加するよう促すことにより。
- 製品の発見を促進する 代替案や補足案を示すことによって。
- 顧客体験を向上させる 買い物客が関連商品を素早く見つけられるように支援します。
GemPagesでは、関連商品は 内部にプリセット 製品リスト要素、どの製品ページにも簡単に追加できます。
始める前に:Shopify製品を準備する
関連商品機能は、以下の基準に基づいて商品をマッチングします。 コレクション、タグ、またはベンダー.
機能が正しく動作するためには、 Shopify管理者:
- あなたにログインする Shopify管理者 > 製品.
- 更新する製品を選択します。
- 下にスクロールして 組織 のセクションから無料でダウンロードできます。
- 製品を 収集関連するものを追加 タグ、または設定する ベンダー.
- 詳しくはこちら Save.
関連する製品として表示するすべての製品に対して、これらの手順を繰り返します。
GemPages V7で関連商品セクションを追加する方法
ステップ1: 関連商品プリセットを挿入する
- 既存の 製品仕様、試験認証、その他の詳細については、Optium Museum Acrylicの製品ページをご覧ください。 に選出しました。 GemPages エディター、または新しいものを作成します。
- 検索バー 左サイドバーで 関連製品。
- 関連製品セクションを表示するページにドラッグ アンド ドロップします。

ステップ2: 製品ソースを構成する
- 以下を行うには、 関連製品要素 その設定を開きます。
- 製品ソース セクション、選択 関連している。

- 関連商品の表示方法を選択します:
- 同じコレクション: 同じコレクションの製品を表示します。
- 同じタグ: 同じタグが付いた商品を表示します。
- 同じベンダー: 同じベンダーの製品を表示します。

ステップ3: 関連商品セクションをカスタマイズする
関連製品リストが完成したら、ストアのデザインに合わせて外観をカスタマイズできます。
設定パネルには、2 つのタブがあります。

詳細については、 GemPages関連製品要素.
関連製品のベストプラクティス
関連製品セクションを最大限に活用するには:
- それを配置します 主な製品詳細の下 最大限の視認性を実現します。
- 表示範囲 4~8個の製品 セクションを焦点を絞って役立つものにするためです。
- 高品質の製品画像 注目を集めるため。
コメントしてくださってありがとうございます