【SAKU領収書】CRM PLUS on LINEのLINEメッセージで領収書を送る方法

CRM PLUS on LINE と Shopify Flow を組み合わせると、お客様の支払いが済んだときに、SAKU領収書の「領収書」ボタンが付いた LINE メッセージを自動で送れます。お客様は LINE のボタンを押すだけで、その注文の領収書を開けます。

設定すると、お客様の LINE にこのようなメッセージが届きます。

全体の流れ

はじめに、どのような流れで LINE に領収書が届くのかを説明します。

1. お客様が商品を購入し、支払いが完了します。
2. 支払いの完了をきっかけ（トリガー）に、Shopify Flow のワークフローが自動で始まります。
3. ワークフローの中で CRM PLUS on LINE が動き、SAKU領収書の領収書のリンクを入れた「領収書」ボタン付きのメッセージを、お客様の LINE に送ります。
4. お客様がボタンを押すと、SAKU領収書がその注文の領収書を表示します。

この記事では、この流れ（ワークフロー）を Shopify Flow で作る手順を、画面に沿って説明します。設定は次の4つのステップです。

1. ワークフローを作り、きっかけ（トリガー）に「Order paid」を選ぶ
2. LINE を送るアクション「LINE Message: Flex」を追加し、メッセージの中身を入れる
3. 保存して、ワークフローをオンにする
4. テスト注文で、LINE にメッセージが届くことを確かめる

始める前に用意するもの

• SAKU領収書（インストール済みで、帳票の設定が終わっていること）
• CRM PLUS on LINE（インストール済みで、ストアの LINE 公式アカウントと連携していること）
• Shopify Flow（Shopify の無料アプリです。管理画面の「アプリ」に「Flow」がなければ、Shopify App Store からインストールしてください）

LINE が届くのは、CRM PLUS on LINE で LINE と連携しているお客様だけです。連携していないお客様には届きません。

ワークフローのファイルをダウンロードして使う（いちばん簡単な方法）

下のファイルをダウンロードして Shopify Flow に取り込む（インポートする）と、この記事のワークフローがそのまま作られます。手で作る手間がかかりません。

ワークフローのファイル（crm-plus-on-line-receipt.flow）をダウンロード

先に用意するもの：CRM PLUS on LINE、SAKU領収書、Shopify Flow の3つが、ストアにインストールされていること。CRM PLUS on LINE が入っていないと、インポートしたあと、LINE を送るアクションがエラーになります。

① Shopify管理画面で「アプリ」→「Flow」を開きます。

② 右上の「インポート」を押します。

③ 「ファイルを追加」を押し、ダウンロードしたファイル（crm-plus-on-line-receipt.flow）を選びます。

赤枠は、右上の「インポート」ボタンと、開いた「ワークフローをインポート」画面の「ファイルを追加」です。

④ 「インポート」を押します。

赤枠は、選んだファイル（CRM PLUS on LINE 購入完了時に領収書ボタンを送信.flow）と「インポート」ボタンです。

ワークフロー「CRM PLUS on LINE 購入完了時に領収書ボタンを送信」が作られます。

赤枠は、トリガー「Order paid」、アクション「LINE Message: Flex」、右上の「ワークフローをオンにする」です。

⑤ ワークフローの中身を確認します。

• トリガーが「Order paid」（注文の支払い）になっている
• アクションが CRM PLUS on LINE の「LINE Message: Flex」（LINE メッセージ送信）になっている
• ボタンのリンクが {{ shop.primaryDomain.url }}/apps/saku-print?...&type=receipt&locale=ja になっている

「LINE Message: Flex」を開いたところです。赤枠は「Customer」（{{ order.customer.id }}）、「代替テキスト」（領収書のご案内）、「Flex Messageのコンテナ」、「統計情報用のユニット名」（order_paid_receipt）です。

⑥ テスト注文で動作を確かめてから、右上の「ワークフローをオンにする」を押します。
テストのしかたは、下の「4️⃣ テスト注文で確認する」をご覧ください。

※このファイルに入っているのは、ワークフローの設定だけです。ストアのデータや個人情報は入っていません。

※領収書以外の書類（請求書・納品書・見積書）や英語の書類にしたいときは、あとの「領収書以外の書類や、英語の書類にする」の type= の説明を見て、リンクを書き換えてください。

※手で作りたいときは、下の「1️⃣ ワークフローを作り、トリガーを選ぶ」から進めてください。

1️⃣ ワークフローを作り、トリガーを選ぶ

トリガーは「いつワークフローを始めるか」を決める設定です。ここでは「注文の支払いが完了したとき」を選びます。

