快速搜尋您的問題

如何設定｜Facebook會員快速登入功能

2023-04-10

 

【目錄】：

 

 

＊請使用「電腦」閱讀與操作，Facebook Developers，不支援手機操作！

 

 

 

說明：

 

𝟭. 當店家想簡化顧客註冊會員的流程，讓顧客可以快速註冊會員，即可依照以下操作手冊，設定「Facebook 會員快速登入」功能。

 

𝟮. 如顧客使用其他方式註冊成為會員（例如：一般的商店會員註冊），仍可在登入會員帳號後，於會員資料內再「Facebook 會員快速登入」功能。

 

𝟯. 此功能也適用「加入會員購金」的購物金發送。

 

𝟰. 如顧客一開始即使用「Facebook 會員快速登入」註冊會員，之後忘記密碼的話，就會需要依照右方操作手冊，於 Facebook APP 內重設密碼：https://bit.ly/3h3MDAz。



 

 

 

 

一、Facebook 快速登入 - 串接前說明

 

 

𝟭. 小編先簡單描述「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 會員快速登入」功能。

 

 

 

 

 

 

二、Facebook 快速登入串接 - 前置作業

 

 

 

登入「ShopStore 店家管理後台」→前往「基本設定」→「商店設定」。

 

 

 

 

 

 

下滑頁面至「服務條款與隱私權政策」區塊，並點擊展開。

 

 
 
 
 
輸入「Facebook 登入」如何收集、運作、使用顧客資料。
 
＊較無頭緒的店家，可以直接複製以下文字，並置入於「二、個人資料的蒐集、處理及利用方式」下方：
 
本公司可能透過 Facebook 或類似社群服務系統，於取得您的同意後，將部分本網站的資訊發布於您的社群活動資訊頁面，若您不同意該等訊息之發布，請您勿點選同意鍵，或於事後透過各該社群服務之會員機制移除該等資訊或拒絕本網站繼續發布相關訊息。若有任何問題，仍可與本公司聯絡，本公司將協助您確認、處理相關問題。若您所填寫之送貨地址、聯絡人、聯絡方式等非您本人之個人資料，您同意已取得各該當事人之同意提供予本公司，並已代本公司就前開法定告知事項予以告知。除依法應提供予司法、檢調機關、相關主管機關，或與本公司協力廠商為執行相關活動必要範圍之利用外，本公司將不會任意將您的個人資料提供予第三人。
 
 
 
 
 
於此「服務條款及隱私政策」區塊，常按右方「滾動條」下滑至視窗底部。
 
 
 
 
 

 
在底部空白區塊輸入，當顧客使用「Facebook 登入」功能後，如需要取消綁定、刪除資料，該如何與您聯繫及處理。
 
＊較無頭緒的店家，可以直接複製以下文字並置入：
 

八、聯繫管道

 

對於本網站之隱私權政策有任何疑問，或者想提出變更、移除個人資料之請求，請前往本網站「聯絡我們」頁面提交表單。

 
 
 
 

 
確認輸入的資訊皆正確，點擊右下方藍色「儲存」按紐。
 

 

 

 

 

 

 

 

 

三、Facebook 快速登入串接 - 步驟 1. 註冊帳號與設定基本欄位

 

 

 

前往「Facebook Developers」頁面→點擊右上方選單「登入」。

 

＊如果店家進入此頁面後，您的右上方選單無「登入」選項，不過是有顯示「我的應用程式」選項，請店家直接選擇「我的應用程式（可點擊查看示範圖片）」，之後前往【】繼續操作即可。

 

 

 

 

 

 

登入您的 Facebook 帳戶。

 

 
 
 
 
點擊右上方選單「立即開始」。
 
 
 
 
 
