如何將 Facebook 登錄與 WordPress 集成

已發表: 2021-03-26

通過您的 WordPress 網站提高參與度和品牌忠誠度可能很棘手。 與用戶保持聯繫的最佳方式之一是讓他們在您的網站上註冊帳戶。 但是,許多訪問者可能會覺得此任務很麻煩,尤其是當他們需要生成並記住新的安全密碼時。 規避此問題的一種方法是提供 Facebook 登錄功能。

通過讓訪問者更輕鬆地創建帳戶和訪問您的網站,您可以間接鼓勵參與,同時讓您的用戶的生活更輕鬆。 在本文中,我們將向您展示如何在您的 WordPress 網站上設置 Facebook 登錄按鈕。

讓我們深入了解!

為什麼您可能想要將 Facebook 登錄添加到您的 WordPress 網站

WordPress 允許您開箱即用地允許用戶註冊。 由於您的網站已經有一個登錄選項,所以您可能想知道為什麼要費心添加 Facebook 集成。 主要原因都歸結為為您的用戶提供便利。

考慮到該平台每月有近 28 億活躍用戶,您網站的絕大多數訪問者可能已經擁有 Facebook 帳戶。 考慮到如今人們必須記住的用戶名和密碼的數量,使用現有帳戶在您的網站上註冊的能力非常方便。 如果訪問者可以使用他們已經熟悉的登錄信息,他們可能更有可能創建帳戶。

將 Facebook 登錄添加到您的網站後,用戶只需單擊一個按鈕即可創建帳戶。

Facebook 登錄按鈕的示例。

當然,這種便利對您的企業來說並非沒有好處。 通過讓用戶更容易註冊,您間接地鼓勵他們更多地參與您的網站。 出於多種原因,這是可取的,例如:

  • 在您的網站上擁有一個帳戶可能會幫助用戶對您的品牌投入更多。
  • 用戶可能更有可能發表評論並與您的內容互動。 這創造了一種社區意識,並有助於促進搜索引擎優化 (SEO)。
  • 如果他們已經連接,他們可能更有可能與他們的社交網絡共享內容,這有助於增加您的帖子的覆蓋面。
  • 通過促銷和新內容通知,可以更輕鬆地聯繫到註冊用戶。

最後,Facebook 龐大的用戶群意味著集成可以提供您可能無法訪問的強大分析和人口統計信息。 當涉及到您的業務增長時,這些細節可能是無價的。

如何將 Facebook 登錄與 WordPress 集成(分 5 個步驟)

既然您知道為什麼應該考慮 Facebook 登錄集成,現在是時候學習如何設置它並開始收穫好處了。 這個過程看起來很複雜,但實際上比看起來容易。 讓我們來看看吧。

第 1 步:設置 Facebook 開發者帳戶

您需要做的第一件事是註冊 Facebook 開發者帳戶。 這將使您能夠使用 Facebook 軟件開發工具包 (SDK) 來創建各種應用程序和集成,包括您網站的登錄按鈕:

Facebook 開發者頁面。

訪問 Facebook 開發人員網站,然後單擊右上角的“入門”。 你會被問到一些問題,但如果你已經有 Facebook 帳戶,這個過程會非常快。 完成後,您將登陸 Facebook 應用頁面,進入下一步。

第 2 步:創建一個新的 Facebook 應用

下一步是創建一個 Facebook 應用程序,該應用程序將包含您的集成代碼。 在主應用程序頁面上,單擊綠色的創建應用程序按鈕開始:

創建一個新的 Facebook 應用程序。

這將打開一個窗口,提示您選擇您需要應用程序執行的操作:

選擇新 Facebook 應用的用途。

選擇構建互聯體驗以設置 Facebook 登錄。 接下來,您需要為您的應用命名並提供聯繫電子郵件:

命名您的 Facebook 應用程序。

完成後,單擊“創建應用程序”。 系統會要求您使用 CAPTCHA 確認您的人性,然後您可以繼續下一步。

第 3 步:為新應用添加產品

接下來,您需要為新應用選擇產品。 這基本上是一些預先打包的代碼,可幫助您朝著正確的方向開始。 如果您在第 2 步中選擇了構建互聯體驗,您應該會在此頁面上看到 Facebook 登錄選項:

