関連製品 エレメント

関連製品要素とは何ですか?

その 関連製品要素 顧客が閲覧しているメイン商品に類似または補完する商品を表示できます。例えば、買い物客がシャツを閲覧している場合、関連商品要素では同じコレクション内のパンツ、ジャケット、または他のシャツを推奨できます。

主な利点：

• 顧客体験の向上： 買い物客が好みそうな商品を見つけやすくなります。
• 売上とAOVの向上: アドオンやアップグレードを奨励し、より高い注文価値を促進します。
• クロスセルとアップセルの機会: 補完的なアイテム（クロスセル）またはアップグレード バージョン（アップセル）を提案します。

GemPagesを使ってShopifyに関連商品を追加する方法

その 関連製品要素 GemPagesでは、商品ページに動的なおすすめを表示できます。同じコレクション、ベンダー、タグの商品を表示することで、常に関連性のあるおすすめを表示できます。

ステップ1： Shopifyで関連商品のソースを準備する

GemPages に要素を追加する前に、Shopify で製品が適切に整理されていることを確認してください。

• コレクションを作成するには:

に行く Shopify管理画面 > 商品 > コレクション > コレクションを作成詳細を追加してクリック Save.

• ベンダーとタグを追加するには、 アクセス Shopify管理 > 商品、 特定の商品をクリックして、 製品構成 ベンダーの名前とタグを追加するセクション。

ステップ 2: GemPages Editor V7で「関連製品" の中に 検索バー

ステップ 3: 要素を製品ページの選択した位置にドラッグ アンド ドロップします。

要素をクリックすると、 設定パネル 左側にあります。2つのメインタブがあります。 設定 上級者：

設定タブを構成する 

1.レイアウト

• グリッド: 製品リストはデフォルトのスタイルで表示されます。
• : 商品画像はカルーセル形式で表示されます。

2. 製品の供給元

• 同じコレクション: 同じコレクションの製品を表示します。
• 同じベンダー: 同じベンダーの製品を表示します。
• 同じタグ: 同じタグを共有する製品をプルします。

（オプション） ハンドルを使用して特定のコレクションを除外します。

3。 表示

• 商品: スライダーまたは入力ボックスを使用して、表示する関連商品の合計数を設定できます。最大数は 50.
• 列: 行ごとに表示される製品の数を設定します。

4. アイテム間隔

Adjust 列ギャップ 行間 アイテム間。

5. アイテムスタイル

• 高さ: 「同じ高さ」または「コンテンツの高さに合わせる」から選択します。

6。 サイズ

• 全幅：このオプションを有効にすると、商品リストがページ全体の幅に拡大されます。または、表示されたボックスにピクセル単位で具体的な幅の値を入力することで、希望する幅を設定することもできます。
• パディング: 内部の間隔を追加します。

7。 背景

色または画像を選択します。

8。 シェイプ

境界線、角、影をカスタマイズします。

製品グリッドの配置を設定します。

詳細タブを設定する 

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.