歡迎使用 OptibookingPlatform！本教學將帶您一步一步完成設定精靈的 8 個步驟，讓您的預約系統順利上線。

預計完成時間：15 ~ 30 分鐘（視您是否已準備好 LINE 相關設定而定）

---

前置準備

在開始設定精靈之前，請先確認以下項目：

- 一組 LINE 官方帳號（LINE Official Account）

- 已建立 LINE Developers Console 的帳號（用於設定 Messaging API 和 LIFF）

- 準備好您門市的基本資訊（名稱、電話、地址等）

- 一組 Google 帳號（選填，用於同步 Google 日曆）

如果您尚未建立 LINE Developers Console 相關設定，請先參考：

[LINE Developers Console 設定指南]

[Google 日曆連結指南]

---

如何進入設定精靈

1. 登入 OptibookingPlatform 後台

2. 進入 Dashboard（控制台）頁面

3. 點擊頁面上方的 「設定精靈」 按鈕

設定精靈按鈕僅對 Admin（管理員） 角色顯示。

設定精靈會自動記住您的進度——如果您中途離開，下次進入時會自動跳到上次完成的步驟。

您也可以隨時點擊上方「略過，稍後再設定」跳過精靈，回到 Dashboard。

---

Step 1：門市基本資訊

設定您的門市名稱、聯絡方式與地址。

欄位說明

操作步驟

1. 在 門市名稱 欄位輸入您的店名（此為必填欄位）

2. 依需求填寫其他欄位

3. 點擊 「下一步」 儲存並進入 Step 2

小提示

Google 地圖連結怎麼取得？

