Shopifyのベストセラー商品をストアのホームページやランディングページに表示することは、コンバージョン率を向上させ、顧客をパフォーマンスの高い商品へと誘導する強力な手段です。GemPagesをご利用の場合、ベストセラー順の並び替えを含め、Shopifyコレクションで定義された商品順序が完全に尊重されるという朗報があります。
このガイドでは、 GemPagesで商品を売れ筋順に表示する、商品のプレゼンテーションを店舗のパフォーマンス データと一致させるのに役立ちます。
GemPagesとShopifyの商品注文の連携方法
GemPagesは Shopifyコレクションに設定された商品並べ替えロジックつまり、コレクションを ベストセラー Shopifyでは、 GemPagesの商品リスト要素 その順序は自動的に反映されるため、手動で同期する必要はありません。
GemPagesで商品を売れ筋順に表示する方法
ステップ1:Shopifyでコレクションを作成または編集する
- Shopify管理画面で、 製品 → コレクション.
- 既存のコレクションを選択するか、新しいコレクションを作成します。

ヒント: 「ベストセラー」セクションをキュレーションする場合は、ベストセラー商品専用のコレクションを作成することを検討してください。
ステップ2: コレクションを「ベストセラー」で並べ替える
- コレクションの中には、 並び替え ドロップダウンメニュー。
- 選択する ベストセラー リストから。

注:Shopifyは注文数に基づいて自動的にランク付けを行います。商品の販売数が多いほど、ランクが高くなります。
注文を完全にコントロールしたい場合は、 マニュアル を代わりにお使いください。


- 詳しくはこちら Save 変更を適用します。
ステップ3: GemPagesにコレクションを追加する
- Video Cloud Studioで GemPages エディター 商品を表示したいページです。
- ドラッグアンドドロップ 商品リスト ページに要素を追加します。


- 要素設定パネルで、 並べ替えたコレクション.


GemPages は製品データを取得し、Shopify で設定された順序どおりに表示します。
ステップ4: 製品リストの外観をカスタマイズする
GemPages のビジュアル エディターを使用して、次の項目を調整します。
- 列の数
- 商品画像のサイズと配置
- 商品名、価格、評価の表示
- ボタンのスタイルとホバー効果

完全なカスタマイズ ガイドについては、以下をご覧ください。 GemPagesで商品リスト要素を使用する方法
コメントしてくださってありがとうございます