現在的消費者都不喜歡留個資，有快速註冊會員的功能嗎？

我的客群都用 FB ，可以用 FB 登入會員嗎？

WACA 提供多元的會員註冊/登入管道，Facebook 包含其中；只要您是已經完成公司登記的企業，可以向 Meta 公司申請 Facebook Login 應用程式並串接至您的商店使用。本篇文章將教學如何申請及串接 Facebook 登入功能。

• 使用條件及注意事項

在申請 Facebook 登入前，請務必詳細閱讀以下內容：

• 前置作業

設定 Facebook 登入功能前，必須先完成以下前置設定，包含在商店設置隱私權政策條款以及申請 Meta 相關帳號申請；點擊連結可快速前往段落：

• • Meta 公司非常重視消費者隱私權，會不定期檢查商店隱私權政策條款內容是否完整，若不符規定會停用您的應用程式；因此網站的隱私權條款請務必完整設定，切勿略過。

1. 1. 請至 WACA 後台 ➜ 商店設定 ➜ 購物說明 ➜ [ 隱私權條款 編輯 ]
      
   2. HTML 編輯器內有提供隱私權條款參考範例，點擊 [ 參考範例 ] ，將 「○○網站」更改為您的商店名稱後，點擊 [ 儲存 ] 按鈕完成設定。
      
      (文案為系統提供的範例，如貴公司已備有完整隱私權政策文案可直接使用，沒有一定要使用此參考範例。)

• • 如您已擁有個人 Facebook 帳號，請跳過此步驟。
  • 建議申請貴公司共同管理的 Facebook 個人帳號，或使用老闆個人的 Facebook 帳號進行設定及管理。

進入 Facebook 官網：https://www.facebook.com/ ，點擊 [ 建立新帳號 ] ，依照頁面指示輸入資料及驗證完成註冊。

• • 如您的 Facebook 帳號已創建過 Meta 商業帳號(企業管理平台)，請跳過此步驟。
  • Meta 商業帳號（有時稱為企業管理平台帳號）已更名，現已稱為商家資產管理組合。

Meta 商業帳號包含以下 Meta 商業工具：

• • 如果您的 Facebook 個人帳號是剛剛創建完成的新帳號，請待創建帳號約一個小時後，再申請 Meta 商業帳號。

1. 1. 進入 Meta 商業工具網站： https://business.facebook.com/，點擊 [ 使用 Facebook 帳號登入 ] 。
      
   2. 依照頁面指示輸入資料。
      
   3. 商家資產管理組合建立完成。
      
      

      Meta 會不定期更改介面，也可能會調整選項名稱，但原則上流程大致相同，按照此流程仍可以完成設定；實際畫面請以 Facebook 介面為主。

• • 如您的 Facebook 帳號已建立過 Meta for Developers 帳號，請跳過此步驟。

1. 1. 進入 Meta for Developers 網站：https://developers.facebook.com/，點擊 [ 開始使用 ] 。
      
   2. 點擊 [ 繼續 ]。
      
   3. 使用手機門號進行驗證。
      
   4. 輸入驗證碼後點擊 [ 繼續 ]。
      
   5. 確認電子郵件地址。
      
   6. 選擇符合您所屬角色後，點擊 [ 完成註冊 ]。
      
      

      Meta 會不定期更改介面，也可能會調整選項名稱，但原則上流程大致相同，按照此流程仍可以完成設定；實際畫面請以 Facebook 介面為主。

• 設定 Facebook Login

設定 Facebook Login 需要完成以下 8 個步驟，點擊連結可快速前往段落：

1. 1. 登入Facebook 帳號 ➜進入 [ Meta for Developers ] ➜ 點擊 [ 我的應用程式 ]
       
   2. 點擊 [ 建立應用程式 ]。
      
   3. 點擊 [ 建立應用程式 ]。
      
   4. 輸入自訂的「應用程式名稱」及可聯絡到您的「E-mail 信箱」後，點擊 [ 繼續 ]。
      
   5. 新增使用案例，請務必選擇「其它」後，點擊 [ 繼續 ]。
      
   6. 選擇應用程式類型，請選擇「消費者（Consumer）」後，點擊 [ 繼續 ] 。
      
   7. 確認應用程式名稱及聯絡 E-mail 信箱正確後，請選擇欲綁定的商家資產管理組合(企業管理平台)名稱後，請點擊 [ 建立應用程式 ]。
      
   8. 建立之前，Meta 會要求再次輸入 Facebook 登入密碼，請點擊 [ 提交 ]。
      
   9. 應用程式建置完成後，會進入應用程式主控板介面。
      
      

      Meta 會不定期更改介面，也可能會調整選項名稱，但原則上流程大致相同，按照此流程仍可以完成設定；實際畫面請以 Facebook 介面為主。