在「手機號碼」欄位內，輸入可連絡您，且稍後方便進行驗證的「電話號碼」。
 
 
 
 
 

 
點擊右下方藍色按鈕「發送驗證簡訊」。
 
 
 
 

 
在「輸入簡訊中的驗證碼」欄位上，輸入您收到的驗證碼。
 
 
 
 

 
點擊右下方藍色按鈕「繼續」。
 
 
 
 
 

 
確認您的電子郵件地址是否正確→點擊右下方藍色按鈕「確認電子郵件」。
 
＊如果「Primary email」欄位內的電子郵件不正確，可以點擊右下方灰色按鈕「更新電子郵件地址」進行更新。
 
 
 

 

 

 

 

在「以下何者最符合你的情況？」內，選擇「擁有者／創辦人」。

 

 

 

 

 

點擊右下方藍色按鈕「完成註冊」。

 

 

 

 

 

點擊頁面上的綠色按鈕「建立應用程式」。

 

 

 

 

 

在「應用程式類型」內，選擇「企業商家」。

 

＊請千萬務必一定要選擇「企業商家」，不要選擇其他類型，否則將無法使用。

 

 

 

 

 

點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

 

輸入應用程式相關資料。

 

（𝟭. 新增應用程式名稱：輸入您此應用程式的名稱（也可輸入「商店名稱」）。

 

（𝟮. 應用程式聯絡電子郵件地址：輸入可連絡您的 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」進行搜尋。
 
 
 

 
在「public_profile」區塊右方，點擊「取得進階存取權限」。
 
 
 
 

 
在「確認對 public_profile 的進階存取權限」視窗內，勾選「我同意」。
 
 
 
 

 
點擊右下方藍色按鈕「確認」。
 
 

 

 

 

此時，店家即會觀看到，在「email」與「public_profile」內的「使用權限層級」欄位，皆會顯示「 Advanced access 」，即代表完成。

 

＊此時不代表店家已完全取得此兩項的「進階存取權限」，需店家再依照下方「五、Facebook 快速登入串接 - 步驟 3. 進行商家驗證並確認是否成功」完成商家驗證，方代表完全取得！

 

 

 

 

 

 

 

 

 

五、Facebook 快速登入串接 - 步驟 3. 進行商家驗證並確認是否成功

 

 

 

前往並登入「Facebook Developers」→於左方選單，點擊前往「設定」→「基本資料」。

 

 

 

 

 

下滑頁面來到「驗證」區塊，在「商家驗證」右方，點擊灰色按鈕「開始驗證」。

 

 
 
 
 
在您的「驗證」區塊內，點擊藍色按鈕「開始驗證」。
 
 
 
 
 
點擊藍色按鈕「立即開始」。
 
 
 
 
 

 
在「國家／地區」點擊下拉選單，選擇「台灣」。
 
 
 
 

 
點擊藍色按鈕「繼續」。
 
 
 
 

 
輸入組織詳細資料。
 

（𝟭. 組織名稱：輸入您營業登記的「公司名稱」。

 

（𝟮. 街道地址：輸入您營業登記「公司地址」。

 

（𝟯. 街道地址行2／地區：如果您有其他地址，亦可於此欄位做輸入。

 

（𝟰. 城市：輸入您營業登記的「公司所在城市（例如：台南市）」。

 

（𝟱. 州／省／地區：輸入您營業登記的「公司所在地區（例如：台灣）」。

 

（𝟲. 郵遞區號：輸入您營業登記的「公司郵遞區號」。

 

（𝟳. 電話號碼：輸入 Facebook 稍後方便傳送驗證碼予您的「手機號碼」。

 
（𝟴. 網站：輸入您的「商店網址（例如：https://demo123.shopstore.tw）」。
 
 
 
 

 
確認輸入的資訊皆正確，點擊右下方藍色按鈕「繼續」。
 
 

 

 

 

 

選擇其中一種，Facebook 稍後可以提供「驗證碼」予您的聯絡方式。

 

（𝟭. 電子郵件：選擇此項，Facebook 稍後即會傳送「驗證碼」至您的「網域 Email（例如：@shopstore.tw）」，因此請尚未擁有「網域 Email」的商家，千萬不要選擇此方式。

 