為您的 Facebook 應用選擇產品。

將鼠標懸停在它上面,然後單擊“設置” 。 然後 Facebook 會提示您為該應用選擇一個平台:

為您的 Facebook 登錄按鈕選擇平台。

由於這是針對您的網站,請選擇Web 。 在下一個屏幕上,您將看到一個指導性的步驟列表,從提供您網站的 URL 開始:

創建 Facebook 登錄按鈕的嚮導。

某些步驟將指導您將代碼複製並粘貼到您網站上的不同位置,以啟用分析並添加“與 Facebook 連接”按鈕。 雖然可以手動執行此操作,並且效果很好,但我們將在第 5 步中使用 WordPress 插件來簡化此過程。 如果您願意,可以安全地跳過這些步驟。

第 4 步:配置您的 Facebook 登錄按鈕

當您在添加產品的過程中進入第 4 步時,Facebook 會為您提供登錄按鈕的代碼。 此時,您可以配置其外觀。

Facebook 提供了一個非常有用的代碼生成器,您可以使用它來設置您喜歡的登錄按鈕:

Facebook 登錄按鈕外觀的配置編輯器。

然後,您可以簡單地將生成的代碼複製並粘貼到您網站的相應頁面上。 同樣,我們將使用插件來完成此操作,而不是手動集成 Facebook 登錄按鈕,但自定義選項仍然可以派上用場。

第 5 步:使用 Nextend 社交登錄插件在您的網站上顯示登錄按鈕

此時,您已準備好在您的 WordPress 網站上顯示您的 Facebook 登錄按鈕。 雖然您可以按照 Facebook 開發者帳戶儀表板中的說明手動添加它,但我們建議使用插件來簡化操作。 Nextend Social Login 是一個很棒的解決方案,也適用於 Google 和 Twitter:

Nextend 社交登錄 WordPress 插件。

要安裝此插件,請打開您的 WordPress 儀表板並導航至插件 > 添加新。 搜索“Nextend”並安裝插件。 也不要忘記激活它。

然後,前往設置 > Nextend 社交登錄:

WordPress 儀表板中的 Nextend 設置面板。

單擊 Facebook 選項下的入門以配置插件。 您將看到創建 Facebook 應用程序的說明列表 - 由於我們已經這樣做了,您可以向下滾動並單擊顯示我已完成 Facebook 應用程序設置的按鈕。

接下來,您將看到一個設置屏幕:

Nextend 設置頁面。

您需要輸入您的 App ID 和 App Secret。 這些可以在您的 Facebook 開發者帳戶中找到。 單擊頂部的我的應用程序,然後選擇您之前創建的應用程序。 在左側邊欄中,單擊Settings > Basic

Facebook App ID 和 App Secret 用於將您的登錄按鈕與 Nextend 插件連接起來。

您的 App ID 和 App Secret 位於屏幕頂部。 在 Nextend 設置中輸入這些。 您可以使用 Nextend 的一種預構建樣式在此處配置按鈕的外觀,或使用您在第 4 步中創建的自定義按鈕:

Nextend 按鈕配置設置。

完成此操作並保存更改後,您的登錄頁面應顯示“使用 Facebook 繼續”按鈕(或您在設置中選擇的任何文本)。

結論

無論您是想推動更多註冊、鼓勵更多評論還是獲得更好的分析,將 Facebook 與您的 WordPress 網站集成都是實現目標的絕佳方式。 這個過程可能看起來令人生畏,但一旦開始就不會那麼糟糕。

只需按照以下五個步驟為您的網站啟用 Facebook 登錄集成:

  1. 設置 Facebook 開發者帳戶。
  2. 創建一個 Facebook 應用程序。
  3. 為應用添加產品。
  4. 配置您的 Facebook 登錄按鈕。
  5. 使用 Nextend Social Login 插件在您的網站上顯示登錄按鈕。

您對將 Facebook 集成添加到您的網站有任何疑問嗎? 在下面的評論部分讓我們知道!

精選圖片來自 V3rc4/shutterstock.com