海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts

通过您的 WordPress 网站提高参与度和品牌忠诚度可能很棘手。 与用户保持联系的最佳方式之一是让他们在您的网站上注册帐户。 但是,许多访问者可能会觉得此任务很麻烦,尤其是当他们需要生成并记住新的安全密码时。 规避此问题的一种方法是提供 Facebook 登录功能。

通过让访问者更轻松地创建帐户和访问您的网站,您可以间接鼓励参与,同时让您的用户的生活更轻松。 在本文中,我们将向您展示如何在您的 WordPress 网站上设置 Facebook 登录按钮。

让我们深入了解!

为什么您可能想要将 Facebook 登录添加到您的 WordPress 网站

WordPress 允许您开箱即用地允许用户注册。 由于您的网站已经有一个登录选项,所以您可能想知道为什么要费心添加 Facebook 集成。 主要原因都归结为为您的用户提供便利。

考虑到该平台每月有近 28 亿活跃用户,您网站的绝大多数访问者可能已经拥有 Facebook 帐户。 考虑到如今人们必须记住的用户名和密码的数量,使用现有帐户在您的网站上注册的能力非常方便。 如果访问者可以使用他们已经熟悉的登录信息,他们可能更有可能创建帐户。

将 Facebook 登录添加到您的网站后,用户只需单击一个按钮即可创建帐户。

Facebook 登录按钮的示例。

当然,这种便利对您的企业来说并非没有好处。 通过让用户更容易注册,您间接地鼓励他们更多地参与您的网站。 出于多种原因,这是可取的,例如:

海外社媒SNS代运营Tiktok代运营公司
  • 在您的网站上拥有一个帐户可能会帮助用户对您的品牌投入更多。
  • 用户可能更有可能发表评论并与您的内容互动。 这创造了一种社区意识,并有助于促进搜索引擎优化 (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 登录按钮选择平台。

由于这是针对您的网站,请选择 网络. 在下一个屏幕上,您将看到一个指导性的步骤列表,从提供您网站的 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 开发者帐户中找到。 点击 我的应用 在顶部,然后选择您之前创建的应用程序。 在左侧边栏中,单击 设置 > 基本

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 插件在您的网站上显示登录按钮。
WordPress花园建议你也读一下这篇文章  如何修复WordPress中的“目标文件夹已经存在”

您对将 Facebook 集成添加到您的网站有任何疑问吗? 在下面的评论部分让我们知道!

精选图片来自 V3rc4/shutterstock.com

海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts