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

    • 最後更新 2022-01-07 17:49

     

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

    一、個人 Facebook 帳號:

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

     

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

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

    提醒您,FB 非常重視關於隱私權條款聲明,會不定時檢查條款內容是否完整,因此這部分請您務必填寫完整。

    網路商店後台,商店設定的商店訊息

    下方購物說明可以編輯隱私權條款

     

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

    網路商店前台左上角的購物說明可以查看

    網路商店前台隱私權條款

     

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

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

    商店設定左側的全域設定可以設定商店客服資訊

     

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

    商店客服資訊會顯示在網路商店的聯絡我們

     

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

     

    步驟一、

    請點連結進到 Facebook for Developers 網頁

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

    登入 Facebook for Developers

     

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

    點選右上角我的應用程式

     

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

    建立會員登入應用程式

     

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

    請選擇【消費者】

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

    應用程式類型請選擇有Facebook 登入的選項

     

    步驟四、建立應用程式

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

    輸入商店名稱及常用聯絡email

     

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

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

    應用程式新增「Facebook 登入」產品

     

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

    應用程式的平台請選擇網站

     

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

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

    網站網址輸入網路商店網址

     

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

    步驟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取得進階存取權限

     

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

     public_profile 的使用權限層級會顯示「Advanced Access」

     

    步驟八、Facebook 登入 產品設定

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

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

    從 Facebook 登入設定重新導向網址

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

    沒有設定重新導向網址,網路商店會員登入時會有錯誤訊息 

     

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

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

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

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

    資料使用情形檢查請點選立即開始

    提醒訊息會顯示需完成檢查的期限

    證明資料使用情形需打勾才能繼續

    打勾確認開放平台使用條款及開發商政策

     

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

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

    舉例您的商店網址為 demo.waca.ec ,請輸入 https://demo.waca.ec/contact 

    回到設定的基本資料,再次填入用戶資料刪除

     

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

    將應用程式模式切換為【上線】

     

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

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

    「應用程式密鑰」點擊【檢視】

     

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

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

     

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

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

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

    進到會員管理的會員設定輸入 Facebook 登入應用程式資訊

     

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

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

    網路商店前台會顯示FB會員登入選項

     

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

    出現送交登入審查的訊息,請點擊【以ooo的身分繼續】

     

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

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

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

     

TOP