• 【Facebook 會員登入商家申請步驟】

    • 最後更新 2021-09-10 12:17

     

    在設定 Facebook 會員登入前,請先完成以下三項設定:

    一、個人 Facebook 帳號:

    如果沒有個人 Facebook 帳號,請點連結至 Facebook 註冊

     

    二、完成商店【隱私權條款編輯】:

    設定位置在商店設定👉商店訊息,下滑至購物說明,即可看到【隱私權條款 編輯】。

     

    編輯完成後,可以在商店左上角的購物說明,看到隱私權條款內容。

     

    三、完成【商店客服資訊】設定

    定位置在商店設定👉商店訊息,左側的商店設定全域設定,下滑頁面即可看到【商店客服資訊】的編輯欄位。

     

    商店客服資訊會顯示在,會顯示在商店左上角的「聯絡我們」。

     

    完成以上三項設定後,接著開始設定 Facebook 會員登入

     

    步驟一、

    請點連結進到 Facebook for Developers 網頁

    從右上角以個人 Facebook 帳號【登入】

     

    登入後,從右上角進到【我的應用程式】

     

    步驟二、點擊【建立應用程式】

     

    步驟三、選擇應用程式類型

    請選擇【消費者】

    📌 特別提醒:Facebook 經常調整版面,應用程式類型名稱可能略有不同,請選擇有「Facebook 登入」說明的選項。 

     

    步驟四、建立應用程式

    • 顯示名稱:建議輸入商店名稱,此名稱會顯示在商店會員登入頁面。
    • 電子郵件地址:請輸入常用的 email 信箱,Facebook 會將相關通知信發送至此信箱。
    • 企業管理平台:此欄位為選填欄位,如果沒有企業管理平台,請略過。

    步驟五、為應用程式新增產品

    請選擇「Facebook 登入」 按【設定】

     

    WACA 為響應式網站,要設定 Facebook 登入的平台,請選擇【網站】。

     

    1.告訴我們您的網站:請填上您的商店網址 ( https://商店網址)

    接著儲存【Save】,並【繼續】。

     

    2. ~ 4. 步驟請按【繼續】,略過即可。

     

    步驟六、應用程式基本設定

    接著開始 5. 後續步驟設定,從左側的列表找到「設定 」,並進到【基本資料】的頁面。

     

    請依下方說明填寫欄位

    • 顯示名稱:建議輸入商店名稱,在網站會員登入同意頁面,會顯示此名稱。
    • 應用程式網域:請填入 https://商店網址
      (舉例 
      https://demo.waca.ec )
    • 隱私政策網址:請填入 https://商店網址/faq#policy
      (舉例 
      https://demo.waca.ec/faq#policy )
    • 用戶資料刪除:請填入 https://商店網址/contact
      (舉例 https://demo.waca.ec/contact )
    • 類別:請選擇您的商店類別。
    • 聯絡電子郵件:請再次確認是否為常用的 email 信箱,Facebook 會將通知信發送到此信箱喔!
    • 應用程式圖示:請上傳小於1024*1024的正方形圖片,建議上傳商店 Logo,在網站會員登入同意頁面,會顯示此圖片。
    • 應用程式用途:主要選擇會員資料的主要使用者,請選擇【你自己或你的商家

     

    填寫完成,別忘了【儲存變更】。



    前台會員登入時的同意畫面,會有剛剛設定的「顯示名稱」及「應用程式圖示」。

     

    步驟七、應用程式權限設定

    從左邊列表「應用程式審查」進到【權限和功能】的設定頁,找【public_profile】。

     

    點選【取得進階存取權限】,勾選【同意】,並【確認】。

     

    在 public_profile 的使用權限層級可以看顯示為「Advanced Access」

     

    步驟八、Facebook 登入 產品設定

    從左方列表的產品下方「Facebook登入」進到【 設定 】頁面

    • 對重新導向 URI 使用 Strict 模式:請確認開啟為【
    • 有效的 OAuth 重新導向 URI:請輸入 https://商店網址/user/facebook
      (舉例 https://demo.waca.ec/user/facebook)
    • 完成設定後,別忘了【儲存變更

     📌請留意:如果上述步驟沒有設定,購物頁面就會無法登入,會跳出相關錯誤提醒喔!

     

     

    步驟九、資料使用情形檢查

    在頁面頂端會看到資料使用情形檢查的提醒訊息,請點擊【立即開始】。

    證實並同意資料使用情形的相關說明後,點選【提交】。

    📌 請留意:
    資料使用情形檢查有期間限制,若未於期限內完成檢查, Facebook 會停用您的 Facebook 登入功能喔!

     

    步驟十、切換應用程式模式為上線

    請先回到設定的基本資料,再次填入用戶資料刪除:https://商店名稱/contact

     

    確認用戶資料刪除填寫完成並【儲存變更】,將應用程式模式切換為【上線】。

     

    步驟十一、WACA 後台應用程式設定

    設定的基本資料,將「應用程式密鑰」點擊【檢視】,會出現英文和數字的密鑰字串。

     

    複製應用程式編號及應用程式密鑰

     

    回到 WACA 後台的會員管理,在會員設定中,

    啟用Facebook 登入串接設定,貼上 應用程式編號 以及 應用程式密鑰,【儲存】設定。

    📌為求資訊安全,按儲存之後密鑰會隱藏不顯示是正常的喔! 

     

    步驟十二、Facebook 登入送交登入審查

    完成 WACA 後台 Facebook 會員登入的串接設定後,請至您的網站以個人的 Facebook 帳號登入 Facebook 會員

     

    登入時,會出現送交登入審查的訊息,請點擊【以ooo的身分繼續】,就可以囉!

     

    送交登入審查後,就完成 Facebook 會員設定囉!

    後續會員登入時,不會再出現這個錯誤訊息。