关于wordpress:如何在-WordPress-中启用一键式-Google-登录

当您的用户能够应用他们的 Google 帐户登录时，他们无需建设、记住或监控其余用户名和明码即可拜访您的网站。他们的工夫得以节俭，您的转化率也会进步。在本教程中，咱们将向您展现如何将一键式 Google 登录集成到 WordPress。

为什么在 WordPress 中蕴含 Google 登录？

许多在线用户持续应用他们的 Google 帐户。这使他们可能快速访问 Gmail、Drive 和 Documents 等 Google 产品，而无需为每个产品独自登录。

当您在您的 WordPress 登录页面启用一键式 Google 登录时，您的用户将可能在您的网站上执行雷同的操作。用户能够通过应用他们的 Google 帐户疾速登录来节省时间。这打消了用户每次都输出其登录详细信息的须要。

如果您只有一个根本的 WordPress 博客，您可能会发现此性能没有用。然而，如果您的公司应用 Google Workspace 作为业余的企业电子邮件地址，您的团队成员能够应用您公司的 Google 应用程序帐户登录。

单点登录选项，例如一键式 Google 登录，对于任何须要用户登录的网站也十分有用，例如多作者网站、会员网站和销售在线课程的网站。话虽如此，让咱们来看看如何简略地将谷歌的一键登录集成到您的 WordPress 网站。

如何在 WordPress 中启用一键式 Google 登录？

首先，下载并装置 Nextend Social Login and Registration 插件。请拜访咱们的 WordPress 插件装置初学者指南以获取更多信息。

在本课中，咱们将应用容许 Google、Twitter 和 Facebook 登录的收费插件。Nextend Social Login 也有一个商业版本，能够为各种网站增加社交登录，包含 PayPal、Slack 和 TikTok。

激活后转到 WordPress 治理区域中的设置 » Nextend 社交登录。此屏幕显示许多可用的社交登录选项。

单击 Google 徽标下方的“入门”按钮，将 Google 登录名增加到您的 WordPress 网站。如您所见，第一步是开发 Google 应用程序。不要被创立 Google 应用程序的前景吓倒。

您无需理解任何代码，咱们将疏导您实现整个过程。

开发谷歌应用程序

您须要在 WordPress 仪表板和 Google Developers Console 之间转换能力构建此应用程序。最好在以后浏览器选项卡中关上 WordPress 仪表板，同时关上一个新选项卡。

您当初能够拜访 Google Developers Console 页面。如果您尚未登录，零碎将提醒您应用 Google 帐户登录。

下一步是从顶部菜单中选择一个我的项目。要持续，将呈现一个弹出窗口，您须要单击“创立我的项目”按钮。

这将疏导您进入新我的项目页面。您必须输出项目名称并抉择地位。项目名称能够是您喜爱的任何名称，例如“Google 登录”。

如果您应用 Google Workspace 帐户登录，该地位将主动填写您所在组织的名称。如果没有，只需将其保留为“无组织”。

要持续，请单击“创立”按钮。您当初将被带到“API 和服务”仪表板。在此页面上，从左侧选项中抉择“OAuth 批准屏幕”。

您能够在此处抉择要容许登录的人员类型。

如果只有领有贵公司 Google 帐户的人才能登录，请抉择“外部”。如果您的用户的电子邮件地址不在您的组织内，则应抉择“内部”。例如，某人领有 @gmail.com 帐户，而不是 @yourcompanyemail.com 地址。

当您筹备好持续时，单击“创立”按钮。您当初能够开始增加无关您的应用程序的信息。

首先，在利用名称区域输入您的公司名称。登录时，用户会看到相似“Smith Training Services 申请拜访您的 Google 帐户”的内容。

您还必须输出用于登录 Google 的电子邮件地址。这容许您的用户查问无关 Google 登录屏幕的信息。

之后，向下滚动到“应用程序域”区域。在此处增加指向您网站主页、隐衷政策页面和服务条款页面的链接。

而后，单击“增加域”选项以输入您网站的域名，例如“example.com”。如果您心愿将一键式 Google 登录增加到多个网站，您能够通过单击“+ 增加域”选项来实现。

最初，您必须输出一个或多个电子邮件地址，以便 Google 能够让您理解我的项目的任何更改。实现后，单击“保留并持续”选项。

