- バンドル機能を使うと、お客様は、複数の商品を選んで、サブスク契約をすることができます。
- 例えば、5つの商品の中から2つを選んで、サブスク契約をすることができます。
- バンドル機能を使うには、BoxBuilderという外部アプリをインストールする必要があります。
- BoxBuilderを利用するには、かんたんサブスクとは別に、月額$24.99をお支払いいただく必要があります。7日間の無料体験期間があります。
- BoxBuilderと、かんたんサブスクを組み合わせることで、サブスクの初回購入時にバンドル機能を実装できます。
- 2回目以降の商品変更機能については、実装中です。
目次
BoxBuilder実装後の画面
- お客様が複数の商品を選んで、サブスク契約できるようになります。
- 選択可能な商品は、あらかじめShopifyの商品管理画面で登録しておいてください。
商品選択の画面
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_20-1-1024x803.png)
発送間隔の選択画面
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/image-14-1024x576.png)
BoxBuilderのインストール
1. Shopifyにログイン→[アプリ]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_0-1-1024x576.png)
2. 検索フィールドに「BoxBuilder」と入力します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_0-2-1-1024x576.png)
3. [Shopifyアプリストアで”BoxBuilder”を検索する]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_0-3-1024x576.png)
4. [BoxBuilder: DIY Product Bundle]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_0-4-1024x576.png)
5. [アプリを追加する]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-1024x576.png)
6. [アプリをインストール]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-1-2-1024x576.png)
7. [承認]をクリックします。
- BoxBuilderを利用するには、かんたんサブスクとは別に、月額$24.99をお支払いいただく必要があります。7日間の無料体験期間があります。
- BoxBuilderのインストールが完了しました。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-2-1024x576.png)
BoxBuilderの設定
商品選択の画面を作成する
1. [Custom & Small]の[Create Builder]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-3-1-1024x576.png)
2. [Builder Name]に、商品を選んで購入ができる商品名を入力します。
- 例として、「お好きな商品を毎日お届け!」と入力します。
- 「お好きな商品を毎日お届け!」は、ストアのページで商品名として表示されます。
- 商品の画像や説明は、Shopifyの商品管理画面で設定します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-4-1024x576.png)
ストアのページで表示される商品名
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-5-1024x329.png)
3. 設定ページをスクロールすると、レイアウトも選択できます。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-6-1024x576.png)
4. [Next]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-7-1024x576.png)
5. [Add a Product Selection Step]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-8-1024x576.png)
6. [Step Title]には、お客様が商品を選択するページに表示されるタイトルを入力します。
例として、「商品を2つ選んでください」と入力します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-9-1024x576.png)
7. 補足の文章を入力します。
例として、「その後お届け間隔を選びます」と入力します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-10-1024x576.png)
8. [Display Order]に「1」を入力します。
商品選択の画面と、発送間隔の画面の2つを表示したい場合、どちらを1番目に表示するかを設定します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-11-1024x576.png)
9. [Minimum Selection]に、例として「1」を入力します。
ここを1に設定すると、お客様は少なくとも1つの商品を選択しなければなりません。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-12-1024x576.png)
10. [Maximum Selections]に、例として「2」を入力します。
ここを2に設定すると、お客様は最大2つまで選択できるようになります。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-13-1024x576.png)
11. [Choose selectable products for this step]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-14-1024x576.png)
12. Shopifyに登録済みの商品にチェックを入れます。
複数の商品にチェックを入れてください。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-15-1-1024x576.png)
13. [選択]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-16-1-1024x576.png)
14. [Save Next]をクリックします。
商品選択の画面の作成が完了しました。続いて、発送間隔を設定します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-17-1-1024x576.png)
発送間隔の選択画面を作成する
1. [Add a Subscription Step]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-18-1024x576.png)
2. 発送間隔の選択画面に表示するタイトルを入力します。
例として、「お届け間隔を選択」と入力します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-19-1-1024x576.png)
3. [Display Order]に「2」を入力します。
商品選択の画面と、発送間隔の画面の2つを表示したい場合、どちらを2番目に表示するかを設定します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-20-1024x576.png)
4. [Save Step]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-21-1024x576.png)
5. [Automatic Builder Discounts]ページが表示されますが、ここでは何も設定しません。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-22-1024x576.png)
6. [Finish]をクリックします。
発送間隔の選択画面の作成が完了しました。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-23-1024x576.png)
商品画面の詳細を設定する
1. [View Product]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-24-1024x576.png)
2. Shopifyの商品設定画面が表示されますので、商品説明の文章や画像を設定→ページ右下の[保存]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-26-1024x576.png)
BoxBuilderの設定画面をプレビューする
1. [View Builder]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-25-1024x576.png)
2. BoxBuilderの設定画面が表示されます。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_2-27-1024x576.png)
かんたんサブスクと紐づける
1. かんたんサブスクの[サブスク管理]画面で、[新規サブスクプラングループを作成]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-1-1024x576.png)
2. サブスクプラングループを作成します。
例として、「野菜の定期便」と入力します。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-2-1-1024x576.png)
3. [プランを追加する]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-3-1024x576.png)
4. [プランを追加する]画面で、プラン名と発送間隔を設定します。
例として、「毎日届く新鮮野菜」と入力し、間隔は1日としました。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-4-1.png)
5. すべての項目の設定が完了したら、[プランを追加する]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-5.png)
6. [プランを追加する]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-8-1024x576.png)
7. [プランを追加する]画面で、プラン名と発送間隔を設定します。
例として、「毎月届く新鮮野菜」と入力し、間隔は1カ月としました。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-7.png)
8. すべての項目の設定が完了したら、[プランを追加する]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-6.png)
9. [商品を追加する]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-9-1024x576.png)
10. BoxBuilderに登録した商品にチェックを入れます。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-10.png)
11. [追加]をクリックします。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-11-1.png)
12. [保存]をクリックします。
設定が完了しました。
![](https://subscription.groovymedia.jp/help/wp-content/uploads/2023/07/bundle_3-12-1024x576.png)
関連ページ