如何使用:Facebook Login
串接Facebook Login後,顧客能夠直接利用Facebook帳號「註冊」及「登入」網店,將能大幅提升顧客註冊成為網店會員的意願。
前往「擴充功能」> 安裝「Facebook Login」 > 並完成紅框處選項即可💪


到 Facebook for developers > 點選「開始註冊」> 利用您的個人臉書帳號登入

點選「我的應用程式」

之後在「所有應用程式」點擊 「建立應用程式」

之後選擇「消費者」然後點擊「繼續」
💡 小貼士: 點擊這裡 了解更多的類型

輸入您的資訊
擴充顯示名稱
擴充聯繫郵箱
選擇商務帳戶(可選)
然後點擊 「建立應用程序」 > 輸入您的臉書賬號密碼

選取「新增產品」,於Facebook登入點選「設定」

選取WWW

將您的網店域名貼在網站網址當中 > Save >「繼續」

接著再點選3次「繼續」 (加上第一次共會點選4次)

到臉書登入的「設定」,確保以下紅色框的3個選項都是開啟的狀態。
用戶端 OAuth 登入
網路 OAuth 登入
對重新導向 URI 使用 Strict 模式

回到EasyStore「擴充功能」>「Facebook登入」,點擊 「Customize authorization page」並於第三個(有效的 OAuth 重新導向 URI)複製貼上紅框處的URL> 粘貼在Facebook Developer後點擊儲存變更


到 Facebook for developers 點選到 「設置」>「基本資料」>更改以下資訊 > 點擊「儲存變更」
顯示名稱: 授權頁面上顯示的名稱
命名空間: 小寫字母並且不能有空格
應用程式網域: 請不要填寫任何資訊
聯絡電子郵件: 您的電子郵箱
隱私政策網址: 放入您的官網的隱私政策網址
服務條款網址: 放入您的官網的服務條款網址
用戶資料刪除:選擇「資料刪除回傳網址」,回到EasyStore「擴充功能」>「Facebook登入」,點擊 「Customize authorization page」獲取以下的網址

應用程式圖示(1024 x 1024): 上傳您的圖片,僅限1024 x 1024像素


拉至下方的「網站」,確保這段網址和第6步驟是一樣的網址。

確認應用程式資料授權狀態
請到「應用程式審查>>權限和功能」確認 將 email 以及 public_profile 選項開啟取得進階的存取權限


*請留意,若是您的應用程式被 Facebook 停用,會需要先完成 Facebook 的審核才能開啟進階授權的開關,請您先確認應用程式的設置正確後先提交重新審核予 Facebook 確認。
記得需要打開「應用程序模式」為上線

「設定」>「基本資料」,複製「應用編號」「應用密鑰」
*在您複製應用密鑰時,請記得先點擊“顯示”。

回到網店後台 >
分別填入「應用程式編號」至 「APP ID」、「應用程式密鑰」至「APP Secrect」

點選「Save setting」完成設定
於網店登入頁面點選「Faceook 登入」按鈕 > 即可直接註冊成網店會員 > 網店後台「顧客管理」頁面也會自動產生該顧客資訊。

一、串接Facebook Login
前往「擴充功能」> 安裝「Facebook Login」 > 並完成紅框處選項即可💪

二、將Facebook Login更改為本身名義

到 Facebook for developers > 點選「開始註冊」> 利用您的個人臉書帳號登入

點選「我的應用程式」

之後在「所有應用程式」點擊 「建立應用程式」

之後選擇「消費者」然後點擊「繼續」
💡 小貼士: 點擊這裡 了解更多的類型

輸入您的資訊
擴充顯示名稱
擴充聯繫郵箱
選擇商務帳戶(可選)
然後點擊 「建立應用程序」 > 輸入您的臉書賬號密碼

選取「新增產品」,於Facebook登入點選「設定」

選取WWW

將您的網店域名貼在網站網址當中 > Save >「繼續」

接著再點選3次「繼續」 (加上第一次共會點選4次)

到臉書登入的「設定」,確保以下紅色框的3個選項都是開啟的狀態。
用戶端 OAuth 登入
網路 OAuth 登入
對重新導向 URI 使用 Strict 模式

回到EasyStore「擴充功能」>「Facebook登入」,點擊 「Customize authorization page」並於第三個(有效的 OAuth 重新導向 URI)複製貼上紅框處的URL> 粘貼在Facebook Developer後點擊儲存變更


到 Facebook for developers 點選到 「設置」>「基本資料」>更改以下資訊 > 點擊「儲存變更」
顯示名稱: 授權頁面上顯示的名稱
命名空間: 小寫字母並且不能有空格
應用程式網域: 請不要填寫任何資訊
聯絡電子郵件: 您的電子郵箱
隱私政策網址: 放入您的官網的隱私政策網址
服務條款網址: 放入您的官網的服務條款網址
用戶資料刪除:選擇「資料刪除回傳網址」,回到EasyStore「擴充功能」>「Facebook登入」,點擊 「Customize authorization page」獲取以下的網址

應用程式圖示(1024 x 1024): 上傳您的圖片,僅限1024 x 1024像素


拉至下方的「網站」,確保這段網址和第6步驟是一樣的網址。

確認應用程式資料授權狀態
請到「應用程式審查>>權限和功能」確認 將 email 以及 public_profile 選項開啟取得進階的存取權限


*請留意,若是您的應用程式被 Facebook 停用,會需要先完成 Facebook 的審核才能開啟進階授權的開關,請您先確認應用程式的設置正確後先提交重新審核予 Facebook 確認。
記得需要打開「應用程序模式」為上線

「設定」>「基本資料」,複製「應用編號」「應用密鑰」
*在您複製應用密鑰時,請記得先點擊“顯示”。

回到網店後台 >
分別填入「應用程式編號」至 「APP ID」、「應用程式密鑰」至「APP Secrect」

點選「Save setting」完成設定
三、 「顧客利用Facebook帳號登入」流程介紹
於網店登入頁面點選「Faceook 登入」按鈕 > 即可直接註冊成網店會員 > 網店後台「顧客管理」頁面也會自動產生該顧客資訊。

更新時間: 06/10/2022
感謝!