設定顧客以Facebook登入商店選項

除了直接在店面註冊、登入會員帳戶外,顧客還可以使用 Facebook 帳號登入商店。

* 此登入功能為 Facebook 所開發,需要使用您的 Facebook 帳號註冊 Facebook Developers 帳號,完整的設定步驟較多,且 Facebook Developers 平台時常更新設定介面,敬請耐心並依照步驟進行設定。若有畫面與此說明不符的狀況,請擷取您的螢幕畫面提供後台線上顧問幫您確認。

 

步驟一

於 Facebook Developers 網站登入您的 Facebook 帳號: https://developers.facebook.com/

 

步驟二

點選右上角「登入」

   

步驟三

登入後點選右上角的「我的應用程式」> 點選「新增應用程式」

 

步驟四

輸入你的商店名字及填寫你的電子郵件, 然後點擊「建立應用程式編號」

 

步驟五

完成安全驗證> 按下「提交」

 

 

找到「Facebook登入」產品點選「設定」

 

點選「網站」

 

輸入商店的首頁網址,例如: https://www.test123.com  等,並按下保存/save

*注意:務必要填寫 https://開頭的安全性加密網址 

  

步驟六

接下來回到主控版的頁面,請點選左側的『設定』>按下下方的「基本資料」>輸入您的商店的應用程式網域和私隱政策網址

A. 應用程式網域請依據下方指示填寫您的商店首頁網址與網域,粗體紅字的部分請依據您的網址做更換

  • 如果您的商店首頁網址為獨有網址,例如 https://www.test123.com 請填寫:
    www.test123.com test123.com
  • 如果您的商店首頁網址為免費網址,例如 https://test123.shoplineapp.com 則請填寫:
    test123
    .shoplineapp.com 和 shoplineapp.com

 

B.私隱政策網址請依據下方指示輸入商店的首頁網址,粗體紅字的部分請依據您的網址做更換

  • 如果您的商店首頁網址為獨有網址,例如 https://www.test123.com 請填寫: 
    https://www.test123.com
  • 如果您的商店首頁網址為免費網址,例如 https://test123.shoplineapp.com 則請填寫:
    https://test123.shoplineapp.com

完成後,記得按下右下角的「儲存變更」

 

 

步驟七

請到左邊目錄 >「Facebook 登入」> 「設定」進入設定

1. 開啓「用戶端 OAuth 登入」

2. 開啓「網路 OAuth 登入」

3. 開啓「對重新導向URI使用Strict模式」

4. 開啓「強制採用 HTTPS」

5.「有效的 OAuth 重新導向 URI 」請依據下方指示填寫,粗體紅字的部分請依據您的網址做更換

  • 如果您的商店首頁網址為獨有網址,例如 https://www.test123.com ,請填寫您的首頁網址:
    獨有網址範例 https://www.test123.com/users/auth/facebook/callback  
  • 如果您的商店首頁網址為免費網址,例如 https://test123.shoplineapp.com ,則請填寫:
    https://test123.shoplineapp.com/users/auth/facebook/callback

注意: 點擊右下角儲存變更,送出之後,「對重新導向URI使用Strict模式」若跳至「否」,請再次點擊「是」,再次儲存變更,送出即可。

若不確定您的獨有/免費網址,可以 登入後台  網址設定頁面查看

 


步驟八

移至「應用程式審查」的頁面,將「是否發佈」調整為「開啟」:

SHOP_-________-_Facebook_for_Developers_2018-07-17_15-20-10.png

按下「確認」:

請注意:若沒有按下 藍色紐 Confirm ,則顧客登入時會發生以下畫面:

此 App 就會變成上線狀態:

SHOP_-________-_Facebook_for_Developers_2018-07-17_15-55-23.png

 

 

步驟九

回到設定的基本資料, 點擊「應用程式密鑰」旁的「顯示」按鈕,讓其代碼顯示出來

複製你的 Facebook App 應用程式編號 及 密鑰:

 

步驟十

到你 SHOPLINE 的後台,在「設定」中點選「顧客設定」:

___6.png

開啟你的Facebook App功能,並輸入Facebook App 帳號 及 密鑰,然後點擊右下角的「更新」:

 

 

備註:顧客必須先授權 Facebook 存取信箱,才可使用Facebook登入功能。若尚未授權Facebook,請到Facebook>>關於>>聯絡和基本資料>>電子郵件 收信認證

 

延伸閱讀1:<FACEBOOK非試不可的行銷工具,人人都學會為網店行銷!>

延伸閱讀2:<FACEBOOK節日行銷,刺激網店單日成交額>

 

還有其他問題?提交請求

評論

由 Zendesk 提供支援