使用技巧

如何将Facebook登录与WordPress集成

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

通过使访问者更容易创建帐户和访问您的网站,您可以间接鼓励互动,同时使用户的生活更轻松。 在本文中,我们将向您确切介绍如何在WordPress网站上设置Facebook登录按钮。

让我们开始吧!

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

WordPress使您可以开箱即用地注册用户。 由于您的网站已经有一个 登录选项,所以您可能想知道为什么要麻烦添加 Facebook整合。 主要原因都归结为给用户带来便利。

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

通过将Facebook登录名添加到您的网站,用户可以单击一个按钮来创建帐户。

如何与WordPress集成Facebook登录如何与WordPress集成Facebook登录

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

  • 在您的网站上拥有一个帐户可能会帮助用户感到对您的品牌有更多的投资。
  • 用户可能更愿意发表评论并与您的内容进行互动。 这样可以营造一种社区意识,并有助于提高搜索引擎优化(SEO)。
  • 如果他们已经连接,他们更有可能与他们的社交网络共享内容,这有助于增加您的帖子的覆盖面。
  • 通过促销和新内容通知可以更轻松地吸引注册用户。

最后,Facebook庞大的用户群意味着集成可以提供 强大的分析 以及您可能无法访问的人口统计信息。 这些细节对于发展您的业务可能是无价的。

如何将Facebook登录名与WordPress集成(5个步骤)

既然您知道了为什么要考虑Facebook登录集成,现在该学习如何设置它并开始从中受益。 这个过程看似复杂,但实际上比看起来容易。 让我们来看一看。

第1步:设置一个Facebook开发者帐户

您需要做的第一件事就是注册一个Facebook开发者帐户。 这将使您能够使用Facebook软件开发工具包(SDK)来创建各种应用程序和集成,包括您网站的登录按钮:

如何使用wordpress-1集成facebook-login登录和如何使用WordPress集成facebook登录

造访 Facebook开发者网站 然后点击右上角的“入门”。 系统会询问您几个问题,但是如果您已经拥有一个Facebook帐户,则该过程非常快捷。 完成后,您将进入Facebook Apps页面,该页面将转到下一步。

步骤2:建立新的Facebook应用程式

下一步是创建一个Facebook应用,该应用将包含集成代码。 在“应用程序”主页面上,单击绿色的“创建应用程序”按钮以​​开始使用:

如何与wordpress-2集成Facebook登录如何将WordPress与Facebook登录集成

这将打开一个窗口,提示您选择应用程序需要执行的操作:

如何使用wordpress-3集成facebook-login登录和如何将WordPress登录与Facebook登录集成

选择“建立连接的体验”以设置Facebook登录名。 接下来,您需要为您的应用命名,并提供联系电子邮件:

如何与wordpress-4集成Facebook登录如何将WordPress与Facebook登录集成

完成后,单击“创建应用程序”。 系统会要求您使用验证码确认您的人格,然后继续进行下一步。

步骤3:为新应用添加产品

接下来,您需要为新应用选择产品。 基本上,这是一段预包装的代码,可帮助您从正确的方向入手。 如果您在步骤2中选择了“构建连接的体验”,那么您应该在此页面上看到一个用于Facebook登录的选项:

如何与wordpress-5集成Facebook登录如何将WordPress与Facebook登录集成

将鼠标悬停在它上面,然后单击“设置”。 然后,Facebook会提示您选择该应用程序的平台:

如何与wordpress-6集成Facebook登录如何将WordPress与Facebook登录集成

由于这是针对您的网站的,因此选择“ Web”。 在下一个屏幕上,您将看到一个指导性的步骤列表,从提供网站的URL开始:

如何与wordpress-7集成Facebook登录如何将WordPress与Facebook登录集成

其中一些步骤将指导您将代码复制并粘贴到网站上的各个位置以启用分析,并添加“使用Facebook连接”按钮。 尽管可以手动执行此操作,并且效果很好,但我们将使用 WordPress插件 在第5步中使该过程更加容易。 如果愿意,您可以安全地跳过这些步骤。

步骤4:配置您的Facebook登录按钮

在添加产品的过程中执行第4步时,Facebook将为您提供登录按钮的代码。 此时,您可以配置其外观。

Facebook提供了非常有用的 代码生成器 您可以根据自己的喜好使用它来设置登录按钮:

如何与wordpress-8集成facebook-login登录如何与WordPress集成Facebook登录

然后,您可以简单地将生成的代码复制并粘贴到站点的相应页面上。 同样,我们将使用插件来完成此操作,而不是手动集成Facebook登录按钮,但是自定义选项仍然可以派上用场。

步骤5:使用Nextend社交登录插件在您的网站上显示登录按钮

至此,您已经准备好在WordPress网站上显示Facebook登录按钮。 虽然您可以按照Facebook Developer帐户仪表板中的说明手动添加它,但我们建议您使用插件来简化操作。 Nextend社交登录 是一个出色的解决方案,也适用于Google和Twitter:

如何使用wordpress-9集成facebook-login-登录和如何使用WordPress集成facebook-login

要安装此插件,请打开WordPress仪表板,然后导航至“插件”>“添加新的”。 搜索“ Nextend”并安装插件。 不要忘了激活它。

然后,转到“设置”>“ Nextend社交登录”:

如何与wordpress-10集成Facebook登录如何将WordPress与Facebook登录集成

单击Facebook选项下的“入门”以配置插件。 系统将为您提供创建Facebook应用程序的说明列表-由于我们已经完成了此操作,因此您可以向下滚动并单击显示我已经完成设置Facebook应用程序的按钮。

接下来,将显示一个设置屏幕:

如何使用wordpress-11集成facebook-login登录和如何使用WordPress集成Facebook登录

您需要输入您的App ID和App Secret。 这些可以在您的 Facebook开发者帐户。 单击顶部的“我的应用程序”,然后选择您之前创建的应用程序。 在左侧的边栏中,单击设置>基本:

如何与wordpress-12集成Facebook登录如何将WordPress与Facebook登录集成

屏幕顶部将显示您的App ID和App Secret。 在Nextend设置中输入这些内容。 您可以使用Nextend的一种预先构建的样式在此处配置按钮的外观,也可以使用在步骤4中创建的自定义按钮:

如何与wordpress-13集成Facebook登录以及如何将WordPress与Facebook登录集成

完成并保存更改后,登录页面应显示“继续使用Facebook”按钮(或在设置中选择的任何文本)。

结论

无论您是想推动更多注册,鼓励更多评论还是获得更好的分析功能,将Facebook与WordPress网站集成都是实现目标的绝佳方法。 这个过程看似令人生畏,但是一旦开始就还不错。

只需按照以下五个步骤为您的站点启用Facebook登录集成:

  1. 设置一个Facebook开发者帐户。
  2. 创建一个Facebook应用程序。
  3. 为该应用添加产品。
  4. 配置您的Facebook登录按钮。
  5. 使用 Nextend社交登录 插入。

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

精选图片通过V3rc4 / shutterstock.com

来源