① Shopify Flow を開き、「ワークフローを作成」を押します。
Shopify管理画面の左メニューで「アプリ」→「Flow」を開くと、ワークフローの一覧が表示されます。右上の「ワークフローを作成」を押します。

② 「トリガーを選択」を押します。
新しいワークフローの画面が開きます。中央の入力欄の下にある「トリガーを選択」を押します。

注文の支払いが完了したとき（Order paid）に、CRM PLUS on LINE の「LINE Message: Flex」で、その注文のお客様に LINE メッセージを送るワークフローを作ってください。顧客には {{ order.customer.id }} を使ってください。

③ 「Order paid」を選びます。
左側の検索欄に Order paid と入力し、表示された「Order paid（Shopify）」を押します。「This workflow starts when an order is paid」（注文の支払いが完了したときに始まる）という意味のトリガーです。

④ 編集画面に「Order paid」が追加されれば、ステップ1は完了です。
このトリガーには、追加の設定はありません。

※支払いが済んだ注文で送るので、お客様がボタンを押すと、すぐに領収書が開きます（支払い前の注文では領収書は開けません）。

2️⃣ LINE を送るアクションを追加する

アクションは「ワークフローで何をするか」を決める設定です。ここでは CRM PLUS on LINE で LINE メッセージを送るアクションを追加します。

① 「Order paid」の下に、アクションを追加します。
「Order paid」の下に出ている「＋」（または「アクション」）を押すと、左側に「アクションを選択」が開きます。

② 「LINE Message: Flex」を選びます。
検索欄に LINE Message: Flex と入力し、「LINE Message: Flex（LINE で Flex メッセージを送る）・CRM PLUS on LINE」を押します。

③ 左側の入力欄に、次の3つを入れます。

「LINE Message: Flex」を選ぶと、左側に入力欄が表示されます。赤枠の欄に入力します。

「Flexメッセージのコンテナ」にコードを貼り付ける流れは、CRM PLUS on LINE の公式マニュアル「Flex Messageの配信」でも説明されています。

④ 編集画面で「Order paid」と「LINE Message: Flex」が線でつながれば、ステップ2は完了です。

Shopify Flow の編集画面。赤枠のように、「Order paid」の下に「LINE Message: Flex」がつながります。

Flex メッセージのコード

「ご購入ありがとうございます」という文と、「領収書」ボタンを表示するコードです。すべてコピーして、ステップ2の「Flexメッセージのコンテナ」に貼り付けてください。

{
  "type": "bubble",
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "text",
        "text": "ご購入ありがとうございます",
        "weight": "bold",
        "size": "md",
        "wrap": true
      },
      {
        "type": "text",
        "text": "以下のボタンより領収書をご確認いただけます。",
        "size": "sm",
        "color": "#666666",
        "margin": "md",
        "wrap": true
      }
    ]
  },
  "footer": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "button",
        "style": "primary",
        "color": "#1DB446",
        "action": {
          "type": "uri",
          "label": "領収書",
          "uri": "{{ shop.primaryDomain.url }}/apps/saku-print?orderId={{ order.legacyResourceId }}&confirmationNo={{ order.confirmationNumber }}&type=receipt&locale=ja"
        }
      }
    ]
  }
}

このコードの中で、自由に変えてよい部分と、変えてはいけない部分は次のとおりです。

• 変えてよい：「ご購入ありがとうございます」「以下のボタンより…」の文、ボタンの文字（"label": "領収書" の 領収書）、ボタンの色（"color": "#1DB446"）。
• 変えてはいけない："uri" の行のリンク。ただし、書類の種類と言語だけは、下の「領収書以外の書類や、英語の書類にする」のとおりに変えられます。

コードに入っているリンクについて

ボタンを押したときに開くのは、次のリンクです（コードの "uri" の行と同じです）。

{{ shop.primaryDomain.url }}/apps/saku-print?orderId={{ order.legacyResourceId }}&confirmationNo={{ order.confirmationNumber }}&type=receipt&locale=ja

{{ … }} の部分は、Shopify Flow が注文ごとに自動で置き換えます。手で書き換える必要はありません。

• {{ shop.primaryDomain.url }}：ストアのURL
• {{ order.legacyResourceId }}：注文ID（数字）
• {{ order.confirmationNumber }}：注文の確認番号

注文IDと確認番号が一致したときだけ、その注文の書類が開きます。お客様はログインしなくても、ボタンから領収書を開けます。

3️⃣ 保存して、ワークフローをオンにする

画面右上の「ワークフローをオンにする」を押します。オンにしたあとに支払いが完了した注文から、LINE が送られます（オンにする前の注文には送られません）。

画面右上の「ワークフローをオンにする」を押します。

