⦁ 如何設定|Facebook會員快速登入功能
2021-12-10
說明:
𝟭. 當店家想簡化顧客註冊會員的流程,讓顧客可以快速註冊會員,即可依照以下操作手冊,設定「Facebook 會員快速登入」功能。
𝟮. 如顧客使用其他方式註冊成為會員(例如:一般的商店會員註冊),仍可在登入會員帳號後,於會員資料內再「Facebook 會員快速登入」功能。
𝟯. 此功能也適用「加入會員購金」的購物金發送。
𝟰. 如顧客一開始即使用「Facebook 會員快速登入」註冊會員,之後忘記密碼的話,就會需要依照右方操作手冊,於 Facebook APP 內重設密碼:https://bit.ly/3h3MDAz。
前往Facebook Developers頁面→點擊右上角「登入」。
輸入您Facebook登入的「帳號密碼」→確認正確後→點擊「登入」。
點擊右上角「開始使用」。
閱讀並確認同意Facebook《開放平台使用條款》和《開發商政策》→點擊「繼續」。
輸入您的「手機號碼」→點擊右下角藍色按鈕「發送驗證簡訊」。
輸入您手機收到的「手機驗證碼」→點擊右下角藍色按鈕「繼續」。
*如未收到手機驗證碼,可點擊藍色文字「再次發送簡訊」。
勾選「我同意接收Facebook傳送E-Mail」→點擊右下方藍色按鈕「確認電子郵件地址」。
*這邊會建議店家做勾選,以免當店家被Facebook封鎖,或是帳戶有問題,可收到Facebook的E-Mail通知。
選擇「擁有者/創辦人」→點擊右下方藍色按鈕「完成註冊」。
此時,為正式進入至Facebook Developers帳戶,點擊下方綠色按鈕「Create App」。
選擇第一個選項「管理企業整合工具」→點擊「繼續」。
*請一定要選擇「管理企業整合工具」,勿選擇其他選項,否則將無法順利使用。
輸入所需資料。
*應用程式顯示名稱:為您的應用程式取名。
*應用程式用途:請選擇「你自己或你的商家」。
*你有企業管理平台帳號嗎?:店家可自由選擇,是不是要連結「企業管理平台帳號」,若無企業管理平台帳號,可直接略過此項。
確認資料正確→點擊右下角藍色按鈕「建立應用程式」。
找到應用程式「Facebook登入」→點擊「設定」。
選擇「網站」。
輸入店家商店前台首頁的「網站網址」。
*請記得,網址前方需加入「https://」,例如:https://alice563293.shopstore.tw(此為範例,請店家填入自己對應的網域)。
確認資料正確→點擊右下角藍色按鈕「Save」。
點擊左方導覽列「設定」→「基本資料」。
輸入「應用程式網域」與「隱私政策網址」。
*應用程式網域:輸入店家網站所使用的網址(獨立網域或子網域)(網址不需包含「https://」),例如:
-獨立網域(網址前方無www),輸入:shopstore.tw 即可。
-獨立網域(網址前方有www):shopstore.tw與www.shopstore.tw,兩個都須輸入。
-子網域,輸入:alice563293.shopstore.tw 即可。
(以上皆為範例,請店家填入自己對應的網域)
*隱私政策網址:請輸入https://shopstore.tw/privacy。
確認輸入資料皆正確→下滑葉面,至最底部,找到「網站」區塊。
確認「網站網址」欄位內的「網址」是否正確→點擊「儲存變更」。
*此欄位,系統預設會帶入好,如果發現此欄位為空白,可再手動將網址做輸入(須包含「https://」)。
點擊左方導覽列「Facebook登入」→「設定」。
輸入「有效的OAuth重新導向URI」。
*在此欄位,輸入您的網域,並在後方加上「/user/facebook/callback」,例如:https://alice563293.shopstore.tw/user/facebook/callback(此為範例,請店家填入自己對應的網域)。
確認資料正確→點擊右下角藍色按鈕「儲存變更」。
點擊左方導覽列「設定」→「基本資料」,回到剛所設定應用程式的頁面。
在「應用程式密鑰」點擊「顯示」。
將「應用程式編號」與「應用程式密鑰」做複製。
回至ShopStore後台→「行銷推廣」→「Facebook」。
在「會員Facebook快速登入」點擊右方「按鈕」做開啟。
貼上剛在Facebook Developers所複製的「應用程式編號」與「應用程式密碼」。
確認資料正確→點擊「儲存」。
此時,前台即會有「Facebook登入」按鈕顯示了!
*示範版型:伊莉莎白。
最後,再前往Facebook Developers→應用程式審查→權限和功能→在「public_profile」與「email」需設定為「進階存取權」,即可正式使用「Facebook登入」功能!
OPEN