整合 LINE 服務

 TO2O_____.jpg

整合前請注意:若您是要設定「LINE 帳號可註冊/登入商店會員」功能,請直接點此 FAQ連結


SHOPLINE 提供整合 LINE 服務,透過串聯 LINE API,讓店家能匯集線上、線下的消費行為,有效擴展訂單來源以及行動行銷市場,將更多有使用LINE的消費者帶入成為商店會員。

當店家連結 LINE 帳號之後,能使用以下功能:「廣播中心」、「訂單狀態通知」、「在LINE APP 快速註冊」以及「開啟 LINE 註冊即登入」。

OQm5t0GO39jMkEs6I-ohEApHRFfq-yzxL7fYTdOJqOCP_DT71QMoGeK0vjAqQ48YtpYnQ9YeRBn8aZVkBRN1NBEh2r9FvNXxZ0TBw3StfFrL5YtkGMAG21WkzcS6f9WvyLWd3Hyh.png



以下將說明如何在 SHOPLINE 後台連結您的 LINE 官方帳號:

【設定流程十二步驟】

步驟一

 前往「LINE Official Account Manager」創建 LINE 2.0 官方帳號,或以有「管理員權限」的 LINE 個人帳號 / 商用帳號 登入。如為 LINE@ 帳號,請先透過 LINE@ Manager 後台進行升級 LINE 2.0 流程,才能串接服務並保留原先的追蹤者唷!

*請注意:帳號由 LINE@ 轉換為 LINE 2.0 官方帳號後無法復原,用戶將無法操作 LINE@ 服務電腦版及應用程式版,需至新版的 LINE Official Account Manager 電腦版及應用程式版使用。如有任何疑問可以先參考:LINE@生活圈 全面升級 | 全新官方帳號2.0計畫 問與答,並由商店後台留言給線上顧問,以避免誤轉換後部分服務無法使用。


步驟二

登入 LINE Official Account Manager 後點選頁面右側的「設定」> 點擊左側選單的「Messaging API」> 「啟用 Messaging API」
DkgUvVAgppzm2DtD-gAthsUa5AXl28HmrzYAqobxS3wexnwLHZmN1b5u8RdtmdQ-uJtCQCNi2FsSqQEDp3y0bjpbKbGRKtEf5twnYwa1lUeteUSHs9YFB8QRYtpmrljLMmu7RpNv.png

選擇「建立服務提供者」輸入 shopline請使用小寫,或如您先前設定過 LINE login 時已在 LINE Developers 創建過 Provider,即可選擇既有的 Provider 選項做後續串接。

選取後點擊下方「同意」並「確定」啟用 Messaging API。

3ojw1rbHVq5lm8pzsAEnTs548wBitVKXx49PqsbAfQokAZeCQyYEIlUUrh6GYf1BR1pBEs_mMfbNvFRzkLtQGebwAE_GNNItx95ND-4CySAYMxflF6EysLz9kogB7noZV578P-qR.png

 

步驟三

啟用 Messaging API 後可由頁面點擊下方「LINE Developers」連結前往 LINE Developers 頁面右上方帳號圖示 > 點選「Provider List」選取剛剛建立的「shopline」 Provider > 就會看到已經建立好的「Messaging API」。

9kfNb_lQKOiuXx-9cc-dIXzZUoYa3KDB8WCOvF03BSoMH1OQta8caNxmd-DYvkqX5Wq_NB1ILXv4aXE2Y4W7FLZ_6wL5ceFSnMHVB12FKlZMPntzhe50IuvQrQpetohSU_YQ6wEM.png

B-TCHs0ex8_oj6YQDARDvll-QFkl-dEeucxxvXQXMOE6LPJAzrdIn0biizzkkJcwFd_5lfRtmZ7lNChPNF96tsMFx854QsvVNm4pFEHj0gB6XqgaI60QZJOo7-HoEBdin4hy3Tpu.png

步驟四

點擊進入 Messaging API 在 Channel Settings 分頁中找到 Channel ID 及 Channel secret 確認與 LINE Official Account Manager 中的值相同(如下圖),並顯示在 LINE Official Account Manager 設定之 APP Icon、名稱、敘述、商店類別及電郵。

Zf8llUNU5DWSPtEsUV2-GMKKJ6HzwJXIrjK2E7Rq0HTNV6Cx-eL9Ikhd3Z9ZPZvaDV6tZ0jY37304cyn-drsSgTCOmmzZkgrDAJTaoU8qSRVMevtODCQ1vDj8q7xmC9lpbX5PJZb.png

X00HZrlRDdfwxgFHY69t4Ht0qIv62uL4vlJqanKp_zzgLjDk80yIIUdRHe9Ad63NT5D2-wMtDATFTyyH6aj8yTOq6LKzH48usnrPK1MJXM1KGv6IG0zfwG4Rr52QlJLy9C6ecMhi.png


