連接Facebook
在本文中,我們會教您如何建立Facebook社交網路應用程式,並能連線至您的WooCommerce社交登入選項。
必要項目: WooCommerce社交登入服務是Managed WordPress Ecommerce,Managed WooCommerce Stores內附的超豪版WooCommerce擴充功能,也可以獨立購買。
建立新應用程式
在開始設定之前,請先確認已啟用WooCommerce設定「社交登入」下的「為所有提供者強制使用SSL 」,因為Facebook需要這項設定。
- 登入developers.facebook.com 。
- 前往「我的應用程式」,並按一下「建立應用程式」按鈕(如果您已經建立過,請新增一個按鈕)。
- 選擇「消費」選項,因為此應用程式會被用來整合Facebook登入網站。
- 新增應用程式名稱及應用程式聯絡電子郵件。請注意:連線您的企業帳戶為選填選項,如果您需要的話,可以略過該部份。
- 按一下[建立應用程式] 。
設定Facebook登入
- 應用程式建立完成後,前往Facebook登入並按一下[設定],但是不要使用系統會誤解的「快速開始」 。
- 前往左側選單的「設定」並選取「基礎」 。
- 向下捲動並選取[新增平台] 。
- 選擇網站選項,然後按下一步。
- 設定商店的下列基本資訊:
- 顯示名稱-(您的商店名稱;在客戶核准應用程式登入存取權時會顯示給客戶),
- 網站網址-輸入您的網站網址(例如http://www.coolexample.com/) 。
- 命名空間-這是一個可選的識別碼,對於運作子網域的網站有幫助。
- 類別-選取與您的業務最相關的選項。
- 按一下「儲存變更」,並在上方的工具列將應用程式模式狀態切換為「現場」 。
- 應用程式建立完成後,返回「基本」設定並複制「應用程式ID」和「應用程式密碼」 。您將用這些設定在WooCommerce內部設定。
輸入申請資料
- 登入WordPress 。
- 前往WooCommerce並按一下設定。
- 選擇「社交登入」標籤,然後按Facebook 。
- 點選「啟用Facebook」 。
- 輸入您從Facebook複製的應用程式ID和應用程式密碼。
- 啟用「重新導向URI」選項,並複制列出的網址,您將在接下來的章節中用到。
- 按一下「儲存變更」。
設定OAuth重新導向URI
- 返回您的Facebook開發人員應用程式儀表板。
- 點選「 Facebook登入」上的「設定」。
- 在有效OAuth重新導向URI欄位中輸入複製的URL。
- 按一下「儲存變更」。
相關步驟
請參考以下連結,了解如何連結其他社交登入方式的步驟: