串接Facebook Login後,顧客能夠直接利用Facebook帳號「註冊」及「登入」網店,將能大幅提升顧客註冊成為網店會員的意願。

一、串接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 登入」按鈕 > 即可直接註冊成網店會員 > 網店後台「顧客管理」頁面也會自動產生該顧客資訊。

這篇說明對您有幫助嗎?
取消
感謝!