步驟五

接下來到 SHOPLINE 商店後台「第三方服務整合」下方的「LINE」進入設定頁面,並點擊「連接 LINE 服務」右方的「連接」。

-DoMtZ9QjjggnOE7UWrWdAL3GkF-XSNyZ_LvnuSvI45vrdJwOJ1u84hmIdtmmoHN1x7rQsWTPD8fsoI_jGaXyPwqWC6G2Pyii6WKYB2jWed0GaFrtUSeaHBAE5abaJIoF8gp6waR.png

 

步驟六

回到 LINE Developers 透過非常重要的五個步驟,將「Cannel settings」分頁中的設定值填入商店後台及「LINE Official Account Manager」,請務必確實進行才有辦法成功連接唷!

vq7Q4bBz3cyeK-fBvw6Yu7jFXWGe1GpDXO1ohlQPDrlFyvluNQZ_IesARdzJm2EGZLpMiqHyBgOFw53f_HoqZguYJ8GZRIyjX0U9GwYbUcW3gaTkJWG_8FzTDcANm-OBg98xa_1g.png

  1. 在 Channel Settings 分頁找到「Channel ID」及「Channel secret」分別填入商店後台對應欄位。

 cW4H9tCzoY_Ups4-8S96dYSZm9D1UmuI9P9GFDpfJMvu9XhXGAArlEFDgIaIJ2WsxIF_oERwajGjMtsGOzE5UFcftGlCNBExczFxXa4G56ITcb_nk2t9Mcc5AsYY2gMcuZNIvpKV.png

 

  1. 往下找到「Channel access token(long-lived)」,點擊右邊「Issue 」按鈕。

    選擇 0 hours 後,複製貼上Token 資料至SHOPLINE 步驟3欄位。

 

wAdT7Cr4evQ-OOnaUpu1AT3z1E_bRv6iz9xGRSxZCbKRvWN3GLZ3W2_Dt-qryspvWGD1JWKVd2qyur8Jco2mnlWCG_35qLuwie1Q62PpBmH7PuK1jhg3UfI-Vjd9Lb2hWwcnYccT.png

CQa9NFZztKbIEhfnPskLySbRYwGnjU0VIn-AqFAjTez8ucpFbv6iRGY0AoY3APV5p8UWuYPU2xEEP56-SknUKnBzfR1h9jocIcvRxCpIC_Ji5fRg4cIbTcad8lS8dIVGV33zfd80.pngcOxMNxbT2tIaqZhQmIPOMlQuUx2btBl5uVGxUVyafZXxkwI2qfw35PKbrrtDsfgi9MujfdV0KdOY0W1ivXhA2-XV1a__aVfo5Bsq3GbvOh-sVUI-lMUrrENsbcEY0P0UywSD3f23.png

5r1pKF1lPe_U6DtYoglqYwNDkNVUFyCBVBSXUolHDcZ_BFG2wShGqnVSQERpDDX1Jr3a1BaaQdTt_4MAzrhqPER5p33xeixA6Q2w_Pstc2ij0dILOrGHEy5S3ZSOaZ-kFpgq1E6C.png


  1. 找到「Use webhooks」再點擊 Edit,將它改為 Enabled。再回到SHOPLINE後台提供的 Webhook URL,貼回 LINE Developers 頁面。

DBrUlL-OKtLsarPU0xfSmasKuCbJ6cqjXYnU-wPOlDDhTNg8XvKkGrQbG0wNa5oJDTRZRPXwHPZJotyls9IxrdH_f4uupwW84Xv89-VmlWgO2yBmJMptSZS-LUJzEFWXDDfeU__5.png

vVl0GmBmgZ1VXLU93S7HHuPYWGMi_B_DRgaU3jFf0Ai2rGUqz57D4Ty90Nzd_3uqpwI8NtR9ZOefEQJhVyCQ2v9t9ZhjifpEsYz1hJP5cDnhiNyge1C_lYdwYo3G7lAszb4Hze7p.pngtAMqZcmN4LlLPB6DY57f4PC20tl2rvnmEJQzKUGHrpnXkfuPdFRJOAd8lYZVtyxtXu35XCQcPem2Qij4IuHQcx_-47FF8OlAf7KQY5pSZHHPjGXUylvpZTQWoQIC3HVKBmNoSzSW.png

VVHNAOyVufkq3TuMFgU4jfeGhUjZo7HmjVUVBtBZhM1ep8CS2arrbXitVXsicFzm30TUGUkrfBpn3Ahmk3Ff6pq00m5ooY9CbODSYpToX_c_EO33bQCMDTPDknpcW1AJjovVezt5.png

 

  1. 完成上一步後等候約 1~2 秒出現「Verify」點擊後務必確認看到 Success 字樣出現。

