會員登入|Facebook 會員登入商家申請步驟
最後更新 2024-02-21

Facebook 會員登入可以讓消費者透過個人 Facebook 帳號快速登入,不用填寫繁雜的會員基本資料,一鍵登入即可立即購物。

 

在設定 Facebook 會員登入前,請先完成 Facebook 會員登入前置作業

  1. 商店隱私權條款編輯
  2. 商店客服資訊設定
  3. Facebook 個人帳號

完成以上三項設定後,接著就可以依照下方步驟設定 Facebook 會員登入

  1. 登入 Facebook for Developers
  2. 建立應用程式
  3. 新增 Facebook 登入
  4. 應用程式基本資料設定
  5. 應用程式使用平台設定
  6. 進行商家驗證
  7. 應用程式權限設定
  8. 資料使用情形檢查
  9. Facebook 登入產品設定
  10. 切換應用程式模式為上線
  11. WACA 後台 Facebook 登入設定
  12. Facebook 登入送交登入審查

Facebook 會員登入前置作業

 

 

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

設定位置在「商店設定」→「商店訊息」,往下滑至「購物說明」,即可看到「隱私權條款 編輯」的編輯位置。

提醒您,Facebook 非常重視消費者隱私權,因此會不定時檢查商店隱私權條款內容是否完整,因此這部分請您務必填寫完整。

 

Facebook 審查依據可以參考 Meta 開放平台使用條款 

依照 Meta 開放平台使用條款,隱私權條款內容須有會員要求刪除或停止使用個人資料的方式,輯器內提供「參考範例」可以匯入使用;另外,隱私權條款建議包含以下內容:

