【シンプルサンクスカスタム】注文状況ページにクーポンコードを再表示する方法

メールでクーポンコードを届けても、メールが届かない購入者がいるかもしれません。その保険として、購入者の「注文状況ページ」にも、発行済みのクーポンコードを表示できます。この記事では、そのための設定方法をご説明します。

【言葉の説明】「ブロック」は、サンクスページに表示する内容のひとかたまりです（このアプリの「ブロック管理」で作ります）。「アプリブロック」は、Shopifyのチェックアウトエディタに置く「SAKU Thanks Custom」のことです。アプリブロックを置くと、作ったブロックがサンクスページに表示されます。

この機能は、Proプラン（月額$4.99／年額$49.9）のクーポンと一緒に使います。Partner開発ストアでも使えます。（Partner開発ストアは、アプリ開発者などが検証のために作る無料のストアです。ふつうに販売しているお店は、これではありません。）

注文状況ページは、購入者が注文のあとに、発送などの状況を見るページです。注文確認メールのリンクから開けます。

この記事でわかること

• 注文状況ページにクーポンブロックを追加する手順
• ホームのセットアップガイドのステップ3の使い方
• 購入者の注文状況ページに表示される内容
• 無料プランに戻したときの動き

操作する場所：Shopify管理画面 → アプリ →「SAKU Thanks Custom」（ホーム）→ セットアップガイド「3. 注文状況ページにクーポンブロックを追加」

1️⃣ ホームのセットアップガイドのステップ3を開く

アプリのホームを開き、「セットアップガイド」の「3. 注文状況ページにクーポンブロックを追加」（「Proプラン」「任意」のバッジ付き）を開きます。このステップは、Proプランか開発ストアのときだけ表示されます。

説明には「クーポンのメールが届かなかった購入者向けの保険です。右のボタンからチェックアウトエディタの注文状況ページへ移動し、アプリブロック「SAKU Thanks Coupon」を追加すると、発行済みコードを注文詳細で再表示できます。」と書かれています。ボタン「注文状況ページを編集」を押します。

ボタンを使わないときは、Shopify管理画面の左下の「設定」→「チェックアウト」を開き、「カスタマイズ」ボタンを押します。開いたら、画面上部のページ切り替えで「注文状況」を選びます。

2️⃣ 「SAKU Thanks Coupon」を追加する

チェックアウトエディタの左側にアプリの一覧が出ます。左側の「SAKU Thanks Coupon」の右の「＋」を押し、「追加先：」から「注文状況」を選びます。

赤枠は、ページ切り替え（注文状況）、メインの「ブロックを追加」、「SAKU Thanks Coupon」、「保存」です。

「SAKU Thanks Coupon」には、エディタ側で設定する項目はありません。

3️⃣ 保存する

エディタの右上の「保存」を押します。保存しないと、ストアには反映されません。保存できたら、エディタのタブを閉じて、元のアプリのタブに戻ります。タブを更新（再読み込み）すると、ステップ3にチェックが付きます。

アプリが検出できないときだけ、チェックボックスを自分で押して完了にできます。手動で付けたチェックは、完了アイコンを押すと未完了に戻せます。

ブロックを置くと、サンクスページでクーポンを受け取ったあとに、「ログイン後の注文状況ページでもクーポンコードをご確認いただけます。」という注意書きが小さく表示されるようになります（コードを表示しない設定のときも、表示する設定のときも出ます）。ブロックを置いていないときは出ません。ブロックを外したときは、次にアプリのホームを開いたときに反映されます。

設定後のストア表示

チェックアウトエディタの中では、見本が表示されます。見出し「クーポンコード」、「【 10%OFF 】」、コード「THANKS-SAMPLE」、有効期限、ボタン「このクーポンを使う」「コードをコピー」が並びます。これはサンプルです。

実際の購入者の注文状況ページには、次のように表示されます。

• その注文で発行済みのクーポンコードだけが表示されます。新しいコードは発行しません。
• ログイン中の本人の注文だけが対象です。他の人の注文のコードは見えません。
• その注文で発行されたコードが複数あるとき（クーポンブロックを複数置いたとき）は、すべて並んで表示されます。
• クーポンが発行されていない注文では、何も表示されません。
• 表示される文言（割引の表示・有効期限・最低購入金額）は、発行した時点の内容です。あとでクーポンブロックの設定を変えても、すでに発行した分は変わりません。
• 購入者の言語が日本語以外のときは、「Your coupon code」「Valid until …」「Copy code」「Use this coupon」のように英語になります。
• 管理画面の注文詳細には表示されません。購入者の注文状況ページだけの機能です。

「Proプランから無料プランに戻した」場合でも、注文状況ページのブロックは、すでに発行したコードを引き続き表示します。

うまくいかないとき

• ステップ3が表示されない
  ステップ3と4は、Proプランか開発ストアのときだけ表示されます。無料プランのときは、ステップ1と2の2つだけです。
• ステップ3にチェックが付かない
  エディタで「注文状況」ページにアプリブロックを追加して、「保存」したか確認します。検出できないときは、チェックボックスで手動完了にできます。
• 注文状況ページに何も出ない
  その注文でクーポンが発行されたかを確認してください。発行がない注文には、何も表示されません。購入者がログインしているか、自分の注文を開いているかも確認します。
• 従来のお客様アカウントでも表示される？
  この機能は、新しいお客様アカウントの注文状況ページ向けのブロックです。従来のお客様アカウントや古い注文状況ページでの表示は、確認できていません。
• エディタに「THANKS-SAMPLE」と出る
  エディタの見本表示です。実際の購入者には、発行済みの本物のコードが表示されます。