【シンプルサンクスカスタム】サンクスページからメルマガ会員を増やす

※この設定には「SAKUシンプルサンクスカスタム」のほかに、「Shopify Flow」アプリ（無料）と「Messaging」アプリ（無料）を使います。

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

サンクスページ（購入が終わったときに表示されるページ）は、Shopifyのエディタでは「サンキュー」（英語表示では「Thank you」）と表示されます。同じものです。

「SAKUシンプルサンクスカスタム」は、サンクスページ（購入完了ページ）からメルマガ会員を増やせます。登録してくれた購入者に、その人だけが使える1回限りのクーポンを発行し、メールで届けます。クーポンの機能は、Proプラン（月額$4.99／年額$49.9）でご利用いただけます。無料プランの方は、Proプランにアップグレードしてください。（Partner開発ストアは、アプリ開発者などが検証のために作る無料のストアです。ふつうに販売しているお店は、これではありません。）

この記事でわかること

• メルマガ会員を増やすしくみと、購入者に見える画面
• クーポンブロックの作成から、Shopify Flow・Messagingでのメール送信まで
• メールが届かないときの確認ポイント
• 発行されるクーポンコードと、お客様情報に保存される内容

操作する場所：Shopify管理画面 → アプリ →「SAKU Thanks Custom」（ホーム）／Shopify管理画面 → アプリ → Flow／Messaging

まず、しくみを知っておきましょう

1. サンクスページに、クーポンブロックが表示されます（Proプラン）。
2. 購入者が「メールマガジンに登録して、クーポンをメールでも受け取る」にチェックを入れ、ボタンを押すと、その人専用のクーポンコードが発行されます。
3. 発行されたコードは、Shopify Flow と Messaging の連携で、メールで届きます。
4. メールが届かなかったときの保険として、注文状況ページにもコードを表示できます。
5. アプリのホームで、今月・累計のメルマガ会員の獲得数を確認できます。

初期設定では、クーポンコードは画面に出さず、メールだけで届けます。登録（チェック）してもらうことが、クーポンを受け取る条件になります。

• 「メールマガジンに登録して、クーポンをメールでも受け取る」のチェックは、最初からオンです。設定の「同意チェックボックスを最初からチェック済みにする」で、オフに変えられます。
• コードを画面に出さない設定（最初の設定）のとき、チェックを外すと「クーポンを受け取る」ボタンは押せなくなります。
• すでにメルマガを購読している購入者には、チェックボックスは出ません。そのままボタンを押せます。
• 設定の「クーポンコードをサンクスページに表示する」をオンにすると、ボタンを押した直後に、その場でコードが表示されます。この場合は、チェックを外していてもボタンを押せます（あとから「メールでも受け取る」こともできます）。

※クーポンはログイン中の購入者にだけ表示されます。ゲスト購入（ログインなし）にはブロック自体が出ません。手順1の④で対策を行います。

1️⃣ 準備をする

① Shopify Flow をインストールする

無料です。Basic プラン以上のストアで使えます：https://apps.shopify.com/flow

② Shopify Messaging をインストールする

無料です：https://apps.shopify.com/shopify-messaging

③ 「SAKUシンプルサンクスカスタム」のProプランに加入する

Proプランは月額$4.99／年額$49.9（7日間の無料体験つき）です（Partner開発ストアは無料で、すべての機能を使えます）。無料プランではクーポンブロックを作れず、コードも発行されません。加入のしかたは、記事「プラン（無料／Pro）の違いと変更方法」をご覧ください。

④ チェックアウトの設定を変える（ゲスト購入を防ぐ）

Shopify管理画面の「設定」→「チェックアウト」を開き、「お客様の連絡方法」の「チェックアウト前に、お客様のアカウントへのログインを必須にする」にチェックを入れます。変更すると画面に「保存」が出るので、必ず押してください。保存しないと設定は反映されません。この設定は、あとから行われる注文から有効になります。すでに終わったゲスト購入の注文には、クーポンは出ません。

新しいお客様アカウントでは、初めての購入者もメールに届く認証コードを入れるだけで、自動的にアカウントが作られてログインできます。ログインを必須にすると、一部のお客様がチェックアウトを離脱する可能性がある、とShopifyが表示します。この点は理解したうえで設定してください。

2️⃣ 注文状況ページにクーポンブロックを追加する（メール不達の保険）

アプリのホームのセットアップガイド「3. 注文状況ページにクーポンブロックを追加」で「注文状況ページを編集」を押します。チェックアウトエディタが開くので、左側の「SAKU Thanks Coupon」の右の「＋」を押し、「追加先：」から「注文状況」を選んで、右上の「保存」を押します。

