建立LINE圖文選單和LINE LIFF連結
使用LINE官方帳號的圖文選單功能讓客戶在LINE app 就可以預約您的服務！
如果您已經使用BookNow提供客戶線上預約功能，現在，只要依照本文說明的步驟完成設定，您在LINE app 裡就能提供客戶預約、預約查詢和作品集/活動照片等多項功能。
圖文選單功能建立完成後，客戶就可以在LINE app裡預約。如果您想讓客戶預約時可以不用每次都需填寫姓名等個人資料，可進一步設定LINE的 LIFF 連結 (見第二章的說明)，並讓圖文選單的連結網址調用 LIFF的連結即可。
如果您想在服務開始前(例如24小時前)在LINE發送訊息提醒客戶準時來店，您可以使用第二章建立的Provider，新增一個Messaging API，即可達成此目的。(見第三章的說明)
如果您還沒有BookNow的帳號，可以至BookNow的官網註冊一個帳號(不需任何費用)，實際體驗BookNow為您的生意帶來的方便和好處。
第一章 建立LINE圖文選單
如果您已有LINE官方帳號，可以跳過下面1.1節的「建立LINE官方帳號」的說明，直接登入Line官方帳號管理頁面開始建立圖文選單。
1.1 建立LINE官方帳號
如果您還沒有LINE官方帳號，請至https://tw.linebiz.com/account/，按「免費開設帳號」，請在下圖畫面，先將語言從English改成繁體中文，然後使用現有的LINE帳號或LINE商用帳號登入或按「建立帳號」註冊新帳號登入，登入後建立您的LINE官方帳號。
1.2 建立圖文選單
登入LINE官方帳號管理頁面後，點選「主頁」，然後選擇「圖文選單」，按右上方的「建立」，就可以建立一個圖文選單。
建立圖文選單的過程，請參考LINE的官方說明
相關的欄位說明如下：
[標題]：您自己識別用的文字，如 BookNow圖文選單。
[內容設定]：請根據您的需求(例如想提供預約、預約查詢兩項功能或預約、預約查詢、作品集三項功能等)，選擇適合的版型，選擇版型後，在對應的動作方格，設定用戶按此方格時對應的動作。在我們的例子，「類型」請選擇「連結」，然後在網址欄貼上您在BookNow後台的「設定」->「Line預約」頁面顯示的網址連結。
接著上傳自己準備好的圖檔或按「建立圖片」自己建立一個適合的圖檔。圖文選單的圖片規格支援多種尺寸，建議您可直接使用Canva來製作：登入 https://www.canva.com後，點擊 Create a design 選擇客製的規格，即可輸入你想要的圖片尺寸來製作。
上傳圖檔後，按儲存，圖文選單的設定就完成囉！接下來就是打開LINE 官方帳號檢查你的圖文選單排版是否正常顯示，也要記得點擊按鈕來確認設定的動作內容是否正確
到這裡，您已經可以讓客戶直接在LINE app裡預約您的服務、查詢預約結果、查看作品集/活動照片了。
如果您想讓客戶預約時不用每次都要填寫姓名和電話等個人資料，您可以繼續進行下面章節的設定，完成後，客戶只有第一次預約時需要填寫個人資料，之後就都不必填寫就可以預約。
第二章 建立LINE Messaging API發送訊息
如果您想在服務開始前發送訊息提醒客戶準時來店，要點選官方帳號右上方的設定，新增一個Messaging API，然後在BookNow後台LINE預約設定啟用「服務前發送訊息提醒顧客」選項即可。詳細操作步驟如下：
登入LINE官方帳號 https://manager.line.biz/ 選擇我們已經建立的帳號名稱，進入LINE官方帳號管理的主頁。
選擇右上方的「設定」後，再點選左方設定選單的 Message API。
此時可能會有以下幾種狀況：
A. 您已經在使用Message API。
如果您看到的是上面的畫面，表示您已經在使用Message API了，可以略過下面 B 項目的說明，直接點選 [Line Developers] 進行其他設定。
B. 您還未曾使用Message API，這個情況畫面顯示如下。
此時，請點選「啟用Message API」。
點選「啟用Message API」後，如果出現以下畫面，就表示您先前曾建立[服務提供者 provider]，這個情況的畫面顯示如下。
此時，不能點選[建立服務提供者]，要選擇已經存在的服務提供者，[BookNow預約平台]為本說明的測試 provider，實際情況請選擇您已存在的 provider 項目。選擇後，會出現確認的畫面。
如果您先前沒有建立過[服務提供者provider]，這個情況的畫面顯示如下。
相關的欄位說明如下：
Provider name: 請輸入客人可以識別的店家提供的服務，例如「莉莉創意沙龍預約平台」(假設您的店名是"莉莉創意沙龍")。
如果您建立了「隱私權政策」和「服務條款」網頁，可以填入相關欄位，也可不填，直接按「確定」。
確認選擇的「帳號名稱」和「服務提供者名稱」(Provider) 正確後，按「確定」啟用此Provider的 Messaging API。
完成Message API的啟用後，按「LINE Developers」，前往https://developers.line.biz/zh-hant/ 繼續其他設定。
前往https://developers.line.biz/zh-hant/ , 切換右上方語言為繁體中文。進入 Messaging API，按「開始體驗」新增一個新Channel。
點選Consolec後，可以在Recently visited channels下面看到Messagine API
點選後，出現相關欄位的填寫說明如下：
Channel type: 選 Messaging API。
Provider: 剛才在官方帳號上，啟用Message API時，所建立的provider，例如「莉莉創意沙龍預約平台」。
Company or owner's country or region: 選 Taiwan。
Channel icon: (選填) 您可上傳一個圖檔作為此 channel 的icon。
Channel name: 幫這個 channel 取個名字，如 "訊息發送"。
Channel description: 簡單說明這個 channel 的用途。
Category 和 Subcategory: 選擇您的行業別。
Email address: 填寫您的 email。
Privacy policy URL: (選填) 您店家的隱私權聲明網址。
Terms of use URL: (選填) 您店家的使用者條款網址。
勾選同意 "I have read and agree to the LINE Official Account Terms of Use" 和 " I have read and agree to the LINE Official Account API Terms of Use" 項目後，按 Create。
建立完成Channel後, 在上方的導覽列選擇Messaging API，在畫面最下方Channel access token欄有一長串文字，按右方的複製圖示，然後在BookNow後台Line預約設定頁面，啟用「服務前發送訊息提醒顧客」，並且將複製的文字貼到「Messaging API的 Channel access token」欄，然後按儲存即大功告成。
第三章 建立LINE圖文選單的 LIFF連結
LIFF是LINE提供的API，透過 LIFF, 圖文選單對應的連結網址可以取得客人的User ID和姓名，直接帶進BookNow預約網頁，客人不用每次都需填寫個人資料就能直接預約或查詢預約，客戶預約您的服務會更輕鬆。
由於只有預約和預約查詢需要取得客戶的 User ID，所以我們只需要建立這兩項功能的LIFF。作品集等功能並不需要。
接下來我們就來說明如何完成LIFF的設定並套用到圖文選單。 首先，到 https://developers.line.biz/zh-hant/, 切換畫面語言為繁體中文。 如果沒有已登入，請按右上方的 Login, 登入LINE Developers 平台。首次登入 LINE Developers Console 時，需輸入您的姓名和 Email，以建立開發人員帳號。
點選已經存在的providers，例如「莉莉創意沙龍預約平台」
再點選Create a new channel，
3.1 在 Provider下建立一個 Channel
進入我們建好的 Provider，按 Create a New Channel, 選擇 Channel 的類型為LINE Login。
相關的欄位說明如下：
Region: 請選擇 Taiwan。
Company or owner's country or region : 請選擇 Taiwan。
Channel icon: 請上傳您店家的Logo圖。
Channel name : 可以取名"線上預約"。
Channel description: 填寫店家的備註，例如「莉莉創意沙龍線上預約專用」。
App types : 請點選 Web app。
Email address : 請輸入電子郵件信箱。
最後勾選「 I have read and agree to the LINE Developers Agreement」後，按「Create」，即可建立Channel。
建立完成後, 將上方Channel 的狀態從 Developing 改為 Published, Channel 就創建完成。
注意：請務必將 Channel 的狀態改成 Published, 否則客戶無法在LINE使用您的圖文選單。
3.2 在 Channel 下建立圖文選單功能需要的LIFF連結
完成LINE Login 的Channel 創建後，我們要在此 Channel建立兩個 LIFF，一個是給預約功能使用，另外一個是給預約查詢功能使用，在此先建立給預約使用的 LIFF。
進入我們創建完成的 Channel後, 在上方的導覽列選擇LIFF，然後按 Add。
相關的欄位說明如下：
LIFF app name : 您識別用的LIFF名稱，如"預約" (第二個LIFF名稱可以取名為"預約查詢")。
Size : 選擇 Full。
Endpoint URL : 請貼上從BookNow後台LINE預約設定頁面複製的「預約」功能連結網址。
Scopes : 選擇pfofile和openid。
Bot link feature(或Add friend option) : 選擇 On(Aggresive)。
上述欄位設定完成後按 Add 即可建立給預約功能使用的 LIFF。依上述相同步驟我們可以建立給預約查詢功能使用的 LIFF，但要在 Endpoint URL貼上從BookNow後台複製的「預約查詢」功能連結網址。
在建立完成的LIFF列表，我們可以看到建立了兩個 LIFF 和對應的LIFF URL 和 LIFF ID 欄位，接下來，
a. 將LIFF URL欄位的網址複製到 1.2 節建立的圖文選單的連結網址, 取代原先的網址。
b. 將 LIFF ID欄的文字複製到BookNow後台LINE預約設定的「預約的LIFF ID」和「預約查詢的LIFF ID」欄。
大功告成！現在可以讓客戶在使用圖文選單的預約和預約查詢功能時調用LIFF取得客戶的 User Id，直接帶到預約網頁，不用再填寫個人資料就可以直接預約。