4️⃣ テスト注文で確認する

LINE と連携しているお客様のアカウントで、テスト注文をします。支払いが済むと、LINE に「領収書」ボタン付きのメッセージが届きます。ボタンを押して、領収書が開くことを確認してください。

LINE のボタンを押すと、その注文の領収書が開きます。

領収書以外の書類や、英語の書類にする

ボタンで開く書類は、リンクの最後のほうにある type=receipt と locale=ja で決まっています。

書類の種類を変える：type=receipt の receipt の部分（= のうしろ）だけを、次の言葉に書き換えます。

たとえば請求書のボタンにする場合、リンクは次のようになります（変えたのは type= のうしろだけです）。

{{ shop.primaryDomain.url }}/apps/saku-print?orderId={{ order.legacyResourceId }}&confirmationNo={{ order.confirmationNumber }}&type=invoice&locale=ja

ボタンの文字（"label": "領収書"）も、あわせて "label": "請求書" のように変えてください。

英語の書類にする：locale=ja の ja の部分を en に書き換えて、locale=en にします。

• 領収書と納品書は、支払いが済んだ注文で開けます。支払い前の注文では「支払いが完了していない注文です。」と表示されます。
• 領収書と請求書など、2つ以上のボタンを並べたいときは、コードの "footer" の中の { "type": "button", … } をコピーして、カンマ（,）で区切って並べます。

Hydrogen（ヘッドレス）ストアの場合

Hydrogen ストアでは、/apps/saku-print のリンクが開けません。Hydrogen プランのストアには、帳票専用の入口（https://receipt.saku-apps.com/document）があります。この入口を使うのは、Hydrogen プランの機能です（開発ストアでは無料でお試しいただけます）。

Flex メッセージのコードの "uri" の行のリンクを、次のリンクに置き換えてください。

https://receipt.saku-apps.com/document?shop={{ shop.myshopifyDomain }}&orderId={{ order.legacyResourceId }}&confirmationNo={{ order.confirmationNumber }}&type=receipt

• {{ shop.myshopifyDomain }} には、ストアの myshopify ドメイン（例 example.myshopify.com）が自動で入ります。
• 書類の種類は、上と同じように type=receipt の receipt の部分を書き換えます。
• 英語にするときは、リンクの最後に &lang=en を足します。

詳しくは、「Hydrogen（ヘッドレス）ストアでの設定ガイド」をご覧ください。

ほかの LINE・メッセージアプリで送る場合

Shopify Flow からメッセージを送るほかの LINE アプリやメッセージアプリでも、メッセージに同じリンクを入れれば使えるはずです。アプリによって入力欄の名前やメッセージの形式が違うため、必ずテスト注文で、ボタンやリンクから領収書が開くことを確認してください。

参考リンク

• CRM PLUS on LINE（Shopify App Store）
• CRM PLUS on LINE 公式サイト（ソーシャルPLUS）
• Flex Messageの配信（CRM PLUS on LINE 設定マニュアル）
• Flex Message テンプレートギャラリー（ソーシャルPLUS）

うまくいかないとき

• LINE にメッセージが届かない
  ワークフローがオンになっているか確認してください。LINE と連携していないお客様には届きません。連携のしかたは、CRM PLUS on LINE のヘルプをご確認ください。Shopify Flow の「最近の実行」で、エラーが出ていないかも確認できます。
• 「Flexメッセージのコンテナ」でエラーになる
  コードの一部が欠けているかもしれません。この記事のコードを、最初の { から最後の } まで、もう一度すべてコピーして貼り付けてください。
• ボタンを押すと「注文が見つかりませんでした。」と表示される
  リンクの変数を確認してください。orderId= には {{ order.legacyResourceId }}（数字の注文ID）を使います。{{ order.id }} では開けません。
• ボタンを押すと「ログインが必要です。再度ログインしてください。」と表示される
  リンクの confirmationNo={{ order.confirmationNumber }} の部分が抜けているか、書き換わっている可能性があります。この記事のリンクを、もう一度コピーして貼り付けてください。
• 「支払いが完了していない注文です。」と表示される
  領収書は、支払いが済んだ注文で開けます。トリガーを「Order paid」にしてください。
• Hydrogen ストアで、ボタンを押しても書類が開かない
  リンクが /apps/saku-print のままになっていないか確認してください。上の「Hydrogen（ヘッドレス）ストアの場合」のリンクに置き換えます。

それでも解決しないときは、info@saku-apps.com までお問い合わせください。

メールで領収書を届けたいときは、「通知メールに領収書への導線を作る方法」や「他社メールアプリにて注文確認メールを送信する方法」をご覧ください。