而后您将被带到范畴和测试用户页面。只需滚动到这两个页面的底部，而后单击“保留并持续”选项。

此步骤的最初一页将为您提供 OAuth 批准屏幕设置的摘要。下一步是生成您的插件连贯到 Google Cloud 所需的密钥。从左侧菜单中选择“凭据”，而后单击屏幕顶部的“+ 生成凭据”选项。您必须抉择“OAuth 客户端 ID”选项。

这会将您重定向到“创立 OAuth 客户端 ID”页面。从“应用程序类型”下拉菜单中抉择“Web 应用程序”。

该网站将更新一些设置。向下转到题目为“受权重定向 URI”的区域，而后单击“+ 增加 URI”按钮。

之后，您应该单击“创立”按钮以保留该选项。调整失效可能须要五分钟到数小时不等。

您的 OAuth 客户端已胜利生成！

将呈现一个窗口，其中蕴含“您的客户 ID”和“您的客户明码”。必须将这些密钥复制并粘贴到 WordPress 治理区域中的插件设置页面。

只需单击右侧的“复制”图标即可一次复制一个密钥。

在您的插件中蕴含 Google 密钥

当初返回您网站的浏览器选项卡，而后从 设置 » Nextend 社交登录 菜单中选择“设置”选项卡。这里有 Client ID 和 Client Secret 字段。

您必须将密钥从 Google Cloud Console 复制并粘贴到这些区域。

之后，请确保单击“保留更改”按钮以保留您的设置。

您当初必须验证设置是否正确。这很重要，因为您不心愿真正的用户在尝试登录您的网站时遇到困难。

只需点击“验证设置”按钮，该插件将确保您创立的 Google 应用程序能够运行。

如果您正确执行了后面的阐明，您应该会看到一条音讯“工作失常 – 已禁用”。

您当初能够释怀地单击“启用”按钮，以容许人们应用他们的 Google ID 签到。

将呈现一条告诉，确认当初已启用 Google 登录。

抉择按钮款式和标签

Nextend 中的默认按钮款式和标签十分传统，实用于大多数网站。然而，您能够通过转到屏幕顶部的“按钮”选项来更改它们。

您当初将看到社交登录按钮的所有可用款式。要应用不同的款式，只需抉择其单选按钮。

之后，您能够通过更改“登录标签”字段中的内容来批改按钮措辞。

如果您违心，您能够应用 HTML 向登录标签增加一些根本格局。例如， 和 标签可用于使文本加粗。

您还能够更改“连贯标签”和“勾销链接标签”选项，这些选项容许人们将他们的 Google 帐户与您的网站连贯和断开连接。技术用户能够应用按钮的 HTML 代码构建本人的 Google 登录按钮。

要保留设置，请确保单击“保留更改”选项。

从测试模式中删除您的 Google 应用程序

返回 Google Cloud 浏览器选项卡，您还必须做一件事。蕴含您的客户端 ID 和客户端明码的弹出窗口应该依然可见。您能够通过单击底部的“确定”按钮敞开弹出窗口。

您当初必须从左侧菜单中选择“OAuth 批准屏幕”。

如您所见，您的 Google 应用程序处于“测试”模式。这使您可能与一小群人一起测试您的应用程序。在应用插件验证设置后收到“工作失常”信号后，您当初能够将其移至“生产”模式。

您能够通过单击“公布应用程序”按钮来实现此操作。之后，您将收到一个题目为“Push to production?”的弹出窗口。

只需单击“确认”即可容许所有人在您的网站上应用一步 Google 登录。

如果您认真依照此阐明操作，验证状态当初应该是“不须要验证”。

您的利用当初可供所有 Google 用户拜访。

当用户退出您的网站时，他们当初能够抉择应用 Google。

然而，如果违心，他们能够持续应用罕用的 WordPress 用户名和明码登录。

请记住，人们只能应用他们在您网站上应用的 Google 帐户地址登录。此外，如果您在 WordPress 网站上启用了用户注册，人们能够应用一键式 Google 登录立刻注册。

如果您想将 Google 登录按钮放在您网站的其余地位，您能够应用简码。您能够返回 Nextend 的“应用”选项卡理解更多信息。