如何啟用顧客Facebook登入/註冊功能?

如何啟用顧客Facebook登入/註冊功能?

2019-08-27

        ShopStore店家顧客除了一般的註冊登入,我們還有提供店家顧客使用Facebook帳號進行登入及註冊!只須完成幾項設定就可以為消費者帶來更便捷的消費體驗囉!

 

 

步驟一

FacebookDevelopers頁面登入您的帳號:https://developers.facebook.com/

 

步驟二

點選開始使用>下一步




填寫您想使用的名稱(日後可更改)及電子郵件



選擇符合您的角色



步驟三

點選「+新增應用程式」>填入您想顯示的名稱及聯絡電子信箱



步驟四

在我的應用程式內,找到主控板下方的「Facebook登入」點選設定


選擇「網站」


填入您網站的首頁網址(務必填入https://),並點選Save



步驟五

接著回到主控版頁面,點選左側欄位內的「設定」>基本設定>輸入您的應用程式網域以及隱私權政策網址

*「應用程式網域」的部分請照下方說明填寫

獨立網域店家 - 網址為https://shopstore.tw,則填入shopstore.tw 即可(若網域有設定www,則需填寫shopstore.tw 和 www.shopstore.tw) *以上為範例,請店家填入對應自己的獨立網域!

子網域店家 - 網址為https://2019.shopstore.tw,則填入2019.shopstore.tw即可 *以上為範例,請店家填入對應自己的子網域!


*「隱私權政策網址」的部分請填入「https://shopstore.tw/privacy


拉至下方,填寫「網站網址」並點擊儲存變更


步驟六

至左側目錄選擇「Facebook登入」>設定,並按照以下設定及填入「有效的 OAuth 重新導向 URI」,完成後點選儲存變更

填入您的網址並在後面加上/user/facebook/callback

獨立網域店家 - 網址為https://shopstore.tw,則填入https://shopstore.tw/user/facebook/callback即可

子網域店家 -網址為https://2019.shopstore.tw,則填入https://2019.shopstore.tw/user/facebook/callback即可

*以上為範例,請店家填入對應自己的獨立網域!



步驟七

將畫面右上角的狀態調整為「開啟」



步驟八

回到「設定」>「基本資料」內,複製「應用程式編號」及「應用程式密鑰」(務必點選顯示,才能顯示正確的代碼)




步驟九

回到ShopStore後台點選「會員管理」>顧客列表,在對應欄位貼上步驟八所複製的資料,並點選儲存即完成所有步驟




我要開店 我要開店

我要
開店