はじめての設定ガイド

このページの手順どおりに進めれば、LINEで予約を受け付けられるようになります。各項目はタップで開閉できます。上から順に進めてください。

運営から受け取った店舗管理ページのURLを開いた状態で、この設定を進めてください。

1このシステムでできること▾

お客様がスマホからメニュー→日時を選んで予約リクエスト
新しい予約が入るとあなたのLINEに通知が届く
管理ページで承認／見送り、承認するとお客様のLINEにも連絡（予約者ログイン設定時）
営業時間・定休日・メニュー・予約の刻み（15/30/60分）を自由に設定
（任意）Googleカレンダー連携で予定を自動で空き枠から除外・登録
（任意）LINEのリッチメニューに予約ボタンを設置

2管理ページを開く▾

運営から受け取ったURL（…/admin?tenant=あなたのID）を開きます。よく使うのでスマホのホーム画面やブラウザにブックマークしておくと便利です。

画面上部のタブ「予約／メニュー／設定」で切り替えます。まずは「設定」タブから始めます。

3店舗情報・営業時間・メニューを設定（画像つき手順）▾

まずは設定タブとメニュータブを入力します。入力後は各画面の「保存する」を忘れずに。

オレンジの枠＝押す・入力する場所／1の番号＝あとで貼る値

1店舗情報を入力

tap-yoyaku.com/admin — 設定

🏠 店舗情報

店舗名

はり灸サロン和

業種（任意）

鍼灸・美容鍼

「設定」タブで、お客様の予約画面に表示される店舗名・業種を入れます。

2営業時間・予約の刻みを設定

tap-yoyaku.com/admin — 設定

🕘 営業時間

月営業10:00 〜 19:00

日定休お休み

15分30分60分

曜日ごとに「営業／定休」と時間を設定。予約開始時刻の単位（15/30/60分）も選びます。

3メニューを追加

tap-yoyaku.com/admin — メニュー

メニュー名

美容鍼 60分

料金

¥8,000

所要時間

60分

追加する

「メニュー」タブで、提供メニューを追加します（名前・料金・所要時間・説明）。所要時間は空き枠の計算に使われます。

4通知の送信元（LINE公式アカウント）を設定（画像つき手順）▾

予約通知を送るためのお店のLINE公式アカウント（Messaging API）を用意します。一度だけの設定です。手順6のWebhook設定を忘れると、次の「6桁コード」連携が完了しないので必ず行ってください。

オレンジの枠＝押す・入力する場所／1の番号＝あとで貼る値

1プロバイダーを1つ作る

developers.line.biz/console/

プロバイダー

作成

プロバイダー名

〇〇サロン

LINE Developersにログイン →「作成」でプロバイダーを1つ作ります（例：あなたの店名）。⚠️ このプロバイダーは、あとで手順7（予約者ログイン）でも同じものを使います。覚えておいてください。

2「Messaging API」チャネルを作る

developers.line.biz/console/

＋新規チャネル作成

💬Messaging API

🔑LINEログイン

🧩LINE MINI App

そのプロバイダー内で「新規チャネル作成」→ 緑の「Messaging API」を選びます（＝お店のLINE公式アカウント）。

3チャネル情報を入力して作成

console — 新規チャネル（Messaging API）

チャネル名＊

〇〇サロン

チャネル説明＊

ご予約の受付

大業種／小業種＊

美容・健康

作成

チャネル名（＝お客様に表示されるお店の公式アカウント名）などを入れて「作成」。

4チャネルシークレットを控える

console — チャネル基本設定

チャネル基本設定Messaging API設定

チャネルシークレット

a1b2c3d4••••••••

「チャネル基本設定」タブに 1 チャネルシークレットがあります。あとで貼ります。

5チャネルアクセストークンを発行

console — Messaging API設定

チャネル基本設定Messaging API設定

チャネルアクセストークン（長期）発行

トークン

AbCdEf0123••••••••••••

「Messaging API設定」タブの下の方 →「チャネルアクセストークン（長期）」を発行 → 2 これを控えます。

6Webhook URL を登録する（重要）

console — Messaging API設定 › Webhook

Webhook URL

https://tap-yoyaku.com/api/line/webhook/あなたのID

Webhookの利用

応答メッセージ（オフ推奨）

Webhook URL（コピーして貼る）

https://tap-yoyaku.com/api/line/webhook/あなたのID

同じ「Messaging API設定」タブで、Webhook URL に下の 3 を登録し、「Webhookの利用」をONにします。⚠️ このURLはブラウザで開くものではありません。コピーしてLINE側の「Webhook URL」欄に貼るだけです。直接開くとエラー画面（405）が出ますが、それで正常です。⚠️ Webhookを忘れると、次の手順5「6桁コードを送る」をしても連携が完了しません（届いたか判定できないため）。貼ったら「更新」→ LINEの「検証」ボタンで「成功」と出ればOK。併せて下の「応答メッセージ」をオフにしておくと自動返信が出ず綺麗です。