1. 1. 進入應用程式主控板後，在「為應用程式新增產品」選擇 [ Facebook 登入 ➜ 設定 ]。
      
   2. 應用程式平台請選擇[ WWW (網站) ]。
      
   3. 在網址處輸入您的商店網址後，點擊 [ Save ]。（此畫面設定至此即可，不需要點擊下方的繼續按鈕）
      
   4. 從左側進入 [ 應用程式設定 ➜  基本資料 ]
      
   5. 進入基本資料後，右側會顯示相關設定欄位，請依指示編輯以下欄位：(請留意欄位內不要輸入空格)
      
      

      ①	顯示名稱	請輸入您的商店名稱。
      ②	應用程式網域	請輸入您的商店網址。例如：https://wabow.waca.ec
      ③	隱私權政策網址	請輸入您的商店網址，並於網址後面加上「/faq#policy」。例如：https://wabow.waca.ec/faq#policy
      ④	用戶資料刪除	請選擇「資料刪除回呼網址」，並輸入您的商店網址，並於網址後方加上「/contact」。例如：https://wabow.waca.ec/contact
      ⑤	類別	請依照貴公司提供的產品/服務內容選擇合適的類別選項。
      ⑥	聯絡電子郵件	請輸入您的 E-mail 聯絡信箱。
      ⑦	應用程式圖示	請上傳 1024x1024 或 512x512 格式的 jpg/png 正方形圖檔，做為您的應用程式圖示。

      輸入完成請先點擊下方 [ 儲存變更 ] 保存設定。
      
   6. 接著將頁面往下滑動，找到「網站」，確認網站網址是您的商店網址後，請在測試指示欄位，點擊 [ 新增或更新指示 ] 按鈕。
      
   7. 由於 Meta 公司會不定期審查您的應用程式並測試登入，因此請在此頁面告知 Meta 公司您的商店網址及註冊/登入會員的位置；您可以參考以下文字敘述填寫欄位：
      

      進入 [（您的商店官網網址）]  ➜ 點擊上方「登入(Login)」按鈕 ➜ 選擇 [ Facebook 登入 ]，即可註冊/登入會員。

      建議填寫此二個欄位即可，其餘欄位無需填寫；輸入完成請點擊 [ 儲存 ]。
      
   8. 完成上述欄位填寫後，最後記得一定要點擊下方藍色的 [ 儲存變更 ] 按鈕，才會儲存您所輸入的欄位資料。
      
      

      Meta 會不定期更改介面，也可能會調整選項名稱，但原則上流程大致相同，按照此流程仍可以完成設定；實際畫面請以 Facebook 介面為主。

• • 若您進入應用程式設定基本資料頁，找不到「網站」欄位，請依照說明開啟欄位：

1. 1. 基本資料頁滑動到最下方，可以看到 [ ＋ 新增平台 ] 按鈕。
      
   2. 請勾選 [ Website ] 後，點擊 [ 下一步 ]。
      
   3. 就會新增「網站」欄位，接著請依照上方步驟 ⑥ 說明，輸入商店網址及新增更新指示，最後點擊 [ 儲存變更 ] 完成基本資料設定。
      
      

      Meta 會不定期更改介面，也可能會調整選項名稱，但原則上流程大致相同，按照此流程仍可以完成設定；實際畫面請以 Facebook 介面為主。

• • 如您的企業管理平台(商業帳號)已完成商家驗證，請跳過此步驟，直接前往 [ ④設定權限 ] 進行設定。
  • 由於每間商家的帳號狀態皆相不同，因此進行商家驗證的過程，Meta 公司要求的驗證方式及介面也會有所差異，因此請依照下列路徑進入驗證流程，再依照 Meta 頁面指示提供相對應的驗證碼/上傳文件檔案進行驗證。

1. 1. 只要驗證欄位顯示「未驗證／未完成」，代表您的企業管理平台(商業帳號)尚未完成商家驗證，請點擊 [ 開始驗證／完成驗證 ]
      
   2. 進入「商家資產管理組合」 ➜ 設定 ➜ 安全中心 ➜ 點擊 [ 開始驗證／繼續 ]。
      
   3. 接著點擊 [ 立即開始 ] ，依照頁面流程指示提交驗證或相關文件後， Meta 公司會進行審核。
      
   4. 審核時間通常需要二個工作天； Meta 公司審核通過後，驗證狀態會轉為「已驗證」；請務必確認商家驗證通過後，再接續後續設定。
      
      
      

