連接LINE@/LINE官方帳號

O2O_EP-15.png

請務必注意以下兩點:
1. 若您是要設定「LINE 帳號可註冊/登入商店會員」功能,請直接點此FAQ連結
2. 若您目前是使用 LINE@,而非 LINE@ 2.0 官方帳號的版本,可從商店後台留言給線上顧問,以避免誤轉換後部分服務無法使用。

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

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

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

 

【設定流程十一步驟】

 步驟一: 從「第三方服務整合」下方的「LINE」進入設定頁面,並點擊「連接LINE@」右方的「連接」。

mceclip0.png

 

步驟二:點擊「LINE developer」後,會跳轉至 LINE 應用程式頁面。

mceclip1.png

 

並於該頁面點擊「Messaging API > Start now」後用 LINE 帳號登入,若為公司戶,可使用公司的 LINE 帳號。

mceclip2.png

mceclip3.png

 

步驟三:新建供應商(Provider)取名為 shopline (請使用小寫,否則設定會不成功)。

註:若已設定過「開啟 LINE 註冊及登入」功能,請跳過步驟三,選擇先前已創建的shopline provider即可。

mceclip4.png

 

步驟四:設定您的商店Icon、名稱及敘述 。

mceclip7.png

 

接著設定您的商店類別及電郵。

mceclip8.png

步驟五:點擊「Confirm」確認並同意LINE使用您的資訊,並於下一步勾選「我已閱讀並同意使用條款」,再點「Create」。

mceclip10.png

mceclip11.png

mceclip12.png

 

 

 步驟六:進入該 Channel 資訊頁面後,須在「Cannel settings」分頁裡確認非常重要的五件事,請務必確認您有確實完成!以確保商店可以正常使用功能。

 

1. 找到「Channel ID」及「Channel secret」,這是專屬的設定值,請複製後於後台相對應的欄位貼上

mceclip14.png

mceclip15.png

mceclip16.png

 

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

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

mceclip17.png

mceclip18.png

mceclip19.png

mceclip20.png

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

mceclip24.png

mceclip23.png

mceclip25.png

mceclip27.png

 

 4. 完成上一步後,點擊 「Verify」,確認看到 Success 字樣出現。

mceclip29.png

mceclip30.png

5. 關閉自動回覆功能

    為了能傳送 1 對 1 訊息,請往下找到 Auto-reply messages ,點擊右方的「Set message」,會前往帳號管理設定。請將自動回覆訊息勾選成「停用」。

mceclip31.png

mceclip32.png

選擇後,右上角將出現�「已儲存」提醒。

_____2019-05-23___3.58.01.png

 

步驟七:創建 LINE Login Channel 讓顧客可以訂閱您的 LINE@

請注意:若已設定過SHOPLINE後台「開啟 LINE 註冊及登入」功能,可跳過此步驟直接前往步驟九步驟十一即可

從左側選單選擇您的供應商,點擊 「Create new channel」並選擇「LINE Login」

mceclip34.png

mceclip35.png

並上傳一張圖店(可用商店 Logo 圖)、輸入「App name」及「App description」,這些內容在顧客透過 LINE 註冊時,會於頁面中看到,保存後亦可再做編輯,務必留意於「App name」欄位請勿輸入空格,避免在最後保存時出現錯誤提示

mceclip38.png

接著在「App type (can select more than one) 」同時勾選「Use WEB [WEB]」和「Use NATIVE_APP [NATIVE_APP]」,再於下方輸入 Email 地址後點「Confirm」及下一步勾選「我已閱讀且同意 LINE 應用程式協議」再點「Create」。
*Email address 欄位下方的「Privacy Policy URL」和「Terms Of Use URL」為選填,留空即可。

mceclip39.png

 

 

mceclip40.png

步驟八:進入剛建立的LINE Login Channel 資訊頁面後,須在「Cannel settings」分頁裡確認非常重要的三件事,請務必確認您有確實完成!以確保顧客可以訂閱您的LINE@!

1. 找到「Channel ID」及「Channel secret」,這是專屬的設定值,請複製後於後台相對應的欄位貼上,務必留意貼上於後台的設定值正確,避免顧客在前台使用 LINE 帳號註冊/登入時看到「400」的錯誤提示

mceclip42.png

mceclip46.png

mceclip45.png

2. 找到「App type」確認是否顯示「NATIVE_APP」和「WEB」,若沒有,請點右邊的「Edit」按鈕。

mceclip47.png

3. 找到「OpenID Connect > Email」後會先看到預設顯示「Unapplied」,須點右邊的「Submit」

mceclip48.png

接著,勾選下圖中兩個選項,並上傳「商店公告隱私權政策(告知顧客會存取使用者之 Email 地址)」的內容截圖畫面,完成後點「Submit」。

mceclip49.png

完成後,原先的「Unapplied」會更新為「Applied」。

mceclip51.png

 

*若該欄位維持 unapplied,您的顧客在商店前台使用 LINE 帳號註冊/登入時,會看到以下錯誤提示,且無法完成商店會員註冊/登入

Screen_Shot_2019-05-22_at_12.35.45.png

不過若顯示為 applied,但部分顧客嘗試使用 LINE 帳號註冊/登入時仍看到該錯誤提示,這表示顧客使用的 LINE 帳號未綁定 Email 地址,因此要請顧客使用手機上的 LINE 應用程式,進入「設定>我的帳號」的畫面後於「電子郵件帳號」欄位輸入 Email 綁定即可。

 

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

mceclip52.png

mceclip53.png

 

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

 

mceclip54.png

mceclip55.png

 

步驟十:更新 Callback URL 至LINE

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

mceclip56.png

mceclip1.png

mceclip59.png

mceclip2.png

 *若未完成此步驟,顧客在前台使用 LINE 帳號註冊/登入時會看到「400」的錯誤提示

 

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

mceclip68.png

 

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

 

mceclip63.png

_____2019-05-23___6.31.33.png

 

 

 

還有其他問題?提交請求

評論