N01UCVKa31exDQ3sGbg1jWwlFhful3hCniEIlaGtaQt1w9zZOIzux5E0Rwo38ktZc9bGPhFTsqnULoRf_bpMCnwgxMlyjnoZHNDF7CwXF2Hv7aSU4kRBE31XrX-urXRfj6MO7LjK.png

cKqN-x1vgcDVtXlfm6Pj4PDVKPZ6JIe0_vle1mEq3No-87bJ4NmKryPTj6AtXY4ExZRuV_WgusCJIokMZSHRvItUOUGHkeqgP_JBS8cYBw51RQXRYICAEoNvnPf2mosHW0aViO0L.png

 

接下來到 LINE Official Account Manager 填入一樣的 Webhook URL 並於最前方加上 https:// 作為開頭,按下「儲存」右上角出現「已儲存」就完成囉!

ebatTTeF57xzZnt4eQ-PrpdVepCpxPX8Q_84GAHhBIyW33CjQItzGzq29b6xbzKhuuolgs-x1FjOV1LsRhEZwdKT8YROPf2FshUnGr-bE2KPqHMzrnBP12rLevQ4OLy2XWRdynVo.png


5. 在 LINE Official Account Manager 設定「回應模式」由「聊天機器人」調整為「聊天訊息」收到提示通知 > 確認變更回應模式
BpiZmgGn2zga26wbWmtBCqyJUvk4WTXoRRweGlEFkfGai7eEih9J9T-Yuoo3UMhzde1IAATl1l60NoL97KOAgVoYNKrRKT_8lr9BdV9LwZKyJ6wC2GhwYZqZSdiZjXYC1qPBc5Q3.png

4MAOpp-BzW44YRA67-PZwC-olShaCjepL0nCP1JCPdeB2J-pjeTH9wewAJfMvVP-iZ5AkAQFKlRZKO033-TAUp4vcjMstqOzkH6AIucBBNONuSuBLCVVMyYCxgxUJae5I4h7gcem.png

設定後回應模式畫面

dRyh0we-6zfjJ66EgpKB1Ld9Oug1ATzJcGC4AfPmbnQlysnbByq_Xum_YvJ_DCXWF1gzr9UYYF7IhvtWHfRhmxo-gAZZH7VQn2VvD4ibWPaIcC0Ui7cWnKY7Epeaf55-HpzKiiyD.png
以上設定完成 LINE 好友對話即會顯示於 LINE Official Account Manager 的「聊天」頁面。

oxBiZz7Atb3tKKF4RUwIhPxlKcdNQYiu2zec9jSINNk3fjpnc-Q9Js84Vh28j9PX2hrMH2qfBtS37cclvTPuGCemw_yBB2KCQMU8P2QKXu5iHm9I_zHzHo_6d0J6ilqJIOgAWNbo.png

YA_zurWlTFVuUN_1AhRQzD2GM5SYP2ZdRCv425DXPKf7nlL0jgxGOdBRIqkSVR_S-FU7Pe0p9JTkyojN2_IPBbFcZCnBO_TUihQ4pSpYssmWTvqI6la6YFpIDCFO8emuQaJWhqSM.png
*SHOPLINE 商店後台開啟 1:1 對話功能:請聯絡線上顧問。

步驟七

創建 LINE Login Channel 讓顧客可以訂閱您的 LINE@

請注意
- 若已設定過SHOPLINE後台「開啟 LINE 註冊及登入」功能,可跳過此步驟直接前往步驟八
- 若尚未設定過「LINE 註冊及登入」,請參考此篇「如何設定 LINE 帳號可註冊/登入商店會員」進行設定,完成後才能繼續步驟八

  

步驟八

設定完成後,請進入 LINE Login Channel 資訊頁面,在「Cannel settings」分頁複製「Channel ID」及「Channel secret」,並於後台相對應的欄位貼上,務必留意貼上於後台的設定值正確。

mceclip0.png

 

 

步驟九

接著要取回您的 LINE@ ID。請於 LINE Login Channel 中點擊下方「Bot linked to this channel」的 Edit 按鈕,選擇您的 Message API Channel 並點擊 Update 按鈕。

DpRNM8MqkFvRg0aoXNnZ-qW_j_C6KQ2NzNm9tuDF3u3YGChmSZlfpXtSS3471WmI-nOQZmsxpjAyRGgEqZ7YnEIjWYW73uLd3WRbmvR6OPlItWflBkiJls9G8gxG0xAUrWBzVr2f.pngXd1DjtoHEBt8O0IpgN25DkE1hvdFnOORHxS-La01TKm1ummnIhZEkiwLkh-wXwUNbm6styuT61rK-D8oPuiIcBJGJfjEMo39EoDLsQPNLfKJ0xXTPxH5m8kc-yRGg2frsnUvLmw-.png 

