likestore可以讓您的商店設定facebook API串接登入,加速消費者登入會員的時間~

※(請注意)您的獨有網址必需有「SSL安全憑證」(就是網址開題必需為https://),若網址無SSL安全憑證,則facebook API串接會失敗。 

步驟1:登入Facebook帳號後,進入開發人員頁面:facebook for developers

※若之前您已登入過,請跳至「步驟4」。

※如果從未申請過,會出現以下畫面,請點選右上方的「開始使用」,於跳出視窗點選【下一步】。

步驟2:設定「應用程式名稱」與你的登入facebook email 帳號後,點選【Next】
步驟3:選擇一個使用者身份後,點選【Add Your First Product】
步驟4:點選右上方的【+新增應用程式】
步驟5:於跳出視窗的「顯示名稱」欄位,輸這個facebook api登入應用程式的顯示名稱(可自訂),輸入完成後請按右下方的【建立應用程式編號】
步驟6:畫面會進入你剛才新增後的應用程式中,請找到「Facebook登入」點選右下角的【設定】。
步驟7:請選擇facebook登入應用的平台,請選擇【網站】。

步驟8:輸入您的likestore商店網址,請輸入包含「https://」的完整網址,完成後請按【Save】。

※若您的網站已完成轉址,請輸入您的獨有網址。

※(請注意)您的獨有網址必需有「SSL安全憑證」(就是網址開題必需為https://),若網址無SSL安全憑證,則facebook API串接會失敗。

※若你使用的是likestore提供的免費網址,請確認網址日後不會再變更後再行輸入,例:「https://www.likestore.com.tw/likestore123」

註:免費網址設定請參考: 系統操作教學>設定>網站管理>免費網址設定

步驟9:點選左側選單的【設定】>【基本資料】,於以下欄位輸入內容,完成後請點選右下方的【儲存變更】。

【應用程式網域】
   a.若您已完成轉址,請填寫您的網址,例 https://www.likestore123.com 請填寫:         

      www.likestore123.com 和 likestore123.com

   b.若你使用的是likestore提供的免費網址,例https://www.likestore.com.tw/likestore123 則請填寫:

      www.likestore.com.tw 和 likestore.com.tw

【隱私權政策網址】請輸入跟「步驟8」一樣的網址。

【應用程式圖示】請上傳一張您商店的logo。

【商業用途】請選擇「支持我自己的企業商家」。

步驟10:於【應用程式密鑰】欄位點選【顯示】,輸入密碼後,即會顯示密鑰代碼,並將其代碼複製下來。

步驟11:likestore後台>【設定】>【會員】>【功能設定】

  1. 確認「設定會員功能」為【啟用】。
  2. 於「允許社群登入類型」選擇【啟用】,並於「FB應用程式密鑰」貼上步驟10的「應用程式密鑰」。完成後請按右下方【儲存】。 

步驟12:回到Facebook應用平台,點選左側「產品」項下的【facebook登入】>【設定】後,點選右上角的「開啟/關閉」開關,於跳出視窗點選【確認】。

步驟13:於【有效的OAuth重新導向URI】欄位輸入您的商店網址,並在網址後方加上下列範例紅色字體【/fbloginprocess,完成後點選頁面右下角的【儲存】。

  • 範例:https://www.likestore.com.tw/likestore/fbloginprocess

將嵌入的瀏覽器OAuth登入設定『是』
將對重新導向URI使用Strict模式設定『是』

步驟14:確認此應用程式呈現為【開啟】的狀態後,複製【應用程式編號】

步驟15:likestore後台>【設定】>【會員】>【功能設定】

於【FB應用程式編號】輸入步驟14的「應用程式編號」,完成後請按右下方【儲存】,即完成facebook api登入的串接

※完成上述設定後,您可以至您的商店前台,點選右上方的「人型圖示」選擇【會員登入】。

於跳出的視窗中即會出現「其他登入」facebook的按鈕。

若消費者的電腦/裝置已有登入facebook,則會出現以下畫面,詢問是否授權並成為您商店的會員。
若消費者的電腦或裝置未登入facebook,則會出現帳號密碼欄位,輸入完成後即可以facebook帳號登入成為您商店的會員。