（𝟮. 電話通話：選擇此項，Facebook 稍後即會撥打電話予您，並說明「驗證碼」為何（只會重複 3 次驗證碼數字）。

 

（𝟯. 簡訊（SMS）：選擇此項，Facebook 稍後即會依照您提供的「手機號碼」傳送「驗證碼簡訊」予您。

 

（𝟰. 網域驗證：選擇此項，Facebook 稍後即會自動幫您偵測，「獨立網域」是否已有完成「Facebeook 網域驗證」。

 

 

 

 

 

點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

分別上傳您的組織證明文件。

 

（𝟭. 驗證法定名稱：需上傳「公司登記證明文件與執照」、「營業執照」、「公司章程」其中一種文件。

 

（𝟮. Verify phone number：需上傳「水電費帳單」、「銀行對帳單」、「營業執照」其中一種文件。

 

＊如果您不太確定要上傳什麼文件與所需內容，可點擊藍色文字「受理的文件」做查看。

 

 

 

 

 

確認上傳的資料皆正確，點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

在「偏好的通話語言」選擇「英國（美國）」。
 
＊因通話語言內沒有「繁體中文」，因此小編選擇「英語」，那如果店家外語較不順的話，可以在「」選擇「簡訊（SMS）」的驗證方式！

 

 

 

 

 

 

點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

在「確認碼」欄位，輸入您收到的「驗證碼」→點擊右下方藍色按鈕「繼續」。

 

 

 

 

 

點擊右下方藍色按鈕「完成」。

 

 

 

 

 

在「驗證」區塊內，狀態即會顯示為「審查中」。

 

 

 

 

 

回到「Facebook Developer」→「設定」→「基本資料」內，即可在「驗證」區塊，觀看到您的商家驗證狀態顯示為「🟢 審查中」。

 

此時，請商家稍等待「2 個工作天」Facebook 審查資料的時間。

 

＊注意：當資料「審核通過」後，Facebook 並不寄信通知商家，會需要商家自行來此頁面觀看「商家驗證狀態」是否更新為「已驗證」。

 

 

 

 

 

當「驗證狀態」顯示為「🟢 已驗證」，代表已通過「商家驗證」！

 

 

 

 

 

在上方的橫幅區塊，於「應用程式模式」點擊按鈕，切換為「上線」。

 

 

 

 

 

確認「應用程式模式」已切換為「上線」即可！

 

 

 

 

 

 

 

 

 

 

 

六、Facebook 快速登入串接 - 步驟 4. 於 ShopStore 後台進行串接

 

 

 

前往並登入「Facebook Developers」頁面→於左方選單，點擊前往「設定」→「基本資料」。

 

 

 

 

 

在「應用程式密鑰」，點擊灰色按鈕「顯示」。

 

 
 
 
 
將「應用程式編號」與「應用程式密鑰」兩個欄位內的資料複製起來。
 
 
 
 
 
登入「ShopStore 店家管理後台」→前往「行銷推廣」→「Facebook」。
 
 
 
 

 
下滑頁面至「會員 Facebook 快速登入」區塊，並點擊按鈕切換為「啟用」。
 
 
 
 

 
將剛剛複製的「應用程式編號」與「應用程式密鑰」，貼上至對應的「Facebook 應用程式編號」與「Facebook 應用程式密鑰」欄位內。
 
 
 
 

 
點擊右下方藍色按鈕「儲存」即可！
 
 
 

 

 

 

 

 

七、前台 Facebook 登入顯示

 

 

當顧客於前台，進入「會員登入／註冊」頁面，即可以在頁面上觀看到「使用 Facebook 登入」的按鈕，點擊即可以進行 Facebook 登入。

 

 

 

 

無法解決問題？立即聯絡線上客服
Line 線上客服
Facebook 線上客服
其他文章
我要開店

OPEN