如何自定义 WordPress 密码重置表单

已发表: 2022-05-16

您是否正在寻找创建自己的 WordPress 密码重置表单?

通过创建自定义密码重置表单,您将通过自定义这些用户页面以匹配您的网站主题、显示您的徽标并提供其他内容,从而提供更强大的用户体验。 如果您经营一家电子商务公司或会员网站,那么在您的网站上拥有一致的品牌尤为重要。

如何重置我的 WordPress 密码?

您可以使用 WordPress 中丢失的密码链接来重置您的 WordPress 密码。 这将向您发送一封电子邮件,其中包含您可以单击以重置密码的链接。

为了获得更好的用户体验,自定义密码重置表单可让您调整表单的外观和电子邮件通知的内容。 我们将向您展示如何创建自定义密码重置表单,将用户发送到页面,并允许他们轻松重置密码。

如何在 WordPress 中创建密码重置表单

要创建自定义密码重置表单,您需要订阅 WPForms 的高级版本。 专业版许可证包括用户注册插件,可让您为您的网站创建自定义密码重置、用户注册和登录表单

在本文中

  • 1. 安装 WPForms
  • 2.安装用户注册插件
  • 3. 选择并发布表单模板
  • 4. 安装和使用代码片段
  • 5. 在您的登录表单中添加密码重置链接
  • 6. 最终形式测试
  • 7.停止垃圾邮件密码重置请求

让我们开始吧!

WPForms 是最好的 WordPress 表单生成器插件。 免费获取!

1. 安装 WPForms

首先,登录到您的 WPForms 帐户。 登录后,单击“下载”选项卡。

突出显示 WPForms 下载选项卡的箭头

这是一个包含所有可用许可证的页面。 要下载插件,请单击专业许可证旁边的下载 WPForms按钮。 这会将 WPForms 插件的压缩文件保存到您的计算机。

下载 WPForms 按钮

下载 zip 文件后,前往要安装 WPForms 的 WordPress 网站。 然后,在管理仪表板上,单击Plugins » Add New ,然后单击Upload Plugin按钮。

WordPress上的上传插件按钮

从这里,单击选择文件按钮并选择您刚刚下载的 WPForms zip 文件。

指向“选择文件”按钮的红色箭头

上传文件后,单击立即安装按钮。

立即安装 wpforms

安装插件后,单击激活插件按钮以激活您网站上的 WPForms。

指向“激活插件”按钮的红色箭头

激活插件后,请记住验证您的 WPForms 许可证密钥以接收自动更新和插件支持。 添加许可证密钥还可以让您从 WordPress 仪表板内轻松安装和激活 WPForms 插件。

2.安装用户注册插件

我们现在要安装创建密码重置表单所需的插件。

在您的 WordPress 管理区域中,前往WPForms » Addons 。

WPForms 插件

如果您没有看到任何适合您的许可级别的插件,请单击“刷新插件”按钮强制刷新。

指向橙色“刷新插件”按钮的红色箭头

要搜索用户注册插件,请在页面右上角的“搜索插件”字段中输入其名称。

突出显示 WPForms 中“搜索插件”字段的箭头

找到它后,只需单击“安装插件”按钮。

指向安装插件按钮的红色箭头

这将自动为您安装并激活插件。 任何已安装并准备使用的插件都将显示Status: Active 。

红色箭头表示使用注册插件处于活动状态

3. 选择并发布表单模板

要创建密码重置表单,请转到WPForms » Add New 。 在模板库中搜索“密码重置”,然后将鼠标悬停在“用户密码重置表单”选项上,然后单击“使用模板”。

突出显示“使用模板”按钮

然后,您可以通过添加或删除任意数量的字段来自定义密码重置表单。 我们建议尽可能简单。 完成自定义表单后,我们需要将其嵌入到您的密码重置页面。

首先,在表单编辑器的右上角,单击“保存”按钮。

保存按钮以保存您的表单

保存表单后,单击它旁边的嵌入按钮。

嵌入表单按钮

由于这将是一个新的密码重置页面,我们将选择创建新页面。

创建新页面以嵌入表单