7予約システムに2つの値を貼って保存

tap-yoyaku.com/admin — 設定

💬 通知の送信元（Messaging API）

チャネルアクセストークン

AbCdEf0123••••••

チャネルシークレット

a1b2c3d4••••••

保存する

予約システムの 設定 → 通知の送信元（LINE公式アカウント） に、2 アクセストークンと 1 チャネルシークレットを貼って「保存する」。

5通知の受け取り先（あなた）をコードで登録（画像つき手順）▾

あなたのLINEを通知先にします。むずかしい設定は不要で、公式アカウントを友だち追加して、番号を送るだけです。

オレンジの枠＝押す・入力する場所／1の番号＝あとで貼る値

1お店の公式アカウントを友だち追加

〇〇サロン

🏠

〇〇サロン

追加

スマホのLINEで、手順4で作ったお店の公式アカウントを「友だち追加」しておきます（通知が届く前提）。

2「通知先を登録する」を押す

tap-yoyaku.com/admin — 設定

🔔 通知の受け取り先（店主）

💬 通知先を登録する（LINEでコードを送る）

予約システムの 設定 → 通知の受け取り先（店主） で「通知先を登録する（LINEでコードを送る）」を押します。

36桁の番号が表示される

tap-yoyaku.com/admin — 設定

この番号を公式アカウントに送ってください

4 8 2 1 5 9

📋 番号をコピー

画面に6桁の番号が出ます（10分間有効）。この番号を次でLINEに送ります。

4公式アカウントのトークに番号を送る

〇〇サロン

482159

✅ 連携が完了しました（〇〇さん）。これから新しいご予約はこのトークに通知されます。

友だち追加したお店の公式アカウントのトーク画面を開き、その6桁の番号をそのまま送信します。

5「連携済み」になれば完了

tap-yoyaku.com/admin — 設定

連携済み：〇〇さん

予約システムの画面が「連携済み：〇〇さん」になれば設定完了です。設定 → 通知の送信元 →「🔔 テスト通知を送る」で確認できます。

6Googleカレンダー連携（任意・画像つき手順）▾

連携すると、承認した予約が自動でカレンダーに登録され、逆にカレンダーの予定はお客様の空き枠から自動で除外されます。連携はいつでも解除できます。

オレンジの枠＝押す・入力する場所／1の番号＝あとで貼る値

1「Googleカレンダーと連携する」を押す

tap-yoyaku.com/admin — 設定

📅 Googleカレンダー連携

🗓️ Googleカレンダーと連携する

予約システムの設定ページ下部にあるボタンを押します。

2Googleで「許可」する

accounts.google.com — 同意

予約管理システムがあなたのカレンダーへのアクセスを求めています

キャンセル許可

Googleのログイン→同意画面が出ます。連携したいGoogleアカウントを選び、「許可」を押します。

3連携完了・記録先カレンダーを選ぶ

tap-yoyaku.com/admin — 設定

連携中：you@gmail.com

記録先カレンダー

メインカレンダー

「連携中」と表示されれば完了。承認した予約がこのカレンダーに自動登録され、カレンダーの予定は空き枠から自動で除外されます。

7予約者のLINEログイン（画像つき手順）▾

設定すると、お客様が予約時にLINEでログインし、候補日の提示や確定連絡をお客様のLINEへ送れるようになります（承認時の「ご予約が確定しました」通知もこれが必要です）。未設定でも、名前入力での予約は使えます。

オレンジの枠＝押す・入力する場所／1の番号＝あとで貼る値

1通知Botと「同じプロバイダー」を開く

developers.line.biz/console/

プロバイダー

〇〇サロン

Messaging APIあり

別のプロバイダー

LINE Developersにログイン → 手順4で通知Bot（Messaging API）を作ったのと同じプロバイダーをクリック。⚠️ ここを間違える（別プロバイダーで作る）と、通知が届きません。最重要ポイントです。

2「新規チャネル作成」→「LINEログイン」を選ぶ

developers.line.biz/console/

＋新規チャネル作成

💬Messaging API

🔑LINEログイン

🧩LINE MINI App

チャネルの種類の一覧が出ます。緑の「LINEログイン」を選びます（Messaging APIではありません）。

3チャネル情報を入力して作成

console — 新規チャネル（LINEログイン）

チャネル名＊

〇〇予約

チャネル説明＊

予約受付用

アプリタイプ＊

✓ ウェブアプリ✓ ネイティブアプリ

メールアドレス＊

you@example.com

✓ 利用規約に同意する

作成

