<aside> 💡 作業の目的

ストアフロントに表示されるサブスク商品を、『定期購買』アプリに紐づく商品へと変更し、新規のサブスク契約を『定期購買』アプリから作成されるようにします。

</aside>

• 目次

作業の流れ

1. アプリのダウンロード

『定期購買』アプリをアプリストアからダウンロードします。

2. テストテーマでの表示確認

テスト環境（コピーしたテーマなど）へ『定期購買』アプリをインストールして表示を確認します。

<aside> 📝

1. 現在のテーマのコピーを作成します。

   

   

2. 『定期購買』アプリ管理画面＞インストール＞テーマを選択

   から、コピーしたテーマを選択し、『定期購買』アプリのウィジェットや顧客マイページを追加します。（詳細はこちらをご覧ください）

   

3. 定期購買のプランを作成します。

   • プラン作成の詳細はこちら

4. テスト用のサブスク商品を作成し、プランと紐づけます

   • 商品とプランの紐づけの詳細はこちら

     <aside> 🚨 ：『定期購買』アプリに紐づける商品は新規で作成してください

     </aside>

5. 『定期購買』アプリが問題なく表示されていることを確認します。

   • テーマの影響を受けて、表示が崩れていないか確認します。 </aside>

3. 本番テーマへのインストール

• 本番環境へアプリをインストールしていきます。

  1. 「2.テスト環境へのインストール」と同じ流れで、本番テーマへ『定期購買』アプリをインストールしてください。

  2. 商品と定期プランの紐付け

     以下いづれかの方法で商品と定期プランを紐付けます。

     • 新しい商品と紐付ける方法　※推奨

       <aside> 🚨 ：『定期購買』アプリに紐づける商品は、既存サブスク商品をコピーして作成した新しい商品と紐付けます

       </aside>

       現在のサブスク商品Aと同じ内容のサブスク商品Bをコピーで作成し、「定期購買アプリのプラン」を紐づけます。

     • 既存の商品に紐付ける方法

       <aside> 🚨 ：商品Aに対して2つのアプリ（旧サブスクアプリと『定期購買』アプリ）から紐づけを行うと表示が崩れる可能性があります。

       これは、アプリが2つ入っているだけでは問題ないが、同商品に2つのサブスクプランが指定されると表示が崩れるためです。

       同商品で行う場合はテーマコードに追記を行い、表示の制御を行う必要があります。

       </aside>

       現在のサブスク商品に「定期購買アプリのプラン」を紐づけます。

       ※商品Aに対して2つのアプリ（旧サブスクアプリと『定期購買』アプリ）からプランの紐づけを行うと表示が崩れます。

  3. 問題なくサブスク商品が表示されていることを確認してください

• 注意ポイント

  <aside> ⚠️ ：サブスク商品に対して個別に、メールの自動送信設定や、物流関連の設定を行っている場合は、その設定の移行も忘れずに処理してください。

  </aside>

4. 旧サブスクアプリの処理

1. 商品の非公開

   新しい商品に紐付ける方法を取った場合は、旧サブスクアプリに紐づく商品Aを非公開にしてください。

2. マイページの非表示

   旧サブスクアプリのマイページを非表示にしてください。

   • マイページの表示／非表示　対応については、旧サブスクアプリの仕様、及び店舗様の対応方針によって異なりますのでご検討ください。
   • 「既存契約の移行」処理をそのまま行う場合は、基本的には、旧サブスクアプリのマイページへの導線は削除頂くことを推奨します。
   • 旧サブスクアプリのマイページへの導線を削除した場合でも、過去の注文履歴は、顧客マイページから確認できます。
   • マイページを削除すると、旧サブスクアプリのマイページで行えていた作業、過去のサブスク契約の確認や、変更処理（配送日の変更、注文のスキップなど）を、ユーザーが行えなくなります。

   <aside> ☝ この作業の完了時点で、 新規契約　→　定期購買アプリから注文が作成されます 既存契約　→　旧サブスクアプリから注文が作成されます

   </aside>

5. 既存契約の移行

• 次のステップ「既存契約の移行」へ進んでください