整合前請注意:若您是要設定「LINE 帳號可註冊/登入商店會員」功能,請直接點此 FAQ連結。
SHOPLINE 提供整合 LINE 服務,透過串聯 LINE API,讓店家能匯集線上、線下的消費行為,有效擴展訂單來源以及行動行銷市場,將更多有使用LINE的消費者帶入成為商店會員。
當店家連結 LINE 帳號之後,能使用以下功能:
注意:以上功能發送的訊息都將以付費訊息發送,會佔用 LINE 每月免費訊息的額度。
【設定流程 共十二步驟】
步驟一:確認商店計畫方案,開始使用
進入商店後台右上角「你好,OOO」>「我的訂閱紀錄」查看商店的計畫方案和模組。
- 如果您看到的畫面如下圖,頁面內容中有「開店方案」及「功能模組」請先確認您的商店是否有「網路開店/社群購物」方案。有的話可以前往步驟二進行設定。
- 如果您看到的畫面如下圖,頁面內容中的「計畫」為基本計畫、高階計畫、豪華計畫、O2O、企業旗艦計畫。請您先確認您的商店是否為「O2O/企業旗艦」計畫。
如果是的話請進入左側目錄選單中的「擴充功能」>「擴充功能商店」來安裝功能。
步驟二
前往「LINE Official Account Manager」創建 LINE官方帳號,或以有「管理員權限」的 LINE 個人帳號 / 商用帳號 登入。如為 LINE@ 帳號,請先透過 LINE Official Account Manager 後台進行升級 LINE 流程,才能串接服務並保留原先的追蹤者唷!
*請注意:帳號由 LINE@ 轉換為 LINE 官方帳號後無法復原,用戶將無法操作 LINE@ 服務電腦版及應用程式版,需至新版的 LINE Official Account Manager 電腦版及應用程式版使用。
步驟三
登入 LINE Official Account Manager 後點選頁面右側的「設定」> 點擊左側選單的「Messaging API」> 「啟用 Messaging API」
選擇「建立服務提供者」輸入 shopline(請使用小寫),或如您先前設定過 LINE login 時已在 LINE Developers 創建過 Provider,即可選擇既有的 Provider 選項做後續串接。
選取後點擊下方「同意」並「確定」啟用 Messaging API。
步驟四
啟用 Messaging API 後可由頁面點擊下方「LINE Developers」連結前往 LINE Developers 頁面右上方帳號圖示 > 點選「Provider List」選取剛剛建立的「shopline」 Provider > 就會看到已經建立好的「Messaging API」。
步驟五
點擊進入 Messaging API 在 Basic Settings 分頁中找到 Channel ID 及 Channel secret 確認與 LINE Official Account Manager 中的值相同(如下圖),並顯示在 LINE Official Account Manager 設定之 APP Icon、名稱、敘述、商店類別及電郵。
步驟六
接下來到 SHOPLINE 商店後台「第三方服務整合」下方的「LINE」進入設定頁面,並點擊「連接 LINE 服務」右方的「連接」。
步驟七
回到 LINE Developers 透過非常重要的五個步驟,將「Basic settings」分頁中的設定值填入商店後台及「LINE Official Account Manager」,請務必確實進行才有辦法成功連接唷!
- 在 Basic Settings 分頁找到「Channel ID」及「Channel secret」分別填入商店後台對應欄位。
- 在「Messaging API」找到「Channel access token(long-lived)」,點擊右邊「Issue 」按鈕。
選擇 0 hours 後,複製貼上 Token 資料至SHOPLINE 步驟3欄位。
回到SHOPLINE後台將 Webhook URL,貼回 LINE Developers 頁面。
提醒:如果 LINE 回應模式若是選擇「聊天」,則會沒有 Edit 按鈕,並且會顯示「Note:If the response mode of your bot is "Chat", you cannot enable webhooks.」,請先將回應模式改回「聊天機器人」模式後,再稍等數分鐘後,重新進入該頁面進行操作。
- 完成上一步後等候約 1~2 秒出現「Verify」點擊後務必確認看到 Success 字樣出現。
接下來到 LINE Official Account Manager 填入一樣的 Webhook URL 並於最前方加上 https:// 作為開頭,按下「儲存」右上角出現「已儲存」就完成囉!
5. 注意,若您要使用「訊息中心 - LINE 1:1 訊息功能」,這裡請選擇「聊天機器人模式」。若您沒有要使用「訊息中心 - LINE 1:1 訊息功能」,請使用「聊天訊息模式」。
*訊息中心 - LINE 1:1 訊息串接功能請點 此連結 參考詳細設定說明
設定後回應模式畫面
以上設定完成時,您可以在 LINE Official Account Manager 的「聊天」頁面中查看所有 LINE 對話。
步驟八
創建 LINE Login Channel 讓顧客可以訂閱您的 LINE@
請注意
- 若已設定過SHOPLINE後台「開啟 LINE 註冊及登入」功能,可跳過此步驟直接前往步驟八
- 若尚未設定過「LINE 註冊及登入」,請參考此篇「LINE 帳號快速註冊/登入商店會員|顧客登入設定」進行設定,完成後才能繼續步驟八
步驟九
設定完成後,請進入 LINE Login Channel 資訊頁面,在「Basic settings」分頁複製「Channel ID」及「Channel secret」,並於後台相對應的欄位貼上,務必留意貼上於後台的設定值正確。
步驟十
接著要取回您的 LINE@ ID,請於 LINE Login Channel 中點擊「LINE Login > Linked OA」的 Edit 按鈕,選擇您的 Message API Channel 並點擊 Update 按鈕。
完成後,會顯示您的 LINE@ ID(@ 後方的文字,不含 / 以後的字),以上方 ID 舉例:096nwxhk,請您將您的原始 ID (非專屬 ID)回填至 SHOPLINE 後台對應欄位。
步驟十一
更新 Callback URL 至LINE
請先複製 SHOPLINE 後台的 Callback URL,再進入 LINE Login Channel 的「LINE Login > Web app > Callback URL」後,點選「Edit」按鈕,再將 URL 貼至於此。
*若未完成此步驟,顧客在前台使用 LINE 帳號註冊/登入時會看到「400」的錯誤提示
步驟十二
加油~來到最後一哩路了!在該頁面右上角可以看到「Developing」的狀態,請點擊後選「Publish」,接著狀態會更新為「Published」。
步驟十三
回到SHOPLINE後台並點擊右下角「連接」,右上角將出現「成功連接LINE」! 恭喜您完成設定!
評論