快速搜尋您的問題

⦁ 如何設定|會員 Facebook 快速登入

2022-02-14



【目錄】


一、後台串接設定

二、前台顯示

三、後台標籤標記





說明


𝟭. 當店家想簡化顧客註冊會員的流程,讓顧客可以快速註冊會員,即可依照以下操作手冊,設定「Facebook 會員快速登入」功能。


𝟮. 如顧客使用其他方式註冊成為會員(例如:一般的商店會員註冊),仍可在登入會員帳號後,於會員資料內再「Facebook 會員快速登入」功能


𝟯. 此功能也適用「加入會員購金」的購物金發送。


𝟰. 如顧客一開始即使用「Facebook 會員快速登入」註冊會員,之後忘記密碼的話,就會需要依照右方操作手冊,於 Facebook APP 內重設密碼:https://bit.ly/3h3MDAz


𝟱. 請務必使用「電腦」操作,切勿使用手機操作,因 Facebook Developers 部分設定頁面不完整支援。






、串接設定





前往Facebook Developers頁面→點擊右上角「登入」。


*如店家在右上方未有「登入」按鈕,是為顯示「我的應用程式」按鈕的話,代表店家先前已有建立過「Facebook Deveklopers」,因此只要點擊「我的應用程式」→點擊右上方綠色按鈕「建立應用程式」→就可以從本篇教學文章【】開始做操作的!

 





輸入您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 Developers →應用程式審查→權限和功能→在「public_profile」與「email」需設定為「進階存取權」,即可正式使用「Facebook登入」功能!












三、前台顯示



在「會員登入/註冊」頁面,即會有顯示「使用 Facebook 登入」的按鈕,點擊後就可以進行快速登入/註冊囉!










四、後台標籤標記



當顧客於前台有使用「Facebook 快速登入」做註冊/綁定,在後台「會員管理」→「顧客列表」→點擊右方「」放大鏡按鈕,進入以下顧客詳細資料頁面後,即可以在「顧客狀態」欄位內觀看到藍色「Facebook」標籤標註囉!





無法解決問題?立即聯絡線上客服
其他文章
我要開店

OPEN