定期購買アプリ｜ヘルプページ

thumbnail

新BOX機能：子商品の合計金額で販売する（バリエーション商品をまとめて表示する）

新しいお客様アカウントを利用中の店舗様へ

※現在、新しいお客様アカウント用マイページには新BOX機能が未対応のため、新しいお客様アカウントを利用中の店舗様は旧BOX機能をご利用ください。対応については順次進めております。

本ページの設定でできるようになること

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

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

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

  • バリエーション商品をまとめて表示（セレクトボックスから選択可能）

    ※バリエーションを個々に表示させたい場合はこちら

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

 

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

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

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

設定方法

ステップ１：「親商品」と「子商品」をShopify側に商品登録する

【親商品】

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

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

    ※在庫追跡が不要な商品の場合、「数量を追跡しない」設定でも構いません。

親商品に関するご注意

「子商品の合計金額で販売する」設定をご利用の場合、親商品のバリエーションは指定できない仕様となっています。

そのため、以下の点にご注意ください：

  • 親商品にはバリエーションを設定しないようにしてください。

  • どうしてもバリエーションを設定する必要がある場合は、バリエーションごとの価格差を設けないようにしてください。

  • 親商品にバリエーションが存在する場合、どのバリエーションが選択されるかは読み込みのタイミングによって決まるため、確実な制御ができません。

 

【子商品】

  1. 新規あるいは既存の商品を用意する

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

    ※在庫追跡が不要な商品の場合、「数量を追跡しない」設定でも構いません。

ステップ２：BOX専用のプラングループを作成する

  1. 左メニューのプラン設定を押下し、プランの作成＞BOX定期プランの作成をクリック

  1. プランの共通（プラングループ）設定を行う

  2. BOX設定を行う

    下記3点を行う

    ・子商品の合計価格で販売するを選択

    ・BOXタイトルを入力

    　※入力内容は、添付ハイライト箇所に表示されます

    ・BOXの説明

    　※入力内容は、添付ハイライト箇所に表示されます

    　※HTMLを入力することも可能です

  1. 親商品設定を行う

    親商品を一つ選択。

  2. 子商品設定を行う

    下記2点を行う

    ・BOXにて選択させたい商品を選択。

    ・バリエーション選択を有効にするにチェックを入れる

    ※この設定を有効にすると、バリエーションを持つ子商品は1つの商品としてまとまって表示され、バリエーションはセレクトボックス形式で選択できるようになります。

  3. プラン設定（周期、割引設定等）

    下記3点を登録。

    複数周期を選択できるようにしたい場合は、「プランを追加」の上、ご希望の購入間隔のプランを作成してください。

    ・プランタイトル　※必須

    　※添付動画箇所に反映されます。

　 ・購入間隔　※必須

　 ・ 割引設定　※任意

  1. BOX販売設定

    下記3点を設定し、保存します。

    ・セット名称　※必須

    　※添付動画部分に反映されます

　　・選択できる子商品個数　※必須

　　・そのセットを選択した場合に選択できるプラン　※必須

  1. 「購入手続きに進む」ボタン色の調整（任意）

    「購入手続きに進む」ボタンの色は、テーマに適用されているCSSファイルにスタイルを追記することで変更できます。

    【手順】

    • theme.liquid や layout/theme.liquid を参照し、テーマ全体に適用されているCSSファイルを特定します（base.css等）

    • 特定したCSSファイルの末尾などに、以下のコードを追記してください

      ※色コードは一例です。ストアのデザインに合わせて調整してください。

Plaintext
/* 有効状態のボタン色 */
.huckleberry-box-setting-next-button:enabled {
background-color: #007bff; /* ボタン背景色 */
color: white;/* ボタン文字色 */
}

/* 無効（disabled）の状態のボタン色 */
.huckleberry-box-setting-next-button:disabled {
background-color: #ccc; /* 背景色 */
color: #888;/* ボタン文字色 */
}

ステップ3：テストする

BOX商品を購入する

  1. BOX親商品ページへアクセス、あるいはBOXページURLをコピーして開く

  2. セット数、プラン名を選択

  3. 子商品を選択

    ※子商品にバリエーションが存在する場合は、バリエーション選択の上個数を選択する

  4. 「購入手続きに進む」をクリック

    チェックアウト画面では、親商品の価格＋子商品の価格が表示されます。

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

  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>

