Shopify Subscriptions の設定

Shopify Subscriptions アプリをインストールしてサブスクリプションプランを設定すると、お客様は定期購入を行えるようになります。Shopify Subscriptions アプリ内ですべてのサブスクリプションプランと契約を管理し、オンラインストアにサブスクリプションプランを表示できます。また、Shopify Subscriptions アプリによって、新しい定期購入ポリシーと定期購入に関するメール通知がストアに追加されます。

ストアに Shopify Subscriptions を設定し、商品のサブスクリプションプランを作成した後、サブスクリプションプランや契約の変更、お客様の詳細情報の更新、あるいは次回の注文の調整が必要になる場合があります。

オンラインストアにサブスクリプションを表示する

サブスクリプションプランを設定した後、商品ページにサブスクリプションウィジェットを追加できます。サブスクリプションの詳細は、商品ページ、カートページ、サンキューページに表示されます。

テーマの互換性

手順:

デスクトップ
  1. 管理画面で、[オンラインストア] > [テーマ] の順に移動します。

  2. サブスクリプションウィジェットを追加するテーマの横にある [テーマを編集] をクリックします。

  3. 既存の商品テンプレートを選択するか、新しいテンプレートを作成して、サブスクリプションウィジェットを追加します。

  4. [商品情報][ブロックを追加] をクリックし、[サブスクリプションウィジェット] を選択します。

  5. 任意:ストアのテーマに合わせてサブスクリプションウィジェットをカスタマイズします。

  6. [保存] をクリックします。

モバイル
  1. Shopify アプリで、メニュー アイコンをタップします。

  2. 販売チャネルセクションで、オンラインストアをタップします。

  3. サブスクリプションウィジェットを追加するテーマの横にある [テーマを編集] をタップします。

  4. 既存の商品テンプレートを選択するか、新しいテンプレートを作成して、サブスクリプションウィジェットを追加します。

  5. [商品情報][ブロックを追加] をタップし、[サブスクリプションウィジェット] をタップします。

  6. 任意:ストアのテーマに合わせてサブスクリプションウィジェットをカスタマイズします。

  7. [保存] または [] をタップします。

旧式のテーマ

サブスクリプションウィジェットは、以下の旧式のテーマでのみサポートされています。

  • バージョン 15.0 以降の Debut
  • バージョン 17.0 以降の Brooklyn

手順:

  1. 管理画面で、[オンラインストア] > [テーマ] の順に移動します。

  2. サブスクリプションウィジェットを追加するテーマの横にある […] > [コードを編集] をクリックします。

  3. product-template.liquid ファイルで、商品ページにサブスクリプションウィジェットを表示させたい場所に、以下のコードスニペットを追加します。

<div class="subscriptions_app_embed_block"></div>
  1. [保存] をクリックしてから、[終了] をクリックします。
  2. 同じテーマの横にある [テーマを編集] をクリックします。
  3. サイドバーで [アプリの埋め込み] アイコンをクリックし、[サブスクリプションウィジェット] の横にあるトグルをクリックしてウィジェットをオンにします。
  4. 任意:ストアのテーマに合わせてサブスクリプションウィジェットをカスタマイズします。
  5. [保存] をクリックします。

テーマのカスタマイズテーマコードの編集について、詳しくはこちらをご覧ください。

サブスクリプションポリシーを追加する

サブスクリプションを設定すると、新しい購入オプションのキャンセルポリシーが自動的にストアに追加されます。このポリシーは、カートページとチェックアウトの [エクスプレスチェックアウト] セクションではキャンセルポリシーとして、チェックアウトのフッターではサブスクリプションポリシーとしてリンクされます。

管理画面の設定でこのポリシーを空白のままにすると、お客様にはデフォルトのテンプレートが表示されます。

チェックアウト時、お客様は購入を完了する前にキャンセルポリシーの諸条件に同意する必要があります。

お客様に表示される購入オプションのキャンセルポリシーを更新するには、ストアのポリシーを編集してください。

チェックアウトページとアカウントページへのサブスクリプション管理オプションの追加

お客様がサブスクリプションの購入後、またはお客様アカウントにログインした際に自分でサブスクリプションを管理できるように、チェックアウトページとお客様アカウントページにサブスクリプション管理オプションを追加できます。Shopify Subscriptionsは、以下のブロックをサポートしています。

これらの管理オプションは、チェックアウトとアカウントのエディタを使用してブロックとして追加されます。アプリを使ったチェックアウトとお客様アカウントのカスタマイズについて、詳しくはこちらをご覧ください。

サブスクリプション管理のお客様アカウントページを追加する

お客様がアカウントにログインした際にサブスクリプションを管理できる、専用のサブスクリプション管理ページを追加できます。この新しいページは、チェックアウトとアカウントのエディタにお客様アカウントページとして追加され、いつでも編集できます。

サブスクリプション管理ページ

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。

  2. 設定セクションで、カスタマイズする設定の横にある編集をクリックします。

  3. ナビゲーションサイドバーで アプリ アイコンをクリックし、Subscriptions アプリを検索します。

  4. [サブスクリプション管理] の横にある [] をクリックし、[アカウント] を選択します。

  5. [保存] をクリックして変更を保存します。

  6. 任意:お客様がサブスクリプション管理ページを見つけやすいように、メニューにリンクを追加できます。

    1. [メニューに追加] をクリックします。
    2. 任意:お客様アカウントのメインメニューにあるサブスクリプション管理ページのラベルのタイトルをカスタマイズします。
    3. [保存] をクリックしてから [X] をクリックし、チェックアウトとアカウントのエディタに戻ります。

注文ページと注文状況ページに注文アクションボタンを追加する

お客様がお客様アカウントの注文ページにアクセスすると、サブスクリプションを管理するためのボタンが表示されます。

サブスクリプション管理ページ

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。

  2. 設定セクションで、カスタマイズする設定の横にある編集をクリックします。

  3. ナビゲーションサイドバーで アプリ アイコンをクリックし、Subscriptions アプリを検索します。

  4. [注文アクションボタン] の横にある [] をクリックし、[注文と注文状況] を選択します。

  5. [保存] をクリックして変更を保存します。

サンキューページにサブスクリプション管理リンクを追加する

購入後のサンキューページに、定期購入の管理リンクを追加できます。このリンクは、Shopify のデザインシステムに準拠したデフォルトのスタイルとテキストを使用しており、ページ上の配置以外はカスタマイズできません。

定期購入の管理ページ

手順:

  1. 管理画面から、[設定] > [チェックアウト] に移動します。

  2. 設定セクションで、カスタマイズする設定の横にある編集をクリックします。

  3. ナビゲーションサイドバーで アプリ アイコンをクリックし、Subscriptions アプリを検索します。

  4. [定期購入の管理リンク] の横にある [⊕] をクリックし、[サンキューページ] を選択します。

  5. 任意:サンキューページ上のブロックの位置を調整するには、セクション をクリックしてから、ブロックをサンキューページ上の希望の位置までドラッグします。

  6. [保存] をクリックして変更を保存します。