如何在商店啟用顧客 Facebook 快速登入/註冊功能？
2023-07-12
如何在商店啟用顧客 Facebook 快速登入/註冊功能？
今天就帶店老闆們來了解：
- 【一、Facebook 快速登入 - 串接前說明】
- 【二、Facebook 快速登入串接 - 前置作業】
- 【三、Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位】
- 【四、Facebook 快速登入串接 - 步驟 2. 啟用特定存取權限】
- 【五、Facebook 快速登入串接 - 步驟 3. 進行商家驗證並確認是否成功】
- 【六、Facebook 快速登入串接 - 步驟 4. 於 ShopStore 後台進行串接】
＊請使用「電腦」閱讀與操作，Facebook Developers，不支援手機操作！
ShopStore 除了一般的顧客註冊登入，我們還有提供顧客可以使用 Facebook 帳號進行登入及註冊！店家只須完成幾項設定就可以為消費者帶來更便捷的消費體驗囉！
由於 Facebook Developers 會不定期更新的做介面更新，小編也會盡力在第一時間可以更新文章，因此如店家在操作時有任何介面上的疑問，都非常歡迎與客服聯繫的！
𝟭. 小編先簡單描述「Facebook快速登入」的串接步驟流程：在商店的「隱私權條款與服務政策」內，加註資料使用說明→註冊「Facebook Developers」→設定「Facebook 登入 APP」→進行商家驗證→開啟特定存取權限→最後於 ShopStore 後台串接即可。
𝟮. 根據 Facebook 商家驗證公告 ：自 2023 年 2 月 1 日起，如商家需要串接「Facebook 快速登入」功能予顧客使用，必須為「營業登記商家」，且需完成「商家驗證」方可以做使用。
𝟯. 再次強調！目前只有「營業登記」商家可以使用此功能，個人賣家無法使用此功能。
𝟰. 如果店家在進行「商家驗證」時，有顯示「身分證明文件」的個人驗證方式可供選擇，即便店家可以進行驗證，也將會在 2022/7/31 後失效，失效後，店家一樣需要以「營業登記」的方式進行商家驗證。
𝟱. 個人賣家如想串接「快速登入」功能，請改串接：LINE 會員快速登入功能：http://bit.ly/3nnHEgE／Google 快速登入功能：http://bit.ly/3nf9Ylr。
𝟲. 以下，小編皆會一個段落一個段落教學、說明，請店家務必完成文內提即的所有設定，方可以串接成功「Facebook 會員快速登入」功能。
登入「ShopStore 店家管理後台」→前往「基本設定」→「商店設定」。
下滑頁面至「服務條款與隱私權政策」區塊，並點擊展開。
本公司可能透過 Facebook 或類似社群服務系統，於取得您的同意後，將部分本網站的資訊發布於您的社群活動資訊頁面，若您不同意該等訊息之發布，請您勿點選同意鍵，或於事後透過各該社群服務之會員機制移除該等資訊或拒絕本網站繼續發布相關訊息。若有任何問題，仍可與本公司聯絡，本公司將協助您確認、處理相關問題。若您所填寫之送貨地址、聯絡人、聯絡方式等非您本人之個人資料，您同意已取得各該當事人之同意提供予本公司，並已代本公司就前開法定告知事項予以告知。除依法應提供予司法、檢調機關、相關主管機關，或與本公司協力廠商為執行相關活動必要範圍之利用外，本公司將不會任意將您的個人資料提供予第三人。
八、聯繫管道
對於本網站之隱私權政策有任何疑問，或者想提出變更、移除個人資料之請求，請前往本網站「聯絡我們」頁面提交表單。
三、Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位
前往「Facebook Developers」頁面→點擊右上方選單「登入」。
＊如果店家進入此頁面後，您的右上方選單無「登入」選項，不過是有顯示「我的應用程式」選項，請店家直接選擇「我的應用程式（可點擊查看示範圖片）」，之後前往【
】繼續操作即可。
登入您的 Facebook 帳戶。
在「以下何者最符合你的情況？」內，選擇「擁有者／創辦人」。
點擊右下方藍色按鈕「完成註冊」。
點擊頁面上的綠色按鈕「建立應用程式」。
點擊右下方藍色按鈕「繼續」。
在「應用程式類型」內，選擇「企業商家」。
＊請千萬務必一定要選擇「企業商家」，不要選擇其他類型，否則將無法使用。
點擊右下方藍色按鈕「繼續」。
輸入應用程式相關資料。
（𝟭. 新增應用程式名稱：輸入您此應用程式的名稱（也可輸入「商店名稱」）。
（𝟮. 應用程式聯絡電子郵件地址：輸入可連絡您的 Email 地址。
（𝟯. 商業帳號：雖然頁面上顯示為＂選填＂，但 Facebook 登入串接會需要開啟特定權限，因此對店家來說為「必填」。請店家選擇您的「企業管理平台帳號」。
確認設定的資訊皆正確，點擊右下方綠色按鈕「建立應用程式」。
下滑頁面，找到「商家專用 Facebook 登入」區塊→點擊右下方灰色按鈕「設定」。
在上方「你在找其他選項嗎？」提示區塊內，點擊藍色文字「切換成 Facebook 登入」。
在「確定要切換成 Facebook 登入」視窗內，選擇「其他」。
直接點擊右下方藍色按鈕「切換成 Facebook 登入」。
＊「請提供更多資料」區塊內，不用做任何填寫；如果系統有要求您填寫，可以隨意輸入，例如：其他，即可。
下滑頁面至「有效的 OAuth 重新導向 URI」區塊內，並於欄位內輸入「（網站網址）＋/user/facebook/callback」。
＼舉例來說／
如果您商店是綁定「獨立網域」，例如：https://demo123.com，
▸在此欄位請輸入：https://demo123.com/user/facebook/callback
如果您商店是使用「子網域」，例如：https://demo123.shopstore.tw，
▸在此欄位請輸入：https://demo123.shopstore.tw/user/facebook/callback
確認輸入的資訊正確，點擊右下方藍色按鈕「儲存變更」。
於左方選單，點擊前往「Facebook 登入」→「快速入門」。
點擊「網站」。
在「網站網址」欄位內，輸入您的「網域網址」。
＼舉例來說／
如果您商店是綁定「獨立網域」，例如：https://demo123.com，
▸在此欄位請直接輸入：https://demo123.com
如果您商店是使用「子網域」，例如：https://demo123.shopstore.tw，
▸在此欄位請直接輸入：https://demo123.shopstore.tw
點擊右下方藍色按鈕「Save」。
於左方選單，點擊前往「設定」→「基本資料」。
在「應用程式網域」欄位內，輸入您的「商店網址」。
＼舉例來說／
如果您商店是綁定「獨立網域」，例如：https://demo123.com，
▸在此欄位請去掉 https:// 直接輸入：demo123.com
如果您商店是使用「子網域」，例如：https://demo123.shopstore.tw，
▸在此欄位請去掉 https:// 直接輸入：demo123.shopstore.tw
在「隱私政策網址」欄位內，輸入您於平台設定的「服務條款與隱私政策」頁面網址。
＼舉例來說／
https://demo123.shopstore.tw/about_policy
＊注意：店家輸入的「服務條款與隱私政策」頁面網址，此頁面內一定要包含，於「二、Facebook 快速登入串接 - 前置作業」內說明的「顧客資料使用說明」。
在「應用程式圖示（1024 x 1024）」內，點擊中間灰色圖片區塊。
點擊中間灰色按鈕「選擇檔案」。
下滑頁面至底部「網站」區塊。
在「網站網址」欄位內，確認您的「商店網址」是否正確。
＊Facebook 預設即會幫店家帶入好「商店網址」，不過還是請店家再確認一下，如有錯誤，請直接於欄位內做更改。
確認設定的資訊皆正確，點擊右下方藍色按鈕「儲存變更」即可。
四、Facebook 快速登入串接 - 步驟 2. 啟用特定存取權限
進入並登入「Facebook Developers」→於左方選單，點擊前往「應用程式審查」→「權限和功能」。
於「email」區塊內，點擊右方灰色按鈕「取得進階存取權限」。
＊基本上，「email」區塊都會在最上方排序第一個，不過如店家找不到「email」區塊，可於右方「搜尋框」內做搜尋。
此時，店家即會觀看到，在「email」與「public_profile」內的「使用權限層級」欄位，皆會顯示「 Advanced access 」，即代表完成。
＊此時不代表店家已完全取得此兩項的「進階存取權限」，需店家再依照下方「五、Facebook 快速登入串接 - 步驟 3. 進行商家驗證並確認是否成功」完成商家驗證，方代表完全取得！
前往並登入「Facebook Developers」→於左方選單，點擊前往「設定」→「基本資料」。
下滑頁面來到「驗證」區塊，在「商家驗證」右方，點擊灰色按鈕「開始驗證」。
（𝟭. 組織名稱：輸入您營業登記的「公司名稱」。
（𝟮. 街道地址：輸入您營業登記「公司地址」。
（𝟯. 街道地址行2／地區：如果您有其他地址，亦可於此欄位做輸入。
（𝟰. 城市：輸入您營業登記的「公司所在城市（例如：台南市）」。
（𝟱. 州／省／地區：輸入您營業登記的「公司所在地區（例如：台灣）」。
（𝟲. 郵遞區號：輸入您營業登記的「公司郵遞區號」。
（𝟳. 電話號碼：輸入 Facebook 稍後方便傳送驗證碼予您的「手機號碼」。
選擇其中一種，Facebook 稍後可以提供「驗證碼」予您的聯絡方式。
（𝟭. 電子郵件：選擇此項，Facebook 稍後即會傳送「驗證碼」至您的「網域 Email（例如：@shopstore.tw）」，因此請尚未擁有「網域 Email」的商家，千萬不要選擇此方式。
（𝟮. 電話通話：選擇此項，Facebook 稍後即會撥打電話予您，並說明「驗證碼」為何（只會重複 3 次驗證碼數字）。
（𝟯. 簡訊（SMS）：選擇此項，Facebook 稍後即會依照您提供的「手機號碼」傳送「驗證碼簡訊」予您。
（𝟰. 網域驗證：選擇此項，Facebook 稍後即會自動幫您偵測，「獨立網域」是否已有完成「Facebeook 網域驗證」。
點擊右下方藍色按鈕「繼續」。
分別上傳您的組織證明文件。
（𝟭. 驗證法定名稱：需上傳「公司登記證明文件與執照」、「營業執照」、「公司章程」其中一種文件。
（𝟮. Verify phone number：需上傳「水電費帳單」、「銀行對帳單」、「營業執照」其中一種文件。
＊如果您不太確定要上傳什麼文件與所需內容，可點擊藍色文字「受理的文件」做查看。
確認上傳的資料皆正確，點擊右下方藍色按鈕「繼續」。
」選擇「簡訊（SMS）」的驗證方式！
點擊右下方藍色按鈕「繼續」。
在「確認碼」欄位，輸入您收到的「驗證碼」→點擊右下方藍色按鈕「繼續」。
點擊右下方藍色按鈕「完成」。
在「驗證」區塊內，狀態即會顯示為「審查中」。
回到「Facebook Developer」→「設定」→「基本資料」內，即可在「驗證」區塊，觀看到您的商家驗證狀態顯示為「🟢 審查中」。
此時，請商家稍等待「2 個工作天」Facebook 審查資料的時間。
＊注意：當資料「審核通過」後，Facebook 並不寄信通知商家，會需要商家自行來此頁面觀看「商家驗證狀態」是否更新為「已驗證」。
當「驗證狀態」顯示為「🟢 已驗證」，代表已通過「商家驗證」！
在上方的橫幅區塊，於「應用程式模式」點擊按鈕，切換為「上線」。
確認「應用程式模式」已切換為「上線」即可！
前往並登入「Facebook Developers」頁面→於左方選單，點擊前往「設定」→「基本資料」。
在「應用程式密鑰」，點擊灰色按鈕「顯示」。
當顧客於前台，進入「會員登入／註冊」頁面，即可以在頁面上觀看到「使用 Facebook 登入」的按鈕，點擊即可以進行 Facebook 登入。
