設定顧客以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://test123.shoplineapp.com :則請填寫test123.shoplineapp.com 和 shoplineapp.com

 

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

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

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

 

步驟七

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

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

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

2. 開啓「網路 OAuth 登入」

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

4. 開啓「強制採用 HTTPS」

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

  • 如果您的商店首頁網址為獨有網址,例如 https://www.abc.com  則請填寫以下兩組網址(兩組網址之間可以用鍵盤上的Tab鍵做區隔):
    • 獨有網址 https://www.abc.com/users/auth/facebook/callback
    • 免費網址 https://免費網址/users/auth/facebook/callback

      若不確定您的免費網址,可以登入後台總覽頁面查看

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

Screen_Shot_2018-04-02_at_16.59.49.png

 

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


步驟八

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

按下「確認」:

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

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

 

步驟九

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

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

 

步驟十

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

___6.png

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

 

 

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

 

 

 

 

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

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

 

還有其他問題?提交請求

評論

由 Zendesk 提供支援