行と製品要素を含むボリューム割引バンドルセクションを設計する

製品バンドルとは何ですか?

A 製品バンドル 同じ製品（または異なる製品）を複数まとめて割引価格で提供する特別オファーです。

製品バンドルを使用する主な利点は次のとおりです。

• より高いコンバージョン: バンドルを提供すると、緊急性と付加価値感が生まれ、顧客に購入の決定を促しやすくなります。
• 平均注文額（AOV）の増加: バンドルは顧客に大量購入を促し、注文ごとに支払う合計金額を増加させます。

GemPages を使用して製品バンドルを設計する方法

ステップ1：Shopifyで商品バンドルを作成する

GemPagesでバンドルセクションをデザインする前に、Shopify管理画面でバンドル商品を設定する必要があります。最も簡単な方法は、各バンドルを個別の商品として作成することです。こうすることで、各オプションの在庫と価格を明確に追跡できます。例えば、次のような商品を作成できます。

• 製品1:
  • Title: 私の製品 X1
  • 価格：$ 30
• 製品2:
  • Title: 私の製品 X2
  • 価格を比較する：$ 60
  • 価格: $48 (20% 割引)
• 製品3:
  • Title: 私の製品 X3
  • 価格を比較する：$ 90
  • 価格: $63 (30% 割引)

各商品について、視覚的な魅力を高めるために、バンドル内のアイテム数を示す画像をアップロードする必要があります。

これを行う方法は次のとおりです。 

• Shopifyストアで「製品「セクション」を選択して「製品を追加する"。
• 製品情報を入力して「Save"。

• 続けて残りの2つの製品を追加します。これで、製品リストには3つの製品（3つのバンドル）が表示されます。

ステップ2: XNUMX列の行を作成する

ドラッグアンドドロップ 行要素 左サイドバーから行を設定します。 XNUMX列—バンドル オプションごとに 1 つ。

ステップ3: 製品要素を追加する

• 最初の列で、 製品要素.

• 製品ソースで、Shopify で先ほど作成したシングルパック製品を選択します。

ステップ4：製品要素をカスタマイズする

• 製品要素をクリックすると、左側のサイドバーでその設定が開きます。
• テキスト サイズを調整したり、ボタンを追加したり、バッジやハイライトなどのサポート要素を追加したりして、デザインをカスタマイズします。

ステップ5: 残りのバンドルを編集する

• 最初の Product 要素を 2 番目と 3 番目の列に複製します。

• 重複した製品要素ごとに、 製品ソース:

列2 → 3パックバンドル:

列3 → 5パックバンドル: