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

【Simple Thanks Custom】How to set up sending coupons via email

  • Reduced tax rate compliant

  • Simple

NEW
NEW
【Simple Thanks Custom】How to set up sending coupons via email

App Features

  • Reduced tax rate compliant
  • Easy to implement at $4.99/month
  • Of course, supports Japanese
  • Simple, no unnecessary features
  • Easy setup due to lack of superfluous features
  • Beautiful formatting supervised by designers

Note:
Supports "New customer accounts."
Partially supports "Classic customer accounts." (Themes "Dawn/Rise/Studio" are supported)

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


このアプリではサンクスページからメルマガ会員を増やす施策を行うことができます。
SAKUシンプルサンクスアプリのProプラン（月額$4.99）でご利用いただけますので、Proプランではない場合は、Proプランへのアップグレードをお願いいたします。


概要

大まかな流れとしては、サンクスページにアプリからクーポンを発行できるブロックを追加します（有料「Proプラン」で可能）。
お客様が商品購入後にサンクスページへたどり着いたとき、クーポン発行のボタンが表示され、メール配信認証のチェックボックスも一緒に表示される仕様です。

メール配信認証のチェックボックスにチェックが付いていないと、クーポンを受け取るボタン自体がクリックできず、クーポンコールをメールで配信できないから、クーポンを受け取るボタンが押せない状態となります。

クーポンを発行するためには、メール配信認証のチェックボックスにチェックを入れた上で、クーポン発行ボタンを押す必要があるので、クーポンを取得したければメール配信認証をするという流れになります。

※アプリブロックの設定で「クーポンコードをサンクスページに表示する」部分にチェックを入れると、メール配信認証のチェックボックスにチェックが入っていない状態でも、クーポンを受け取るボタンをクリックできる状態になります。


設定方法

１，注文状況ページにクーポンブロックを追加。

万が一メールでクーポンコードが届かなかったときの場合に、注文状況ページにクーポンコードブロックを配置し、メールが届かなかった場合も、クーポンを確認できるようにしておきましょう。

セットアップガイドの3番の「注文状況ページを編集」から、注文状況ページに遷移します。

左側の「SAKU Thanks Coupon」→「注文状況」をクリックし、アプリブロックが表示されていることを確認してください。

確認できたら保存を押して、Shopify管理画面のアプリの画面まで戻ります。


２，アプリメニュー「ブロック管理」から、「新規ブロック作成」→「クーポン」のブロックを選択します。


３，クーポンブロックを作成する。

・クーポンの内容

割引の種類（「%オフ」「金額オフ」「送料無料」から選べます）、割引率や割引金額、クーポンの有効期限、クーポンを一回限り有効とするかどうか、利用時の最低購入金額、を入力します。
利用時の最低購入金額は、今回の注文ではなく、次回の注文、クーポンを利用するときの注文に適用されます。

・表示する文言

こちらで入力するものは右側のプレビューに表示されますので、プレビューを見ながら入力してください。

 一点、前述しましたが、「」のチェックボックスにチェックを入れると、サンクスページのクーポンコード発行ボタンを押した時点で、その場でサンクスページ内にクーポンコードが表示されます。このチェックボックスにチェックが入っていない場合は、クーポンコードはメールでの配信になるため、メール配信認証のチェックボックスにチェックが入っていない状態の時には、クーポンコード発行ボタンはグレーアウトされて押せない状態になります。


・表示スタイル

こちらも右側のプレビューを確認しながら設定を進めてください。


・表示条件

このクーポンブロックを表示させる相手の条件を決めることができます。

配布する相手：「全員」「初回購入」「リピーター」
今回の注文金額の下限：設定金額以上の注文で決済したときに、クーポンブロックが表示されます。
表示されるデバイス：パソコン、スマホ、またはその両方から選べます。
表示条件：「全員に表示」「指定された顧客タグがある場合にのみ表示」「指定された顧客タグがない場合のみに表示」
顧客タグ：上記の表示条件で使う顧客タグを設定します。

上記すべての表示条件に当てはまる場合のみ、クーポンコードブロックが表示されます。

ここまででクーポンブロックの設定は終わりです。保存を押してください。


４，クーポンをメールで送る設定 (Shopify Flow + Shopify Messaging)

STEP 1. 準備

  1. Shopify Flow をインストールします（無料。Basic プラン以上のストアで利用できます）:
    https://apps.shopify.com/flow
  2. Shopify Messaging をインストールします（無料）:
    https://apps.shopify.com/shopify-messaging
  3. SAKUシンプルサンクスカスタム（SAKU Thanks Custom）の「Proプラン」（有料、月4.99ドル）に加入し、クーポンブロックを作成・有効化しておきます（無料プランではコードは発行されません）



  4. Shopify管理画面の「設定 → チェックアウト → お客様の連絡方法」で「チェックアウト前にログインを必須にする」をオンにします（クーポンブロックはログイン中のお客様にのみ表示されるため）