「消費者可以至商店的聯絡我們(https://商店網址/contact)要求刪除或停止使用個人資料。」

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

 

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

商店左上角的「購物說明」

網路商店前台隱私權條款

 

 

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

商店客服資訊的設定位置在「商店設定」→「商店訊息」,左側的「商店設定全域設定」點開後,

頁面往下滑即可看到「商店客服資訊」的編輯欄位。

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

 

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

聯絡我們

 

 

3、個人 Facebook 帳號:

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

 

Facebook 會員登入設定

※ 在設定前請務必閱讀以下說明 ※

Facebook 應用程式為商家使用個人FB 帳號所建立的資產,敬請妥善保管個人帳號資料並且隨時留意權限及使用情形。

Meta 公司每年會針對每一個 Facebook 應用程式編號發送「資料使用情形檢查」通知至應用程式收件匣並同步發送 E-mail 通知信,請按照訊息內容指示完成資料使用情形檢查,以確保您的 API 存取權限正常使用。請務必要在期限內完成回覆,否則您的應用程式有可能隨時會受到限制或停用喔!

 

 

1、登入 Facebook for Developers

請點連結進到 Facebook for Developers 網頁

點選右上角「登入」的按鈕,以 Facebook 個人帳號登入

登入 Facebook for Developers

 

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

點選右上角我的應用程式

 

 

2、建立應用程式

接著點選「建立應用程式」的按鈕

建立會員登入應用程式

 

選擇「其它」→ 「繼續」

 

應用程式類型請選擇「消費者」,點選後按「繼續」。

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

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

 

提供基本資料包含顯示名稱、聯絡電子郵件地址、商業帳號等三個欄位

  • 顯示名稱:建議輸入商店名稱
    消費者初次以 Facebook 登入商店會員時,顯示名稱會顯示在商店會員登入頁面。

  • 電子郵件地址:請輸入常用的 email 信箱
    後續 Facebook 如果有應用程式相關通知信,會發送至這個聯絡信箱。

  • 商業帳號:此欄位為「選填」欄位,建議直接略過

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

 

 

3、新增 Facebook 登入

為應用程式新增產品,請選擇「Facebook 登入」 ,並點選 Facebook 登入的「設定」。

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

 

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

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

 

網站網址請填上您在 WACA 的商店網址:https://商店網址

接著依序點擊儲存「Save」和「繼續」的按鈕

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

 

步驟2~4 請直接點選「繼續」的按鈕,略過即可。

步驟2~4請直接繼續

 

 

4、應用程式基本資料設定

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

進到應用程式設定中的基本資料

 

請依下方說明填寫應用程式基本資料

  • 顯示名稱:建議輸入商店名稱
    消費者初次以 Facebook 登入商店會員時,顯示名稱會顯示在商店會員登入頁面。
  • 應用程式網域:請填入 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,
    在網站會員登入同意頁面,會顯示此圖片。

  • 應用程式用途:請選擇你自己或你的商家」

  • 填寫完成,請點選右下角儲存變更」的按鈕。

完整填寫應用程式基本資料

 

之後顧客第一次登入商店會員時,頁面會顯示設定的基本資料內容。

應用程式圖示和顯示名稱會在會員登入時顯示

 

 

5、應用程式使用平台設定

完成基本資料填寫後,就將頁面往下滑動,確認基本資料的頁面是否有「網站」的欄位。

如果已經有網站的欄位(如下圖)

請確認網站網址為商店網址:https://商店網址

接著直接至步驟 7、應用程式權限設定,繼續完成設定。

基本資料需要網站的平台欄位

 

如果沒有網站的欄位,請依照下方步驟完成應用程式使用平台設定。

點選「新增平台」

如果沒有網站平台欄位,點選新增平台

 

選擇平台時,請選擇「Website」(網站),接著點選「下一步」的按鈕。

選擇website

 

頁面會出現網站的填寫欄位,請在網站網址填入在 WACA 的商店網址:https://商店網址

輸入商店網址

 

 

6、進行「商家驗證」

此步驟是讓 FB 確認商家的資訊,驗證商家的身分,

自 2023 年 2 月 1 日起,會陸續執行此規範,詳細資訊請參考商家驗證

 

請點擊「開始驗證」,

開始驗證

 

驗證程序本身必須在 Facebook 企業管理平台中完成,

請選擇企業管理平台的帳號,

開始驗證

 

並點選「開始商家驗證」

開始驗證

 

會進入企業管理平台的頁面,再次點選「開始驗證」,

開始驗證

 

請依照畫面指示,完成商家驗證流程,

開始驗證

 

有進行商家驗證的商家,才能繼續第七步驟的「要求進階存取權限」。

更多關於驗證商家的資訊與步驟,請參考:在「企業管理平台設定」中驗證商家

 

 

7、應用程式權限設定

從左邊列表「應用程式審查」進到「權限和功能」的設定頁,設定 email 和 public_profile 為進階存取權限。Facebook 在會員登入時,才能順利驗證並連結會員 Facebook 帳號,讓會員順利登入

進到權限和功能的頁面

 

找到 email 的選項,點選「取得進階存取權限」的按鈕

找到email點選取得進階存取權限

 

在確認提醒訊息打勾並點選「確認」的按鈕。

勾選並點選確認

 

接著找到 public_profile 的選項,點選「取得進階存取權限」的按鈕。

找到public_profile取得進階存取權限

 

在確認提醒訊息打勾並點選「確認」的按鈕。

public_profile取得進階存取權限

 

回到權限和功能的列表頁,可以看到 email 和 public_profile 的使用權限層級顯示為「Advanced Access」。

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

 

 

8、資料使用情形檢查

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

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

 

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

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

 

確認並同意資料使用情形的相關說明後,點選「提交」。

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

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

項目確認完成點選提交

資料使用情形檢查完成

 

 

9、Facebook 登入產品設定

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

  • 對重新導向 URI 使用 Strict 模式:請調整為「是」

  • 有效的 OAuth 重新導向 URI:請輸入 https://商店網址/user/facebook 
    (舉例 https://demo.waca.ec/user/facebook)

  • 完成設定後,請點選右下角「儲存變更」的按鈕

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

 

請留意:如果此步驟沒有完整設定,購物頁面就會無法登入,跳出錯誤提醒喔!

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

 

 

10、切換應用程式模式為上線

請回到「設定」的「基本資料」頁面將上方應用程式模式切換為「上線」。

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

 

 

11、WACA 後台 Facebook 登入設定

點擊應用程式密鑰旁邊「顯示」的按鈕,會出現英文和數字的密鑰字串。

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

 

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

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

 

回到 WACA 後台的會員管理,在會員設定中,「啟用」Facebook 登入串接設定。

並貼上應用程式編號 以及 應用程式密鑰,接著點選右下角的「儲存」按鈕

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

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

 

 

12、Facebook 登入送交登入審查

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

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

 

登入時,會出現送交登入審查的訊息,請點擊藍色「以ooo的身分繼續」的按鈕,送交審查。

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

 

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

後續會員登入時,不會再出現送交登入審查的提醒訊息。

 

 

 | 會員再行銷必備 | 
會員整合+精準行銷=有效減低推廣成本
會員整合 | 電商成功關鍵!會員與精準行銷的完美結合

 

WACA 電商充電站