1. 1. 完成商家驗證後，才可以設定應用程式權限。需要分別設定「email」及「public_profile」二種權限；請進入「應用程式審查 ➜ 權限和功能」頁。
      
   2. 於權限和功能內，找到「email」(可用搜尋方式篩選)，請點擊 [ 申請進階存取權限 ]。
      
   3. 進入「使用情況檢查」及「資料處理」頁，由於每一間公司經營情形不同，請參照貴公司實際經營情形，依照頁面指示填寫欄位內容，輸入完成請點擊 [ 提交 ]。
      
      

      Meta 會不定期更改介面，也可能會調整選項名稱，但原則上流程大致相同，按照此流程仍可以完成設定；實際畫面請以 Facebook 介面為主。

   4. 提交後，使用權限層級顯示「Advanced access」代表 email 權限申請完成。
      
   5. 接下來請繼續找到「public_profile」(可用搜尋方式篩選)，請點擊 [ 申請進階存取權限 ]。
      
   6. 進入「使用情況檢查」及「資料處理」頁，由於每一間公司經營情形不同，請參照貴公司實際經營情形，依照頁面指示填寫欄位內容，輸入完成請點擊 [ 提交 ]。
      
      

      Meta 會不定期更改介面，也可能會調整選項名稱，但原則上流程大致相同，按照此流程仍可以完成設定；實際畫面請以 Facebook 介面為主。

   7. 提交後，使用權限層級顯示「Advanced access」代表 public_profile 權限申請完成。
      

1. 1. 請進入「 Facebook 登入 ➜ 設定」頁。
      
   2. 找到「有效的 OAuth 重新導向 URI」，請輸入您的商店網址，並於網址後面加上「/user/facebook」。例如：https://wabow.waca.ec/user/facebook，輸入完成後請點擊 [ 儲存變更 ]。
      

• • 在上架應用程式之前，請先至「應用程式設定 ➜ 進階」內，找到「升級 API 版本」，將 API 版本選擇至最新版後，點擊右下角 [ 儲存變更 ]。
    
    (圖示內的版本數字僅為示意，最新的版本號碼請以您的實際畫面為主，選擇數字最大的版本即可)
  • 再來請將頁面切換至「應用程式設定 ➜ 基本資料」頁面。
    
  • 請將應用程式主控板上方「應用程式模式」開關切換至 [ 上線 ]。
    
  • 在切換開關時，系統會檢查應用程式設定，如果沒有設定完整會顯示相對應的錯誤訊息提醒修正；以隱私權政策網址為例，請回到基本設定重新輸入隱私權網址，並確認網址欄位內沒有輸入「空格」以及「全形符號」，以免 Meta 系統無法判定網址正確性，導致無法開啟應用程式。
    

Meta 公司每年都會要求應用程式都要完成資料使用情形檢查，才能繼續使用應用程式；因此當您看到以下畫面時，請依照頁面指示提交資料使用情形檢查：

1. 1. 應用程式主控板 ➜ 應用程式模式下方顯示「必須完成事項」，請點擊 [ 立即開始 ]。
      
   2. 也有可能在進入應用程式主控板時顯示以下彈窗畫面，請點擊 [ 立即開始 ]。
      
   3. Meta 公司也會發送信件至應用程式的聯絡信箱，提醒要完成資料使用情形檢查的作業，點擊 [ 開始檢查 ] 進入應用程式主控板進行設定。
      
   4. 以上的路徑，進入後都會到「資料使用情形檢查」的畫面，請逐一核對內容是否正確，並依照貴公司實際經營情形輸入對應資料後，最後點擊 [ 提交 ]，完成資料使用情形檢查作業。
      
      

      Meta 會不定期更改介面，也可能會調整選項名稱，但原則上流程大致相同，按照此流程仍可以完成設定；實際畫面請以 Facebook 介面為主。

1. 1. 完成步驟 ①～⑦ 設定後，從「應用程式主控版」 ➜ 進入應用程式設定 ➜ 基本資料，分別複製 [ 應用程式編號 ] 及 [ 應用程式密鑰]
      
   2. 回到 WACA 後台 ➜ 會員管理 ➜ 會員設定 ➜ Facebook 登入串接設定-切換開關至 [ 開啟 ] ➜ 分別貼上剛剛複製的應用程式編號及密鑰 ➜ 點擊 [ 儲存 ] 完成串接。
      
      （按儲存後應用程式密鑰會轉為隱藏喔！）
   3. 串接 Facebook 登入完成後，請至商店前台 ➜ 登入 ➜ 選擇 [ Facebook 登入 ] ➜ 使用 Facebook 帳號註冊會員，出現歡迎訊息代表已順利完成 FB 登入設定囉！