STEP 2. ワークフローを追加する（推奨：ファイル読み込み）

下のワークフローファイルをダウンロードして、Shopify Flow に読み込みます。トリガー・条件・タグ削除まで設定済みなので、選び間違いが起きません。この時点ではまだオンにしないでください（STEP 3 のメール作成が必要です）。

ワークフローファイル:saku-thanks-coupon-email.flow

  1. 上のファイルをダウンロードします
  2. Shopify管理画面で「アプリ → Flow」を開き、ワークフロー一覧から「インポート」を選びダウンロードしたファイルをインポート


  3. インポートしたワークフローを選択し「編集」をクリック


  4. 「Send marketing email」のステップを開き、「テンプレートを選択」をクリック


STEP 3. メールを作成する

Messagingアプリに遷移しますので、Messagingアプリ内での作業になります。

※メール本文はストアごとに作るものなので、ここは手作業です。

1. テンプレートのブランディングを設定ページに遷移するので、ブランド情報などを設定し、右上の「次へ」ボタンをクリック。（表示されなければ2へ進んでください）

2. ワークフローの「マーケティングメールを送信」アクションで「テンプレートを選択」し、テンプレートの一覧が表示されるので「空白（Blank）」を選びます

3. 件名を入力。その後、左下の「セクションを追加」をクリックし、それぞれ、あいさつ（テキスト）・クーポン情報（カスタムHTML）・結び（テキスト）を入力します

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

【Messaging に貼り付けるカスタムLiquid】

※「カスタムLiquid」ブロックを追加し、下のコードを一字も変えずに貼り付けてください。「テキストブロック：あいさつ」と「テキストブロック：結び」の間に入れます。

※下のコードを Messaging メールの「カスタムLiquid」ブロックに貼り付けます。編集画面のプレビューでは空に見えますが正常です（サンプル顧客には注文が無いため）。実際のテスト注文で確認してください。

 

{% assign coupon = '' %}{% assign expires = '' %}{% assign reward = '' %}{% assign once = '' %}

{% for tag in customer.tags %}

  {% if tag contains 'coupon-exp:' %}{% assign expires = tag | remove: 'coupon-exp:' | strip %}

  {% elsif tag contains 'coupon-reward:' %}{% assign reward = tag | remove: 'coupon-reward:' | strip %}

  {% elsif tag contains 'coupon-once:' %}{% assign once = tag | remove: 'coupon-once:' | strip %}

  {% elsif tag contains 'coupon:' %}{% assign coupon = tag | remove: 'coupon:' | strip %}{% endif %}

{% endfor %}

{% if coupon == blank %}

  {% for tag in customer.last_order.tags %}

    {% if tag contains 'coupon-exp:' %}{% assign expires = tag | remove: 'coupon-exp:' | strip %}

    {% elsif tag contains 'coupon-reward:' %}{% assign reward = tag | remove: 'coupon-reward:' | strip %}

    {% elsif tag contains 'coupon-once:' %}{% assign once = tag | remove: 'coupon-once:' | strip %}

    {% elsif tag contains 'coupon:' %}{% assign coupon = tag | remove: 'coupon:' | strip %}{% endif %}

  {% endfor %}

{% 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 }}</p>

  <p style="font-size:14px; color:#555; margin:0; line-height:1.8;">

    {% if reward != blank %}ご注文金額から{{ reward }}{% endif %}

    {% if expires != blank %}<br>有効期限：{{ expires | date: "%Y年%m月%d日" }}まで{% endif %}

    {% if once == 'true' %}<br>※おひとり様1回限りでご利用いただけます{% endif %}

    <br>※ご登録アカウント専用のコードです

  </p>

</div>

{% endif %}

4. 右上の「アクティブに設定」をクリックし保存。「このメールは下書きの状態です」の表示が消えたことを確認します（下書きのままでは送信されません）

5. Shopify Flowアプリに戻るので、右上の「ワークフローをオン」をクリック

STEP 4. 動作確認

  1. 新しいテスト注文を行い、サンクスページでメルマガ同意にチェックしてクーポンを受け取ります
  2. Flow の実行履歴で、ワークフローが実行され成功したことを確認します
  3. メールが届き、クーポンコード・割引内容・有効期限が表示されていることを確認します


メールが届かないとき

  • ワークフローがオンになっていて、Flow の実行履歴に成功の記録があるか確認します
  • メールが「アクティブに設定」されているか確認します（「このメールは下書きの状態です」が出ていると送信されません）
  • クーポン欄が空のときは、カスタムLiquid ブロックが無いか書き換えられています。STEP 3 のコードをそのまま貼り直してください
  • 一部のお客様にだけ届かないときは、その方のメールマーケティング状態をご確認ください（マーケティングメールは購読中の方にのみ届きます）
Read more