GO SUB コードインストール方法

YouTubeのキャプションをONにすることで音声なしでもご覧いただけます

Go Sub チュートリアル 動画一覧

オンラインストア2.0対応テーマ インストール方法

アプリブロックを使用している場合、コードは自動的にアップデートされます。
また、アプリを削除した際には自動的にテーマからコードは取り除かれます。

関連記事に手順に沿った詳しい情報を記載しています。
テーマへのインストールについてお困りの場合はぜひご一読ください。

【GO SUB Tips】テーマへのGoSubブロック挿入と旧テーマでの対応について詳しく解説!

 

 

商品ページへのアプリブロックの追加

[テーマのインストール] > [テーマ選択] > [テーマエディターで商品ページを開く] をクリック
[ブロックを追加] > [Go Sub Block] をクリック
アプリブロックをドラッグ&ドロップで任意の位置に移動 

 

お客様アカウントページへのアプリブロックの追加

お客様アカウントの種類により設置方法が異なります。
Shopify>設定>お客様アカウントにて、どちらが選択されているかご確認ください。

 

「お客様アカウント」の場合

チェックアウトカスタマイザからブロックを追加します。
Shopify>設定>チェックアウトにて、カスタマイズをクリックします。

 

注文画面で、ブロックを追加します。

 

プレビューでは何も表示されませんが問題ありません。

同様に、注文状況ページにもブロックを追加できます。
上記と同様の手順で追加してください。

【Go Sub Tips】新しいお客様アカウントに対応!注文詳細ページにサブスクリプション管理ボタンを設置する方法を解説


再購入ボタンの非表示について

再購入ボタンの表示がオンになっている場合、意図しない注文が発生する場合があります。
サブスクリプションでの注文履歴から再購入ボタンを押された場合でもサブスクリプションは作成されません。混乱を避けるため、チェックアウトカスタマイザにて必ず再購入ボタンの表示をオフに設定してください。



従来のお客様アカウントの場合

設定のお客様アカウントが「以前のバージョン」の場合は、テーマカスタマイザからGO SUBのブロックを挿入します。
オンラインストア>カスタマイズに進み、従来のお客様アカウントの中のお客様アカウントを選択します。

※次の画面でログインが出ます。仮のアカウントを作成し、カスタマイザ上でログインを行い次の画面に進んでください。

 

アカウントページの中にGO SUBのアプリブロックを挿入します。

カートページへのアプリブロックの追加(任意)

カートページに追加できるブロックは2種類あります。それぞれ意図しない変更や購入を防ぐためのものとなっており、設置は任意です。

サブスクリプションBOX販売時のカート操作制御

サブスクリプションBOXは商品がまとめられて初めて一つの契約のかたまりとなります。お客様によりカート画面にて自由に商品の変更や削除を行われてしまうと意図しない販売(0円販売やBOXの要件を満たさないなど)となる可能性があるため、必要に応じて操作を制御するブロックをご利用ください。

サブスクリプションBOX販売時のカート操作制御に関する詳細はこちら

 

サブスクリプションプラン混合時のアラート表示

複数のサブスクリプションプランで決済が行われた場合、以下の条件を満たすと本来分かれているべき契約が一つにまとめられ意図しない割引となるなどエラーが発生する可能性があります。契約の統合においてはShopifyの仕様によるところでありますが、アプリブロックにて制御を行うことができます。

【契約の統合に関する例】

  • 注文サイクルが同じ(30日に1回、1週間に1回など)
  • 最低購入回数・最高購入回数が同じ

例1:商品Aをプラン①で購入+商品Bをプラン②で購入

  • プラン①と②共に30日に1回
  • 最低・最高購入回数設定なし
  • プラン①は割引率30%・プラン②は初回割引50%その後10%の場合)

この場合、商品AとBのサブスクリプション契約は統合され、プラン①の割引率が全てに適用となり本来の割引率が適用されずエラーとなります。

 

例2:商品Aをプラン①で購入+商品Bをプラン②で購入

  • プラン①は30日に1回、プラン②は60日に1回
  • 最低・最高購入回数設定なし
  • プラン①は割引率30%・プラン②は初回割引50%その後10%の場合

この場合、プランは統合されず別の契約が作成され、正しい運用となります。


例1のような意図しない契約の統合を防ぐ必要がある場合、カートページに「Plan Alert Block」を追加してください。

 

そうすると以下のようなアラートが表示されます。表示されるテキストは アプリ管理画面の設定>翻訳、テキスト変更 にて変更が可能です。

 

アラートは表示させるがチェックアウトはそのまま許可しても良いという場合は、アプリブロックの設定内でこのチェックボックスをオフにしてください。

クイック追加に関する注意事項(機能オフ推奨)

商品カードからカートへのクイック追加がオンになっている場合、サブスクリプションプランは適用とならず通常の販売として処理されます。
予期せぬ販売を防止するため、クイック追加の機能はオフに設定いただくことを推奨しております。

高度なカスタマイズ・エンジニア向け

クイック追加の機能を必須としたい場合、テーマのindexテンプレートやコレクションテンプレートに「GO SUB Quick Add block」を追加するとともに、以下の対応を行なってください。

  • サブスクリプションプランが存在する場合はクイック追加とせず商品ページに遷移する(Liquidコードの編集)
  • クイックビューのモーダルをカスタマイズする(LiquidコードおよびJavaScriptの編集)

アプリ管理画面>テーマのインストール内にある「「今すぐ購入」「クイック追加」「再購入」等のボタンに関するお知らせ」を合わせてご確認ください。

 

オンラインストア2.0非対応テーマ  

アプリのアップデートに対応しずらいため、OS 2.0対応テーマの利用を推奨しております。
非対応テーマへのインストールが必要な場合はお申し込みフォームより必要事項をご入力の上お申し込みください。


オンラインスト2.0対応テーマ 確認方法

[オンラインストア] > [テーマ] > [・・・] > [コードを編集]をクリック
[テンプレート] を確認
拡張子が .json => OS2.0対応
拡張子が .liquid => OS2.0非対応