thumbnail

BOX機能:子商品の合計金額で販売する(バリエーション商品を個々に表示する)

【DEMO】BOX機能:子商品の合計金額で販売する(バリエーション商品を個々に表示する)

定期購買アプリDEMOストア

【DEMO】BOX機能:子商品の合計金額で販売する(バリエーション商品を個々に表示する)

本ページの設定を行うことで、商品は下記の状態となります。

 

  • お客様自身が好きな商品を組み合わせることが可能

  • 子商品の合計金額で販売

  • バリエーション商品を個々に並べて表示

  • 2個セットと、4個セットから選べる

 

 

  • Shopify公式のSubscriptionAPIに則り、サブスク商品購入時に利用できる決済方法は ShopifyペイメントとPaypalのみとなります。

  • バンドルアプリはサブスク注文に対応しておりません。

  • 本機能と2回目以降の配送商品を変更する機能の併用はできません。

 


【親商品】

  1. お客様に選択してもらう個数をバリエーション登録する

    金額は0円で登録してください

    1. 2個セット:0円

    2. 4個セット:0円

  2. それぞれに在庫を設け、「公開」状態にする

 

【小商品】

  1. 新規で複数登録し、在庫を設け、「公開」状態にする

 

  1. 左メニューの「プラン設定」より「通常定期プランの作成」をクリック

  2. 各種項目を設定する(商品の選択で、親商品と子商品すべてにチェックを付ける)

 

  1. 親商品・子商品ともに、ステップ2で作成したプラングループと紐づいているかを確認する

  1. 左メニューの「BOX設定」より「BOX設定を作成」をクリック

    親商品1つにつき、プラングループ1つ、BOXプラン1つで設定してください。

    親商品に複数のプランが紐づいていると動作不良の原因になります。

 2. 各種項目を設定する

BOX設定

  • BOXの金額設定:子商品の合計金額で販売する

  • プラングループの選択:ステップ2で作成したプラングループを選択

  • BOXタイトル:任意のテキスト(以下の箇所に表示されます)

  • BOXの説明:任意のテキスト(以下の箇所に表示されます)

商品設定

  • 親の商品設定:ステップ1で作成した親商品を選択し、 お客様に選択してもらう個数を設定する

  • 選択可能な子商品:ステップ2で選択した子商品すべてにチェックを付ける

  • バリエーション選択を有効とする:チェックを外す

 

  1. 設定が完了したら、画面右下の「保存」をクリック

 

BOX商品を購入する

  1. BOX商品のリンクを開き、小商品を選択

  2. お届け周期を選択

  3. 「購入する」をクリック

チェックアウト画面では、親商品の価格は無料となり、小商品の合計金額が表示されます。

 マイページからの商品変更

  1. 定期購買詳細の「BOXの商品を変更する」をクリック

  2. 子商品を変更して「保存」をクリック

 定期購買アプリ管理画面からの変更

  1. 定期購買詳細の「BOXの変更」をクリック

  2. 子商品を変更して「保存」をクリック

 

 ワンポイントアドバイス

BOXの説明欄はhtmlを書いていただくことが可能ですので、imageタグを使って購入の流れの画像を設置したり、注意点をlistタグを使って表示していただくと、お客様にとってわかりやすく、購入されやすくなります。

サンプルコード: (適宜ご変更ください)

Plaintext
<h2 style="font-size:3rem;">BOXをご購入いただく手順</h2>
<img src="https://cdn.shopify.com/s/files/1/0668/3780/7335/files/Home.png?v=1726634119" style="width: 100%;margin: 0 auto;">

<h3 style="font-size:2rem;">購入にあたっての注意事項</h3>
<div>
<ul>
<li style="text-align:left;">規定数以上選択している場合は「次へ」ボタンが押せません</li>
<li style="text-align:left;">注意事項</li>
<li style="text-align:left;">注意事項</li>
<li style="text-align:left;"注意事項</li>
</ul>
</div>