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

除了直接在店面註冊、登入會員帳戶外,顧客還可以透過Facebook登入商店會員帳戶
設定 Facebook 登入商店選項,請留意以下教學:

 

步驟一

登入 Facebook > 前往進入頁面 https://developers.facebook.com/

 

步驟二

點選右上角「登入」

   

步驟三

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

facebooklogin1.png 

 

步驟四

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

 

步驟五

輸入正確的驗證碼 > 按下「送出」

 facebooklogin2_.png

 

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

facebooklogin3.jpg

 

點選「網站」

facebooklogin4.jpg

 

輸入商店的網址:ex https://www.test123.com ,  https://test123.shoplineapp.com 等,並按下保存/save

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

SHOP123_-_Facebook____-_Facebook_for_Developers.jpg

  

步驟六

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

應用程式網域請填寫您的商店首頁網址與網域。假設您的商店首頁網址為 https://www.test123.com ,則請填寫 www.test123.com 和 test123.com

隱私權政策網址輸入商店的首頁網址即可。例如: https://www.test123.com ,  https://test123.shoplineapp.com

之後按下右下角的「儲存變更」:

 

步驟七

如果您的Facebook developer 工具目錄是在出現商品 > Facebook 登入的話,

請到 「Facebook 登入」> 「設定」>

1. 開啓「用戶端 OAuth 登入」
2. 開啓「網絡 OAuth 登入」
3. 開啓「對重新導向URI使用Strict模式」
4. 加入有效的 OAuth 重新導向 URI 

例:

(網店已使用獨有網址)
1. https://www.abc.com/users/auth/facebook/callback 
2. https://abc.shoplineapp.com/users/auth/facebook/callback

(網店正使用免費網址)
1. https://abc.shoplineapp.com/users/auth/facebook/callback

請注意:需要開啓「對重新導向URI使用Strict模式」。

 

Pasted_image_at_2017_12_20_04_10_PM.png

 


步驟八

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

按下「確認」:

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

此時,你的 App 就會變成上線狀態:

 

步驟九

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

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

 

步驟十

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

___6.png

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

 

 

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

 

 

 

 

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

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

 

還有其他問題?提交請求

評論

由 Zendesk 提供支援