如何在商店啟用顧客Facebook快速登入/註冊功能?

如何在商店啟用顧客Facebook快速登入/註冊功能?

2019-12-25

 

今天就帶店老們來了解:

🐣 【一、「Facebook快速登入/註冊功能」操作設定】

 

*請使用「電腦」操作,切勿使用手機操作,因Facebook Developers部分頁面不完整支援。

 


 

ShopStore 店家顧客除了一般的註冊登入,我們還有提供店家顧客使用 Facebook 帳號進行登入及註冊!只須完成幾項設定就可以為消費者帶來更便捷的消費體驗囉!

 

 

一、「Facebook快速登入/註冊功能」操作設定

 

 


 

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

 


 

 

 

 

輸入您Facebook登入的「帳號密碼」→確認正確後→點擊「登入」。

 

 

 

 

 

點擊右上角「開始使用」。

 

 

 

 

 

閱讀並確認同意Facebook《開放平台使用條款》和《開發商政策》→點擊「繼續」。

 

 

 

 

 

輸入您的「手機號碼」→點擊右下角藍色按鈕「發送驗證簡訊」。

 

 

 

 

 

輸入您手機收到的「手機驗證碼」→點擊右下角藍色按鈕「繼續」。

 

*如未收到手機驗證碼,可點擊藍色文字「再次發送簡訊」。

 

 

 

 

 

勾選「我同意接收Facebook傳送E-Mail」→點擊右下方藍色按鈕「確認電子郵件地址」。

 

*這邊會建議店家做勾選,以免當店家被Facebook封鎖,或是帳戶有問題,可收到Facebook的E-Mail通知。

 

 

 

 

 

選擇「擁有者/創辦人」→點擊右下方藍色按鈕「完成註冊」。

 

 

 

 

 

此時,為正式進入至Facebook Developers帳戶,點擊下方綠色按鈕「Create App」。

 

 

 

 

 

選擇第一個選項「管理企業整合工具」→點擊「繼續」。

 

*請一定要選擇「管理企業整合工具」,勿選擇其他選項,否則將無法順利使用。

 

 

 

 

 

輸入所需資料。

 

應用程式顯示名稱:為您的應用程式取名。

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

你有企業管理平台帳號嗎?:店家可自由選擇,是不是要連結「企業管理平台帳號」,若無企業管理平台帳號,可直接略過此項。

 

 

 

 

 

確認資料正確→點擊右下角藍色按鈕「建立應用程式」。

 

 

 

 

 

找到應用程式「Facebook登入」→點擊「設定」。

 

 

 

 

 

選擇「網站」。

 

 

 

 

 

輸入店家商店前台首頁的「網站網址」。

 

*請記得,網址前方需加入「https://」,例如:https://alice563293.shopstore.tw(此為範例,請店家填入自己對應的網域)。

 

 

 

 

 

確認資料正確→點擊右下角藍色按鈕「Save」。

 

 

 

 

 

點擊左方導覽列「設定」→「基本資料」。

 

 

 

 

 

輸入「應用程式網域」與「隱私政策網址」。

 

應用程式網域:輸入店家網站所使用的網址(獨立網域或子網域)(網址不需包含「https://」),例如:

 -獨立網域(網址前方無www),輸入:shopstore.tw 即可。

 -獨立網域(網址前方有www)shopstore.tw與www.shopstore.tw,兩個都須輸入。

 -子網域,輸入:alice563293.shopstore.tw 即可。

 

 (以上皆為範例,請店家填入自己對應的網域)

 

隱私政策網址:請輸入https://shopstore.tw/privacy。

 

 

 

 

 

確認輸入資料皆正確→下滑葉面,至最底部,找到「網站」區塊。

 

 

 

 

 

確認「網站網址」欄位內的「網址」是否正確→點擊「儲存變更」。

 

*此欄位,系統預設會帶入好,如果發現此欄位為空白,可再手動將網址做輸入(須包含「https://」)。

 

 

 

 

 

點擊左方導覽列「Facebook登入」→「設定」。

 

 

 

 

 

輸入「有效的OAuth重新導向URI」。

 

*在此欄位,輸入您的網域,並在後方加上「/user/facebook/callback」,例如:https://alice563293.shopstore.tw/user/facebook/callback此為範例,請店家填入自己對應的網域

 

 

 

 

 

確認資料正確→點擊右下角藍色按鈕「儲存變更」。

 

 

 

 

 

點擊左方導覽列「設定」→「基本資料」,回到剛所設定應用程式的頁面。

 

 

 

 

 

在「應用程式密鑰」點擊「顯示」。

 

 

 

 

 

將「應用程式編號」與「應用程式密鑰」做複製。

 

 

 

 

 

回至ShopStore後台→「行銷推廣」→「Facebook」。

 

 

 

 

 

在「會員Facebook快速登入」點擊右方「按鈕」做開啟。

 

 

 

 

貼上剛在Facebook Developers所複製的「應用程式編號」與「應用程式密碼」。

 

 

 

 

確認資料正確→點擊「儲存」。

 

 

 

 

 

此時,前台即會有「Facebook登入」按鈕顯示了!

 

*示範版型:伊莉莎白。

 

 

 


 

最後,再前往Facebook Developers→應用程式審查→權限和功能→在「public_profile」與「email」需設定為「進階存取權」,即可正式使用「Facebook登入」功能!

 


 

 

 

 

 

 

 

 

 


 

《Shopstore》提醒您:

 

因應新冠肺炎疫情,疾管署持續加強疫情監測與邊境管制措施。

如有關疫情之疑似症狀,請撥打:1922專線,或 0800-001922,

並依指示配戴口罩儘速就醫,同時主動告知醫師旅遊史及接觸史,以利及時診斷及通報。>

 

>如出入八大場所,請記得配戴口罩。

 

 


 

 

 

 

 

 

《相關文章參考》:

 

「Facebook Business Extension」工具,更有效率的經營您的商店!

設定Facebook Messenger訂單通知,讓顧客大幅減少忘記領貨的次數!

利用Facebook Messenger功能,免費啟用線上客服

 


 

《參考資料》:


https://developers.facebook.com/

 


 

如操作上有任何問題,歡迎與客服人員聯繫,謝謝。

👨‍💼@LINE 聯繫專員@LINE👨‍💼Facebook聯繫專員【Messenger

免費開店,只要5分鐘,快來佈置您的店面吧:【免費開店GO!

如果您想創業或開店相關歡迎聯繫Shopstore專員 【@LINE 聊聊

 

 

 

我要開店

OPEN