チャネル名（例：〇〇予約）とメールを入力。アプリタイプは「ウェブアプリ」にチェック。規約に同意して「作成」。

4チャネルID・シークレットを控える

console — チャネル基本設定

チャネル基本設定LINEログイン設定

チャネルID

2010xxxxxx

チャネルシークレット

a1b2c3d4••••••••

作成後「チャネル基本設定」タブに 1 チャネルID と 2 チャネルシークレットがあります。この2つを後で予約システムに貼ります（シークレットは「発行」「表示」を押すと出ます）。

5LIFFアプリを追加する

console — LINEログイン設定 › LIFF

チャネル基本設定LINEログイン設定

サイズ

✓ Full✓ Tall✓ Compact

エンドポイントURL ＊

https://tap-yoyaku.com/customer?tenant=あなたのID

Scope

✓ profile✓ openid

追加

エンドポイントURL（コピーして貼る）

https://tap-yoyaku.com/customer?tenant=あなたのID

「LINEログイン設定」タブ →「LIFF」→「追加」。サイズはFull、エンドポイントURLに下の予約ページURLを貼り、Scopeは profile と openid にチェックして「追加」。

6LIFF IDを控える

console — LINEログイン設定 › LIFF

LIFFアプリ

LIFF ID

2010xxxxxx-abcd1234

追加すると 3 LIFF ID が発行されます。これも予約システムに貼ります。

7予約システムに3つの値を貼って保存

tap-yoyaku.com/admin — 設定

🔑 予約者のLINEログイン（任意）

LINEログインチャネルID

2010xxxxxx

LINEログインチャネルシークレット

a1b2c3d4••••••••

LIFF ID（推奨）

2010xxxxxx-abcd1234

保存する

予約システムの 設定 → 予約者のLINEログイン に、1 チャネルID・2 シークレット・3 LIFF ID を貼って「保存する」。これで完了です。

8チャネルを「公開」にする（忘れると店主以外がログインできません）

console — LINEログインチャネル

開発中→公開公開する

「公開」はLINEの審査ではなく、ただのスイッチです。押した瞬間からどなたでもログインできます。

LINEログインチャネルは作った直後は 開発中 です。このままだと、店主（開発者）以外のお客様がログインしたときに LINE 側で「400 Bad Request — This channel is now developing status」と出て予約できません。チャネル画面の上部にある 開発中 をクリックし、公開に切り替えてください。

LIFFを使わない場合（コールバックURL方式）

LIFFを作らない場合は、LINEログイン設定の「コールバックURL」に次を登録します（お客様は予約時にログイン操作が1タップ増えます）。

https://tap-yoyaku.com/api/customer-login/callback

8LINEリッチメニュー（任意・画像つき手順）▾

お店の公式アカウントのトーク画面下部に、予約ボタンなどのメニューを設置できます（先に手順4のトークン保存が必要）。

オレンジの枠＝押す・入力する場所／1の番号＝あとで貼る値

1画像を選ぶ（サイズを決める）

tap-yoyaku.com/admin — 設定

📱 LINEリッチメニュー

大きい（2段）小さい（1段）

画像を選ぶ

設定→LINEリッチメニューで、大きさ（大＝2段／小＝1段）を選び、メニューにしたい画像をアップします。

2ボタンにする場所を四角で囲む

tap-yoyaku.com/admin — 設定

四角①四角②

画像の上で、タップさせたい場所を指でなぞって四角を描きます（いくつでも作れます）。

3各四角にリンクを割り当てる

tap-yoyaku.com/admin — 設定

ボタン①のリンク

https://tap-yoyaku.com/customer?tenant=あなたのID

ボタン②のリンク

https://instagram.com/〇〇

四角を選んで、開くURLを設定します（予約ページはプリセットあり。Instagram等の外部リンクもOK）。

4「LINEに反映する」で完成

tap-yoyaku.com/admin — 設定

トークバーの表示（14文字まで）

メニュー

下書き保存LINEに反映する

トークバーの文言（例：メニュー）を入れて「LINEに反映する」を押すと、お店の公式アカウントのリッチメニューになります（先に手順4のトークン保存が必要）。

9困ったとき・よくある質問▾

Q. 通知が届きません

A. ①お店の公式アカウントを友だち追加済みか、②手順5のコード連携が「連携済み」になっているか、 ③通知の送信元のトークンが保存済みか、を確認し「テスト通知」をお試しください。

Q. 通知先を別の人に変えたい

A. 設定 → 通知の受け取り先 →「通知先を登録し直す」を押し、新しい通知先の方のスマホで、公式アカウントに新しい番号を送ってください。

Q. お客様にはどのURLを渡せばいい？

A. 上部の「お客様の予約ページ」URL（…/customer?tenant=…）です。 LINEのリッチメニューやプロフィールに設置してください。