- 前往 [Google 地圖] (https://maps.google.com) 搜尋您的門市

- 點選「分享」按鈕

- 點選「複製連結」，將連結貼到此處

Google 評論連結怎麼取得？

- 前往 [Google Place ID Finder](https://developers.google.com/maps/documentation/javascript/examples/places-placeid-finder) 搜尋您的門市名稱

- 複製 Place ID

- 組成連結https://search.google.com/local/writereview?placeid=您的PlaceID

---

Step 2：營業時間與預約設定

設定每週的營業時間，以及預約時段的間隔。

營業時間

系統預設為 週一至週五 09:00 ~ 18:00 營業，週六日公休。您可以依實際狀況調整：

1. 每天都有一個 開關 ，開啟代表營業、關閉代表公休

2. 營業日可設定 開始時間 和 結束時間 （以 30 分鐘為單位，從 00:00 ~ 23:30）

3. 公休日會顯示「公休」文字

預約設定

預約時段間隔可選擇：15 分鐘、30 分鐘、45 分鐘、60 分鐘

最遠可預約天數範圍：7 ~ 365 天

操作步驟

1. 調整每天的營業開關與時間

2. 設定適合您業務的預約時段間隔

3. 設定顧客可提前預約的天數

4. 點擊 「下一步」 儲存

---

Step 3：新增服務項目

新增您提供的服務項目，顧客在預約頁面會看到這些選項。

重要：至少需要新增一個服務項目才能進入下一步。

欄位說明

操作步驟

1. 在「新增服務項目」區塊填寫服務名稱與時長

2. 點擊 「儲存」 新增服務

3. 重複以上步驟，新增所有您需要的服務

4. 已建立的服務會列在上方，可點擊垃圾桶圖示刪除

5. 確認至少有一個服務後，點擊 「下一步」

---

Step 4：LINE Messaging API 設定

設定 LINE Messaging API，讓系統可以透過 LINE 官方帳號發送預約通知和自動回覆。

如果您尚未建立 LINE Messaging API Channel，請先參考 [LINE Developers Console 設定指南]。

欄位說明

Webhook URL 設定

填寫完上述欄位後，系統會自動產生一個 Webhook URL，請按照以下步驟設定：

1. 點擊 Webhook URL 旁的 複製按鈕

2. 前往 [LINE Developers Console] → 您的 Messaging API Channel → Messaging API 頁籤

3. 將複製的 URL 貼到 「Webhook URL」 欄位

4. 開啟「Use webhook」 開關

5. 關閉「Auto-reply messages」（由系統接管自動回覆）

注意：如果沒有正確設定 Webhook，系統將無法接收 LINE 訊息，也無法自動回覆顧客。

操作步驟

1. 填寫 Channel ID、Channel Secret、Channel Access Token、Bot Basic ID

2. 複製 Webhook URL 並到 LINE Developers Console 完成 Webhook 設定

3. 點擊 「下一步」 儲存

---

Step 5：LINE LOGIN & LIFF 設定

設定 LIFF（LINE Front-end Framework），讓顧客可以直接在 LINE 內完成預約和會員綁定。

如果您尚未建立 LINE Login Channel 和 LIFF App，請先參考 [LINE Developers Console 設定指南]。

設定步驟

1. 前往 [LINE Developers Console]

2. 建立一個新的 LINE Login Channel（或使用現有的）

3. 進入 LINE Login Channel → LIFF 頁籤 → 點擊 新增 LIFF App

4. Endpoint URL：複製設定精靈中顯示的 LIFF Endpoint URL，貼到此處

5. Size：選擇 「Full」

6. Scopes：勾選 openid 和 profile

> 極重要：Scopes 務必勾選 openid 和 profile，缺少 profile 會導致顧客登入失敗！

7. 儲存 LIFF App 後，複製 LIFF ID

8. 回到設定精靈，將 LIFF ID 貼到 LIFF ID 欄位

9. 點擊 「下一步」 儲存

LIFF ID 格式

LIFF ID 的格式類似1234567890-xxxxxxxx，可以在 LINE Login Channel 的 LIFF 頁籤中找到。

---

Step 6：綁定 LINE 接收通知

將管理者的個人 LINE 帳號綁定到系統，以便即時接收預約建立和取消的 LINE 通知。

操作步驟

1. 進入 Step 6 後，系統會自動產生一個 QR Code

2. 用手機開啟 LINE App，掃描畫面上的 QR Code

3. 進入聊天室後，直接點 「送出」 訊息

4. 收到「管理者綁定成功」的訊息即代表完成

5. 此頁面會自動偵測綁定狀態並更新（不需手動重新整理）

注意事項

- QR Code 有效期為 30 分鐘，過期後可點擊「重新產生」

- 如果您正在手機上操作，可以點擊 「在手機上直接開啟」 按鈕，不需掃碼

- 此步驟可以跳過，但建議完成綁定，以便即時收到預約通知

綁定成功後

畫面會顯示綠色勾勾和「LINE 綁定成功！」的訊息，代表之後有新預約或取消，您都會透過 LINE 收到通知。

---

Step 7：Google 日曆

連結 Google 日曆，讓預約自動同步到您的 Google 行事曆。

操作步驟

1. 點擊 「連結 Google 日曆」 按鈕

2. 系統會開啟新視窗，導向 Google 授權頁面

3. 選擇您要使用的 Google 帳號

4. 點擊 「允許」 授權

5. 授權完成後，設定精靈頁面會**自動偵測**並顯示「Google 日曆已連結！」

如果授權過程中遇到問題，請參考 [Google 日曆連結指南]。

同步功能

- 新建預約會自動在 Google 日曆建立事件

- 取消預約會自動移除對應的日曆事件

- 此步驟為選填，可以跳過

---

Step 8：設定完成！

恭喜您完成所有設定！畫面會顯示綠色勾勾和成功訊息。

點擊 「前往 Dashboard」 按鈕即可回到控制台，開始使用您的預約系統。

> 其他進階設定（如預約時段細節、驗光人員管理等）可以在 Dashboard 的「設定」頁面中調整。

---

常見問題

Q：設定到一半離開了，下次進來還要重新設定嗎？

不用。 設定精靈會自動記住您的進度。下次進入時，系統會偵測您已完成的步驟，自動跳到尚未完成的步驟。

Q：哪些步驟可以跳過？

以下步驟提供「略過」或「跳過」按鈕：

- Step 1：門市基本資訊（但建議填寫門市名稱）

- Step 4：LINE Messaging API（跳過則無法使用 LINE 相關功能）

- Step 5：LINE LOGIN & LIFF（跳過則無法在 LINE 內預約）

- Step 6：綁定 LINE 接收通知（跳過則不會收到 LINE 通知）

- Step 7：Google 日曆（跳過則不同步日曆）

Step 3（服務項目）不可跳過，至少需新增一個服務項目。

Q：設定完成後還能修改嗎？

可以！完成設定精靈後，您可以：

- 重新進入設定精靈修改任何步驟（點擊進度條上已完成的步驟即可回去）

- 在 Dashboard 的「設定」頁面中調整更多細項

Q：LINE 相關設定需要哪些帳號？

您需要：

1. LINE 官方帳號（LINE Official Account）— 這是您對外的 LINE 帳號

2. LINE Developers Console 帳號 — 用來管理 Messaging API 和 LIFF 的技術設定

3. 兩者需要在同一個 Provider 下建立

詳細步驟請參考 [LINE Developers Console 設定指南](./line-developers-setup.md)。

Q：為什麼 LIFF 一定要勾選 profile scope？

profile scope 允許系統取得顧客的 LINE 顯示名稱和頭像。如果未勾選，顧客在 LINE 內開啟預約頁面時會登入失敗，無法正常使用預約功能。

Q：QR Code 掃不到怎麼辦？

1. 確認 QR Code 是否已過期（有效期 30 分鐘），可點擊「重新產生」

2. 確認手機 LINE 版本為最新版

3. 如果在手機上操作，可以點擊「在手機上直接開啟」按鈕，不需掃碼