赤枠で、ページの切り替え、メインの「ブロックを追加」、「SAKU Thanks Coupon」、「保存」を示しています。

メールが届かなかった購入者も、ログインして注文状況ページを開けば、発行済みのコードを見られます。詳しい手順は注文状況ページにクーポンコードを再表示する方法をご覧ください。

3️⃣ クーポンブロックを作る

左メニューの「ブロック管理」→「新規ブロック作成」→「クーポン」の順に進みます。「クーポン」には「Proプラン」のバッジが付いています。

フォームは、「基本設定」→「クーポンの内容」→「表示する文言」→「表示スタイル」→「表示条件」→「はじめにご確認ください」の順に並んでいます。すべての項目の意味と初期値はクーポンブロックの設定項目をすべて解説にまとめています。ここでは、特に大切なところだけ説明します。

迷ったときは、次の例で入力してください。割引の種類は「％オフ」、割引率は「10」、有効期限は「30」日、「クーポンを1回限りの利用にする」はオン、最低購入金額は空欄。「ボタンの文言」は、最初から入っている「クーポンを受け取る」のままで大丈夫です。

赤枠で、「基本設定」と「クーポンの内容」（割引の種類・割引率・有効期限・1回限り・最低購入金額）、右のプレビューを示しています。

• 「クーポンの内容」：「割引の種類」（「％オフ」「金額オフ」「送料無料」）、割引率や割引額、「有効期限（発行してから何日間）」、「クーポンを1回限りの利用にする」、「利用時の最低購入金額（任意）」を入力します。最低購入金額は、今回の注文ではなく、次回の注文（クーポンを使うとき）に適用されます。

• 「表示する文言」：右のプレビューを見ながら入力します。「ボタンの文言」は必須で、最初は「クーポンを受け取る」が入っています。
• 「クーポンコードをサンクスページに表示する」：オンにすると、ボタンを押した直後に、その場でコードが表示されます。オフ（最初の設定）では、コードは画面に出ず、メールで届きます。
• 「同意チェックボックスを最初からチェック済みにする」：チェックの初期状態です。販売先に適用される同意ルールに従って設定してください。

赤枠で、表示するデバイス・表示条件・顧客タグ、「はじめにご確認ください」、「保存」ボタンを示しています。

• 「表示条件」：「配布する相手」（全員／初回購入の方のみ／リピーターのみ（初回購入以外））、「今回の注文金額の下限（任意）」、「表示するデバイス」、「表示条件」、「顧客タグ（カンマ区切り）」を選びます。すべてに当てはまる購入者にだけ、ブロックが表示されます。

入力が終わったら、「保存」を押します。

「保存」を押したら、ブロックが「表示中」になっているか確認してください。次に、「SAKU Thanks Custom」をサンクスページに置きます。まだ置いていないときは、記事「サンクスページに画像や文字を設定する方法」の手順6のとおりに行い、右上の「保存」まで押してください。置いていないと、クーポンは表示されません。

赤枠で、ページの切り替え、メインの「ブロックを追加」、「SAKU Thanks Custom」を示しています。

クーポンブロックは、複数作れます（例：初回購入の特典と、リピーターの特典）。コードは、1つの注文につき、各ブロックで1つまでです。複数のブロックに当てはまる注文では、ブロックごとに別のコードが発行されます。クーポンブロックを複数置いたときは、条件に合わないブロックの分が詰められて表示されます（順番は保たれます）。

4️⃣ ワークフローを Shopify Flow に読み込む

Shopify Flowのテンプレート一覧に、「サンクスページのクーポンをメルマガ登録者にメールで送る」が表示されることがあります（このアプリを導入済みのストアのみ）。これも同じ内容のワークフローです。ただし、メール本文の作成と、カスタムLiquidの貼り付けは、どちらの方法でも別途必要です。

クーポンが発行されたときに、メールを送るための「ワークフロー」を用意します。ファイルを読み込むだけで、トリガーと条件まで設定済みになります。この時点では、まだ「オン」にしないでください。

アプリの左メニュー「ヘルプ」を開き、「クーポンをメールで送る (Shopify Flow + Shopify Messaging)」の項目にある、ワークフローファイル「saku-thanks-coupon-email.flow」をダウンロードします。

次に、Shopify管理画面で「アプリ」→「Flow」を開き、ワークフロー一覧から「インポート」を選んで、ダウンロードしたファイルを読み込みます。

インポートしたワークフロー「SAKUサンクスカスタム：メールでクーポン送付」を開き、「編集」を押します。

ワークフローは、次の流れでできています。

1. トリガー「Thank you page coupon issued」：アプリがクーポンを発行すると動き始めます。
2. 条件：購入者のメールマーケティングの状態が「SUBSCRIBED」（購読中）かどうか。
3. 「Send marketing email」（「マーケティングメールを送信」と表示されることもあります）：メールを送ります。メール本文は空なので、次の手順で作ります。

「Send marketing email」のステップを開き、「テンプレートを選択」を押します。

5️⃣ Messaging でメールを作る

Messagingアプリの画面に移ります。ここからは、Messagingアプリの中の作業です。メール本文はストアごとに作るものなので、手作業になります。

1. ブランド（ロゴや色）を設定する画面が出たときは、お店のロゴや色を設定して、右上の「次へ」を押します。この画面が出なかったときは、そのまま次の「テンプレートの一覧」に進みます。
2. テンプレートの一覧が出るので、「空白」を選びます。

1. 「件名」を入力します。
2. 左下の「セクションを追加」を押し、「テキスト」（あいさつ）→「カスタムLiquid」（クーポン情報）→「テキスト」（結び）の順に追加します。「カスタムLiquid」は、メールの中に、クーポンコードなどを自動で差し込むための部品です（Messagingの表示が「カスタムHTML」となっているときは、そちらを選びます）。

入力例です。

• 件名：次回のお買い物で使えるクーポンをお届けします
• あいさつ：このたびはご購入いただきありがとうございます。日頃のご愛顧に感謝を込めて、次回のお買い物で使えるクーポンをお届けします。
• 結び：またのご来店を心よりお待ちしております。

「カスタムLiquid」のセクションに、下のコードを貼り付けます。一字も変えずに、そのまま貼り付けてください。「あいさつ」と「結び」の間に置きます。「カスタムLiquid」のセクションは、1通のメールに1つだけにしてください。

コードの枠の左上から右下までをマウスでドラッグして全部選び、コピー（Windows は Ctrl+C、Mac は Command+C）します。メールの「カスタムLiquid」の入力欄をクリックして、貼り付け（Windows は Ctrl+V、Mac は Command+V）ます。

{% assign coupon = customer.metafields['app--380928032769'].coupon_code | strip %}
{% assign expires = customer.metafields['app--380928032769'].coupon_expires_at | strip %}
{% assign reward = customer.metafields['app--380928032769'].coupon_reward | strip %}
{% assign once = customer.metafields['app--380928032769'].coupon_single_use | strip %}
{% assign coupon_head = coupon | slice: 0, 7 %}{% assign coupon_size = coupon | size %}
{% if coupon_head != 'THANKS-' or coupon_size != 13 %}{% assign coupon = '' %}{% endif %}
{% if coupon != blank %}
<div style="text-align:center; padding:16px 0;">
  <p style="font-size:16px; margin:0 0 8px;">次回のお買い物で使えるクーポンコード</p>
  <p style="font-size:28px; font-weight:bold; letter-spacing:2px; margin:0 0 12px;">{{ coupon | escape }}</p>
  <p style="font-size:14px; color:#555; margin:0; line-height:1.8;">
    {% if reward != blank %}ご注文金額から{{ reward | escape }}{% endif %}
    {% if expires != blank %}<br>有効期限：{{ expires | date: "%Y年%m月%d日" | escape }}まで{% endif %}
    {% if once == 'true' %}<br>※おひとり様1回限りでご利用いただけます{% endif %}
    <br>※ご登録アカウント専用のコードです
  </p>
</div>
{% endif %}

Messagingの編集画面のプレビューでは、クーポン欄が空に見えます。これは正常です（サンプルの顧客にはクーポンがないためです）。実際の注文で確認します。

最後に、右上の「アクティブに設定」を押します。「このメールは下書きの状態です」の表示が消えたことを確認してください。下書きのままだと、メールは送られません。

6️⃣ Flow に戻って、ワークフローをオンにする

Shopify管理画面で「アプリ」→「Flow」を開き、手順4でインポートしたワークフロー「SAKUサンクスカスタム：メールでクーポン送付」をクリックして開きます。「Send marketing email」のステップで、手順5で作ったメールが選ばれていることを確認します。そのうえで、右上の「ワークフローをオン」を押します。

7️⃣ 動作を確認する

1. 自分のお店で、実際に購入して確認します。ログインした状態で、商品を1つカートに入れ、購入手続きを最後まで進めてください。購入が終わると表示される「ご注文ありがとうございます」のような画面が、サンクスページです。確認が終わるまで、注文のキャンセルや返金はしないでください（キャンセルや返金をすると、クーポンは表示されなくなります）。注文から24時間を過ぎると、クーポンは出なくなります。本番ストアでは、テスト注文ではクーポンは発行されません。Partner開発ストア（検証用のストア）では、テスト注文でも発行されます。
2. Shopify管理画面の「アプリ」→「Flow」を開き、Flowの「実行履歴」で、ワークフローが動いて成功していることを確認します。
3. メールが届き、クーポンコード・割引内容・有効期限が表示されていることを確認します。

