前往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登入」功能！

 

 

 

 

 

 

 

 

 

 

---

---