アプリの特徴
- お客様がサンクスページ・注文状況ページ・メールから自分で発行
- インボイス登録番号と、8%・10%の税率ごとの内訳に対応
- 会社のロゴ・印鑑・テーマカラーを設定できる
- 管理画面から1件ずつでも、まとめてでも印刷
- 帳票は日本語と英語に対応
- Proプラン：備考の出し分け・発行済みタグ・発行回数の制限
- Hydrogenプラン：ヘッドレス（Hydrogen）ストアでも発行
※注意
「新しいお客様アカウント」対応。
「従来のお客様アカウント」には一部対応。（テーマ「Dawn/Rise/Studio」対応済み）
購入完了直後に表示される「サンクスページ」に、領収書などをダウンロードできるボタンを設置する方法です。お客様は購入した直後に、その場で書類を開けます。
※呼び方について：「注文詳細ページ」と「注文状況ページ」は同じ画面です。お客様が自分の注文を開いたときに見るページのことです。「サンクスページ」は購入直後に出る画面で、編集画面では「サンキュー」と表示されます。
設定ガイドのステップ2のチェックは、サンクスページ（この記事）と注文状況ページ（「注文状況ページ（マイページ）に領収書ボタンを設置する方法」）の両方にボタンを追加すると付きます。
この記事でわかること
- サンクスページにボタンを追加する手順
- 表示する書類の選び方
- 支払い方法による表示の違い
全体の流れ
はじめに、設定するとお客様にどのように見えるのかを説明します。
- お客様が商品を購入し、支払い（注文の手続き）を完了します。
- 購入が完了すると、サンクスページ（購入直後の画面）に、SAKU領収書のボタンが表示されます。
- お客様がボタンを押すと、その注文の書類（領収書など）が開きます。ログインしていないお客様（ゲスト購入）でも開けます。
この記事では、サンクスページにボタンを表示させる設定を、Shopify のチェックアウトエディタで行います。設定は次の4つのステップです。
- サンクスページの編集画面（チェックアウトエディタ）を開く
- 「SAKU buttons - Thanks page」を追加する
- 表示する書類を選ぶ
- 保存する
始める前に用意するもの
- SAKU領収書（インストール済みであること）
- Shopify 管理画面の操作権限（「設定」→「チェックアウト」を開けること）
操作する場所：Shopify管理画面 → アプリ → 「SAKU Receipt」 → 「Home」の設定ガイド ステップ2 →「サンクスページを開く」（または、Shopify管理画面の「設定」→「チェックアウト」）
1️⃣ サンクスページの編集画面を開く
サンクスページの編集は、Shopify の「チェックアウトエディタ」で行います。開き方は2通りあります。どちらでも同じ画面が開きます。
① アプリの「Home」から開く場合：
Shopify管理画面で「アプリ」→「SAKU Receipt」を開きます。「Home」の「設定ガイド」でステップ2を開き、「サンクスページを開く」を押します。チェックアウトエディタが、「サンキュー」ページで別のタブに開きます。
② 「設定」から開く場合（ボタンが表示されないときもこちら）：
Shopify管理画面の左メニューで「設定」を開き、「チェックアウト」を押します。チェックアウトの設定画面が開いたら、「編集」を押します。
赤枠の、左メニューの「チェックアウト」と、画面の「編集」を押します。
③ 編集画面の上部で、ページを「サンキュー」にします。
チェックアウトエディタが開いたら、上部のページ切り替えで「サンキュー」を選びます（「サンキュー」がサンクスページです）。
④ 「サンキュー」ページの編集画面が表示されれば、ステップ1は完了です。
2️⃣ 「SAKU buttons - Thanks page」を追加する
ここでは、サンクスページに SAKU領収書のボタン（ブロック）を足します。ブロックとは、ページに置く部品のことです。
① 左側の「メイン」にある「ブロックを追加」を押します。
「サンキュー」ページの左側に、ページの部品の一覧が表示されます。メインの「ブロックを追加」を押すと、追加できるアプリの一覧が開きます。
② アプリの一覧から「SAKU buttons - Thanks page」を選びます。
「SAKU Receipt」の下にある「SAKU buttons - Thanks page」の「＋」を押し、追加先として「サンキュー」を選びます（エディタでは「サンキュー」と表示されます。サンクスページと同じです）。
赤枠は、上から順に、ページ切り替え（「サンキュー」）、メインの「ブロックを追加」、「SAKU buttons - Thanks page」です。
③ 左側の一覧に「SAKU buttons - Thanks page」が追加されれば、ステップ2は完了です。
3️⃣ 表示する書類を選ぶ
① 追加したブロックを選びます。
左側の一覧で、追加した「SAKU buttons - Thanks page」を押します。
② 右側の「ブロック設定」で、ボタンを出したい書類をオン（True）にします。
- 領収書：設定なしで、常に表示されます。
- 「Show Invoice (請求書表示)」「Show Delivery Note (納品書表示)」「Show Quotation (見積書表示)」：オン（True）にした書類のボタンが表示されます。初期値はすべてオフ（False）です。
赤枠は、左の一覧のブロック、右の設定欄（Show Invoice など）、右上の「保存」です。
③ 出したい書類がオン（True）になっていれば、ステップ3は完了です。
4️⃣ 保存する
① 画面の右上の「保存」を押します。
保存しないとストアには反映されません。（上の画像の赤枠の「保存」です。）
② 「保存」を押したあと、変更が保存されれば、ステップ4は完了です。
アプリの「Home」の設定ガイドで、ステップ2の条件（注文状況ページ（注文詳細ページ）とサンクスページの両方への追加）を満たすと、自動でチェックが付きます。
設定後のストア表示
購入が完了すると、サンクスページに書類のボタンが表示されます。ログインしていないお客様（ゲスト購入）にも表示され、ボタンから書類を開けます。
お客様が選んだ支払い方法が「代金引換」「銀行振込などの手動決済」「後払い」のときは、領収書のボタンが灰色になり、「お支払い後に領収書を印刷可」と表示されます。カード払いなどでは、通常のボタンが表示されます。請求書・見積書のボタンは、お支払い前でも使えます。
入金を確認したあとに領収書を出す方法は、「代金引換・銀行振込の注文で領収書を発行する方法」をご覧ください。
※Hydrogen（ヘッドレス）ストアの場合（Hydrogenプラン）：このボタンは、Hydrogenストアでも開ける帳票の入口へ自動で切り替わります。設定は上の手順と同じです。詳しくは「Hydrogen（ヘッドレス）ストアでの設定ガイド」をご覧ください。
お客様が書類をダウンロードできる場所は「注文状況ページ」「サンクスページ」「注文確認メール」の3つです。あわせて設定すると便利です：注文状況ページ／サンクスページ／注文確認メール
うまくいかないとき
-
ボタンが表示されない
エディタで「保存」を押したか確認してください。また、サンクスページには、注文状況ページとは別に、「SAKU buttons - Thanks page」の追加が必要です。 -
エディタ上でボタンを押しても書類が開かない
編集画面のプレビューでは書類は開きません。テスト注文をして、実際のサンクスページで確認してください。 -
銀行振込なのに領収書が灰色になる
支払いが完了していない決済方法のため、正しい表示です。入金を確認して、Shopifyの注文を「支払い済み」にしたあとに、注文状況ページや注文確認メールから領収書を開いてください。