将您的页面命名为“密码重置页面”之类的名称,以便您以后轻松找到它。 您的表单现在将嵌入到新页面中。

下一步非常重要。

我们需要确保我们正确命名了 URL,因此我们将更新 slug 的名称。

为此,请前往您的 WordPress 管理仪表板,然后单击页面 » 所有页面。 找到新页面并单击快速编辑。 你现在会看到这个:

带有丢失密码的快速编辑框作为 slug

确保Slug旁边的部分写有lostpassword (一个单词)。 这会将所有东西连接在一起。 例如,这样做会使您的页面具有如下所示的最终 URL:www.example.com/lostpassword。

我们现在准备添加代码片段。

4. 安装和使用代码片段

要将用户引导至您的新密码重置页面,我们需要使用自定义代码段设置重定向。 别担心,这比听起来容易。

首先,我们将安装免费的 Code Snippets WordPress 插件。 在您的 WordPress 仪表板上,前往Plugins » Add New

添加新的wordpress插件

从那里,搜索代码片段并单击立即安装

代码片段插件

一旦你点击了激活,现在是时候添加我们的代码了。 在您的 WordPress 仪表板上,单击Snippets » Add New

添加新的代码片段按钮

为代码段命名后(我们已经选择了新密码重置页面),将以下代码复制并粘贴到该字段中:

 add_filter( 'lostpassword_url', 'my_lost_password_page', 10, 2 );
function my_lost_password_page( $lostpassword_url, $redirect ) {
return home_url( '/lostpassword/?redirect_to=' . $redirect );
} 

重要提示:代码应该只有 4 行长。 我们还建议选中默认的“到处运行代码段”选项。

接下来,向下滚动并单击按钮Save Changes and Activate 。 注意:您也可以添加描述和标签,但这不是必需的。

5. 在您的登录表单中添加密码重置链接

我们需要确保已完成此操作的原因是人们可以选择重置密码。 如果您还没有,请使用我们的模板快速创建登录表单。

接下来,我们现在将在您的登录表单中添加一个忘记密码的链接。 为此,我们将自定义密码字段。

我们将在此处的描述中添加一个链接,以便它显示在该字段的正下方。 我们可以为链接使用{url_lost_password}智能标签。

单击密码字段开始。 在描述中,将其粘贴到:

Forgotten your password? <a href={url_lost_password} >Click here</a> to reset it.

自定义忘记密码链接

您的表单现在将显示“忘记密码? 单击此处重置它的链接。

6. 最终形式测试

我们现在要确保一切正常。 在这个阶段,我们将有两个页面,两个表单:

  • 表单上带有“忘记密码链接”的用户登录页面
  • 一个新的密码重置链接页面,上面有“密码重置”表格

为确保一切正常,请前往您的用户登录页面。 点击密码重置链接:

用户登录测试页面密码重置链接

然后,您将被重定向到新的重置密码页面(网址为 www.yourwebsite.com/lostpassword)。 如果不是,请仔细重复前面的步骤,并确保已遵循两个重要步骤:

  • 代码片段完全按照步骤 4 中的说明进行复制
  • 您的重置密码页面丢失密码作为 slug

7.停止垃圾邮件密码重置请求

最后,防止垃圾邮件密码重置请求。 不断的密码重置请求可能会带来网站安全风险,并且可能表明有人试图闯入您的网站,或者有人试图通过网络钓鱼获取密码。 不管怎样,这很烦人。

为了阻止这些垃圾邮件机器人,我们可以按照我们的指南来限制对您网站和登录页面的访问,以防止 WordPress 中未经授权的密码重置,并消除这些垃圾邮件请求!

接下来,自定义您的密码重置页面

将密码重置表单嵌入到新页面后,您需要对其进行品牌化。

为什么? 通过对密码重置表单和页面进行品牌化,您将向客户巩固您是一家合法公司的观念,并提高您品牌的整体可信度。

按照我们的完整指南在 WordPress 上创建和自定义表单页面。

立即创建您的 WordPress 表单

准备好构建您的表单了吗? 请记住注册 WPForms Pro,因为它包括用户注册插件、大量免费模板和 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们以获取更多免费的 WordPress 教程和指南。