【目錄】

 

一、前置作業

二、後台串接設定

三、前台顯示

四、後台標籤標記

五、備註

 

 

---

 

 

說明：

 

𝟭. 當店家想簡化顧客註冊會員的流程，讓顧客可以快速註冊會員，即可依照以下操作手冊，設定「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）重新做操作使用的！