如何設定｜LINE會員快速登入
2022-08-04
【目錄】
一、前置作業
二、後台串接設定
三、前台顯示
四、後台標籤標記
五、備註
說明：
𝟭. 當店家想簡化顧客註冊會員的流程，讓顧客可以快速註冊會員，即可依照以下操作手冊，設定「LINE 會員快速登入」功能。
𝟮. 如顧客使用其他方式註冊成為會員（例如：一般的商店會員註冊），仍可在登入會員帳號後，於會員資料內綁定「LINE 會 會員快速登入」功能。
𝟯. 此功能也適用「加入會員購金」的購物金發送。
𝟰. 如顧客一開始即使用「LINE 會員快速登入」註冊會員，之後忘記密碼的話，就會需要依照右方操作手冊，於 LINE APP 內重設密碼：https://bit.ly/3PiGZad。
𝟱. 請務必使用「電腦」操作，切勿使用手機操作，因 LINE Developers ( 開發者後台) 部分設定頁面不完整支援。
一、前置作業
＊請 務必務必務必 先完成以下前置作業，再進行【二、後台串接設定】設定流程！否則將無法正常進行設定！
在 ShopStore 店家管理後台→「基本設定」→「商店設定」→「服務條款及隱私政策」區塊內，需一定要有內容。
如店家本身對顧客已有一套自己品牌公司對於顧客相關法規說明，即可以在此做輸入；如較不知道此欄位需填寫什麼內容的話，可以直接前往我們 ShopStore 官網的「隱私權條款」，從＜第一條 適用範圍>將整篇內文複製貼上。
二、後台串接設定
＊如為初次使用 LINE Developers ( 開發者後台) 的店家，在登入 LINE Developers ( 開發者後台) 後，會需先點擊頁面下方綠色按鈕「Create s new provider」，先建立一個您的帳戶。之後即可依序下方的步驟做操作。
前往 LINE Developers ( 開發者後台) →點擊「Create a channel」區塊。
選擇「LINE Login」項目。
輸入相關資訊。
＊Channel Type：預設會帶入剛店家選擇的「LINE Login」，因此不用再更動此欄位。
＊Provider：預設會帶入店家的「LINE名稱」，因此此欄位也不用更動。
＊Region to provide the service：請選擇「Taiwan」。
＊Company or owner's country or region ：請選擇「Taiwan」。
＊Channel icon：點擊「Register」上傳您的商店 LOGO。
確認資料皆正確後→請下滑頁面，小編繼續引導店家填寫其他相關資料。
輸入相關資訊。
＊Channel name：可輸入「商店名稱」。
＊Channel description：輸入您商店的「介紹／描述」。
＊App types：請選擇「Web app」就好。
＊Email address：請輸入可連絡您的 Email。
確認資料皆正確後→請下滑頁面，小編繼續引導店家填寫其他相關資料。
輸入相關資訊。
＊Privacy Policy URL：此為您商店「隱私權政策」的網址，如店家未有新增其他分頁說明「隱私權政策」，為使用我們後台「基本設定」→「商店設定」→「服務條款與隱私權政策」的話，店家可以直接輸入「首頁網址/about_policy」。
➞ 例如：https://123.shopstore.tw/about_policy
＊Terms of use URL：請輸入您商店首頁的網址。
➞ 例如：https://123.shopstore.tw
＊I have read and agree to the LINE Developers Agreement：請勾選此項。
確認資料皆正確後→點擊底部綠色按鈕「Create」。
在「Channel ID」點擊右方「
」複製按鈕，將介接碼複製起來→複製後，下滑頁面至「Channel secret」欄位。
在「Channel secret」點擊右方「」複製按鈕，將介接碼複製起來。
登入 ShopStore 店家管理後台→「行銷推廣」→「Line」。
在「會員 Line 快速登入」區塊，點擊右方按鈕做開啟。
在「Channel ID」與「Channel secret」欄位，將剛複製的介接碼貼上至對應欄位。
確認資料皆正確後→點擊右下角藍色按鈕「儲存」。
在「Callback URL」點擊右方灰底「複製」按鈕，將此串 URL 複製起來。
回到 LINE Developers ( 開發者後台) →點擊「LINE Login」頁籤。
請務必一定選擇「網頁應用程式」。在「Web app」區塊內，於「Callback URL」位置，點擊「
」按鈕。
在「Callback URL」欄位，將剛剛複製起來的 URL 貼上至此欄位。
確認資料皆正確後→點擊「
」按鈕。
點擊「Basic settings」頁籤。
請下滑頁面至靠近到底部，找到「OpenID Connect」區塊。
在「OpenID Connect」區塊，於「Email address permission」右方，點擊「
」按鈕。
輸入相關資訊。
＊請勾選前面兩項「My app only ···」、「I will follow ···」。
＊在「Screenshot」上傳圖片區塊，請店家先前往您商店的「隱私權政策」頁面，將頁面內的資訊做截圖（可以截一半也沒有關係，主要為證明您商店確實有隱私權條款就可以了）→完成後，回到下圖的畫面，點擊「Register」將您剛截圖的「隱私權政策」頁面做上傳即可。
確認資料皆正確後→點擊下方綠色按鈕「Submit」。
當「Email address permission」右方顯示「Applied」，即代表設定完成囉！
此時上滑頁面到頂部，在您帳戶右方點擊「Developing」按鈕。
點擊綠色按鈕「Publish」。
點擊右下方「確認」。當顯示為「Published」即代表您已公開發佈此程式，顧客方可以於您商店做 Line 登入使用。
＊如此處未顯示「Published」而是為顯示「Developing」，顧客即無法於您商店做 Line 登入。
三、前台顯示
在「會員登入／註冊」頁面，即會有顯示「使用 Line 登入」的按鈕，點擊後就可以進行快速登入／註冊囉！
四、後台標籤標記
當顧客於前台有使用「Line 快速登入」做註冊／綁定，在後台「會員管理」→「顧客列表」→點擊右方「
」放大鏡按鈕，進入以下顧客詳細資料頁面後，即可以在「顧客狀態」欄位內觀看到綠色「Line」標籤標註囉！
五、備註
如顧客使用「IOS Safari 無痕模式（私密瀏覽）」，在點擊「LINE登入」按鈕做登入時，會出現【無法自動登入】的失敗訊息，此為正常！因 Safari 瀏覽器的私密瀏覽，本身並不支援「LINE登入」功能。
因此，店家可以建議顧客更換為「一般模式」或是更改其他瀏覽器（例如：Google Chrome）重新做操作使用的！