設定後のストア表示

購入者のサンクスページには、次のように表示されます。

受け取る前は、枠（任意）→表示タイトル→割引の表示（「【 10%OFF 】」「【 ¥500OFF 】」「【 送料無料 】」）→チェックボックス「メールマガジンに登録して、クーポンをメールでも受け取る」（未登録の購入者だけ）→注意書き→ボタン→「ボタンの下に表示する文」の順に出ます。

購入者の言語が日本語以外のときは、「10% OFF」「Valid until …」「Copy code」「Use this coupon」のように、英語の文言になります。ブロックに自分で入力したタイトル・ボタンの文言・各メッセージは、翻訳されずそのまま表示されます。

ボタンが出ない注文があるときは、クーポンが表示されない・発行されないときの確認ポイントをご覧ください。ゲスト購入、入金が完了していない注文（コンビニ払い・後払い・銀行振込など）は対象外です。

クーポンを受け取ると、ストアに何が作られるか

受け取りボタンが押されると、Shopifyの「ディスカウント」に割引コードが作られ、購入者のお客様情報に、このアプリ専用の項目（クーポンコード・有効期限・割引内容・1回限りかどうか）が保存されます。この項目は管理画面で見ることはできますが、編集はできません。次にクーポンを受け取ると上書きされます。詳しくは記事「発行されるクーポンとお客様情報・Flowトリガーの仕様」をご覧ください。

アプリのホームからも、この手順を開けます

アプリのホームのセットアップガイドには、ステップ4「クーポンをメールで送る」（「Proプラン」「任意」のバッジ付き）があります。ステップを開くと「画像つき解説を見る」のボタンがあり、別のタブでSAKU Appsのブログ（サポート記事）が開きます。目的の記事が開かないときは、ブログの一覧（https://saku-apps.com/blogs/thanks）から、この記事を開いてください。このステップには自動判定がないので、終わったらチェックボックスを自分で押して完了にします。

ホームの右側「このアプリについて」にも、「ブロックを作成したら、チェックアウト編集画面でアプリブロックを追加してください。手順はヘルプをご覧ください。」と案内があります。アプリの左メニュー「ヘルプ」には、この記事と同じ内容（Shopify Flow ＋ Messagingの手順、貼り付けるカスタムLiquidのコード、ワークフローファイル）が載っています。

うまくいかないとき

• メールが届かない
  次の順番で確認します。①Flowのワークフローがオンか、「実行履歴」に成功の記録があるか。②Messagingのメールが「アクティブに設定」になっているか（下書きのままだと送られません）。③メールに「カスタムLiquid」のセクションがあり、コードが書き換えられていないか（クーポン欄が空のときは、コードがないか書き換えられています。貼り直してください）。④メールは購読中の顧客にだけ届きます。一部の人にだけ届かないときは、その人のメールマーケティングの状態を確認してください。
• メールを「アクティブに設定」できない
  「{{customer.*}}変数は、メールごとに1つのセクションに制限されています」と表示されるときは、「カスタムLiquid」のセクションが2つあります。編集画面で空白に見える方のセクションを選び、ゴミ箱のアイコンで削除してから、もう一度「アクティブに設定」を押してください。
• アプリがメールの到着まで確認してくれるの？
  いいえ。アプリが確認できるのは、Flowのトリガーを送るところまでです。Flowの設定やメールが届いたかどうかは、確認できません。コードを画面に出さない設定にするときは、メールの経路を先にテストしてください。保険として、注文状況ページのブロックも置いてください。
• メールが迷惑メールに入ってしまう
  送信元がShopifyの共用アドレスのままだと、入りやすくなります。Shopify管理画面の「設定」→「通知」で、送信者のメールアドレスを独自ドメインのアドレスに変え、ドメイン認証（SPF／DKIM）まで済ませてください。ストア名と住所も正しく設定します。迷惑メール判定を完全に防ぐ方法はないため、注文状況ページのブロックも保険に置いてください。
• Flowのトリガーが失敗する
  一時的な失敗は、自動で再試行されます（最大5回）。権限が拒否されたなど、再試行しても直らないエラーは、再試行されません。Flowの実行履歴を確認してください。
• コードを表示しない設定なのに、チェックを入れても何も届かない
  チェックを入れて受け取った購入者は「購読済み」になり、同梱のワークフローの条件を満たします。Flowの条件がSUBSCRIBEDになっているか、メールが「アクティブに設定」されているかを確認してください。
• クーポンが出ない注文がある
  ゲスト購入、入金が完了していない注文、24時間を過ぎた注文などでは発行されません。確認ポイントの一覧をご覧ください。