よくあるご質問

新しいBOX機能を使用しています。親商品を削除した場合の影響と対応方法を押してください。

新しいBOX機能をご利用の場合、親商品を削除すると、既存のプランに紐づいていた親商品を編集・復元することはできません。

そのため、ストア管理者は以下のいずれかの対応を行ってください：

  • 新しくプラングループを作成し、お客様に再契約を依頼する

  • 契約移行機能を使用し、既存の契約を新しいプラングループに移行する

新しいBOX機能を使用しています。親商品のバリエーションを誤って削除した場合の契約への影響を教えてください。

新しいBOX機能を使用している場合、ストア管理者が親商品のバリエーションを削除すると、以下のような影響が発生します。

【親商品の固定金額で販売している場合】バリエーションの削除により、既存の契約にはすぐに影響はありません。ただし、お客様がBOX商品の変更を行う際、削除されたバリエーションは選択できなくなります。

例：「2個セット」と「4個セット」の2種類のバリエーションが登録されている状態で、「4個セット」を削除した場合↓「4個セット」を契約中のお客様がBOX商品を変更しようとすると、→「4個セット」が選択肢に表示されないため、「2個セット」が自動的に適用され、2個セットとして商品内訳を再選択することになります。

【子商品の合計金額で販売している場合】この設定では、バリエーションの選択はできない仕様です。そのため、バリエーション削除後は、デフォルトのバリエーション、または残っているバリエーションのうち先頭のものが自動的に適用されます。

新しいBOX機能を使用しています。親商品のバリエーションを誤って削除した場合の復旧方法を教えてください

新しいBOX機能を使用しており、親商品のバリエーションを誤って削除してしまった場合は、以下の対応を行ってください。

【親商品の固定金額で販売している場合】ストア管理者は、以下の手順で復旧してください。

1. 商品管理画面で、親商品にバリエーションを再追加します。

2. 管理画面の「プラン設定 ＞ 該当のBOX定期プラン設定 ＞ BOX販売設定」にて、再追加したバリエーションを該当のセットに紐づけ直してください。

【子商品の合計金額で販売している場合】子商品の合計金額で販売している場合、バリエーションの選択はできません。

このため、デフォルトのバリエーション、または残っているバリエーションのうち先頭のものが自動的に適用されます。

その結果、意図しない価格のバリエーションが契約に適用されてしまった場合、ストア管理者が復旧する方法はありません。お手数ですが、お客様に一度契約をキャンセルしていただき、正しいバリエーションの商品で再度購入いただくようご案内ください。

新しいBOX機能を使用しています。「子商品合計の場合は、BOX販売設定で親商品バリエーションを指定できません」というエラーが出た場合の対応方法を教えてください

新しいBOX機能をご利用中に「子商品合計の場合は、BOX販売設定で親商品バリエーションを指定できません」というエラーが表示された場合は、ストア管理者が以下の手順でご対応ください。

  • BOX設定画面にて、「親商品の固定価格で販売する」に一時的にトグルを切り替えます（※この時点では保存を押さないでください）

  • 「BOX販売設定」セクションを確認し、親商品のバリエーションが選択されている場合は、チェックをすべて外します

  • 再度「子商品の合計価格で販売する」にトグルを戻し、この状態で保存してください

この操作により、エラーが解消され、正常に保存できるようになります。

新しいBOX機能を使用しています。BOXを削除する方法を教えてください。

新しいBOX機能を使用していてBOXを削除されたい場合、

削除したいBOX定期プランを開き、最下部よりプラングループを削除してください。

新しいBOX機能を使用しています。「おまかせ選択」の設定方法を教えてください。
BOXページに表示されるプランの、表示順ルールを教えてください。(新旧BOX共通)

プランに設定されている周期を元に、以下のルールで表示されます。

・単位ごとにグルーピングされる

・単位、数字ともに昇順

例）　2週間、1ヶ月、45日、2ヶ月、75日、3ヶ月　という5プランがある場合

上から、45日→75日→2週間→1ヶ月→2ヶ月→3ヶ月

※プランはなるべく単位を揃えて登録することをお勧めします！

（2週間、4週間、6週間....など）

旧BOX機能から新しいBOXヘの契約移行方法を教えてください。