完成後,會顯示您的 LINE@ ID(@ 後方的文字,不含 / 以後的字),請回填至SHOPLINE後台對應欄位。

 ZR38q0LlW0DHe38D_yBZBjZEArxQifVb36wpmmpACu3JgT16w1btNVjiA9RXHRCYLF3t-mTRN3cA-gntQRmznDa-BwDWe79S4SZSTpiLM23-uBej2V_bs75W7j54aaHZ4zroqBy4.png58-bhAzOpJkAfv2gevzaDP_CSv2BEZFaaqWnUwvJUNN6Ft9vXGel0sRRvbBGkiPHy5y7L4ue5n4ezfHjkJiAh8E8tNUe_PliKZNbud22Osfui7cbW683iEC3QvCaKbKBJrFLmi60.png

 

步驟十

更新 Callback URL 至LINE

進入 LINE Login Channel 的「App settings」分頁,找到「Redirect settings > Callback URL」後點右邊的「Edit」按鈕,再將 SHOPLINE 後台步驟 11 的 Callback URL 複製貼上於此。

0roXhxO1X9ItxcyGLgftmG4CAqto2wL6r0NbQw-v02jrZgTmK4FG9Ttk5B0FBaKOgfOpsABKNKhk1ju2J70zN7iWVr03hv4AfJsyN7mQ6UUq8zsgrjCgoOGOTPfnfHrM1RiPBW42.png9ahARsepTfLGWaDrEHDIF7M44WAlPaGqfELUuvnTsg_uLCHj81RQFOqmFJ_hFtaRPJEZOpxFLpKY84GQhE5Q-tnPJODuoOrKcLPYbzXqNEqVPHWHV5QCPb2R2240agISfXGqU9_P.pngT4hrkC0VfV5g0wXtD8FapNKk672woyXnQEv9BhUt_gF0d5q4RX50_oNEaeoWHxOFPKoQG_BPtI-o-DgT4Qu38L5OmjaLBM_Vp8rHe8a03PucfEbUJ7Q-imSXXigwXgJcX0L_jmRa.pngaIIE2mPwWeZf5czYnQm3H8Dfzqy5pjDPq7p7fqZAz2pf_8RHYVduChrpYBvk_urbOg64fYCOz3vj6IDDCRpEy1L6RPu5WF5UkkWAlEGlGZkTcs1IU8ugUYP7XTa0khrpl6BVZnPp.png *若未完成此步驟,顧客在前台使用 LINE 帳號註冊/登入時會看到「400」的錯誤提示

 

步驟十一

加油~來到最後一哩路了!在該頁面右上角可以看到「Developing」的狀態,請點擊後選「Publish」,接著狀態會更新為「Published」。

ReQIm2rKVLjDy7E42hihaj9OdhdK-_BCI6D8XWLco-wrr2RtFsXdjU4JNL3YrI4kZguqTVKAHEqspiltsIvBmn3J01gmItQEN08PHehIr9pl9jKcqtFBdmyZ3HFv67cTaT-iNCIK.png

 

步驟十二

回到SHOPLINE後台並點擊右下角「連接」,右上角將出現「成功連接LINE」! 恭喜您完成設定!

Lfu_KWg7fcjwK5Tfk20CYUWMZZU3fBSB0rTlBivA0zZF85WxrfPQHB8eoS3lxFCavfjkYgT7TnZqNDRI4Kqxpt593FJPw5HRd_La_CZb_PMA936AmzRKM2TpkdGKWmLQbKwzUbzY.pngQdbi1BmOoAJOv4ne-N2FtsBEhlKYInpXWtmevFyqt-Y9UFOBcxgSYMNnHpA3ml_GLgOyFz4vvX4f-80Fc-e9z_6Q09SvlIOVMNuH0VwhWV8LZW7mkW_3uk6qspDbWssB4KL4WRYq.png 

 

追加設定:

1. LINE 訂單通知:第三方服務整合 > LINE 選單中將「訂單通知」打開


*請注意:LINE 訂單通知會以「訊息」發送,費用依照 LINE 2.0 官方帳號訊息計價(例如:輕用量每月免費 500 則訊息,無法加購訊息數。)
1U4W-pJOJYqaJ0A7MF9O74eAPrboSNHpsI4sNZ0Ou_C4tXyXM9JnrJUuT9DVLFFt4RCpK1PDlzkg3b7qbHnSnMSXVI-LOfBesYvc63U9kmskTyo-ucwmqtSj9o0DLuTX_NhqvlP_.png


2. SHOPLINE 商店後台開啟 1:1 對話功能:請聯絡線上顧問。

還有其他問題?提交請求

評論