WordPress 登录和注册表单已经到货! (Forminator 1.12)

是的,这个消息会很好地"注册"到任何想要在他们的 WordPress 网站上注册和登录表单的人.感谢 Forminator 1.12,让您的客户注册和登录从未如此简单!

别担心,他时尚的眼镜没有变.但是,我们的开发者希望为您提供更多选择.

在今天的文章中,我将回顾 Forminator 的新注册和登录功能.

我还将通过演示字段、用户注册、设置电子邮件通知等方式向您展示它是如何完成的.

Forminator image looking in mirror.
Forminator 现在看起来更好了!

戴上眼镜、清洁隐形眼镜或擦拭镜片——因为这里有很多值得一看的地方.

不熟悉 Forminator?

Forminator form plugin wordpress
Forminator 使用新装备的登录和注册功能.

Forminator 是我们用于 WordPress 的免费表单构建插件.凭借稳定的 4.5 星平均评价和超过 40K 的活跃安装,难怪他笑得这么灿烂.

使用 Forminator,您可以轻松创建计算,改进结帐流程,自定义表单添加-ons,设置测验,现在也添加自定义注册和登录表单.

但在我们开始了解 Forminator 的新功能之前……

为什么需要 WordPress 注册和登录插件?

包含自定义登录或注册表单的原因有很多.首先,WordPress 的默认注册页面会显示 WordPress 品牌及其徽标.魅力.

当您创建自定义用户注册表时,您可以对其进行视觉调整以匹配您的内容,还可以设置内容格式以指定所需的信息(例如姓名、电子邮件、电话号码).

此外,您可以将它添加到您的 WordPress 网站,无论您喜欢什么.这有助于您打造品牌和形象.

通过自定义注册,您还可以在用户注册时重定向用户.使用 Forminator,您可以添加大量字段选项(我将很快向您展示如何操作).

在登录方面,让您的网站内容仅供拥有帐户的用户使用显然也很方便.这也有助于对您的电子邮件列表进行营销、添加订阅服务选项、受保护内容等.

收银台见

准备好退房了吗?虽然我们不是在这里买新衣橱……

相反,我们将"检查"如何设置新的注册表.如您所见,它非常快速且易于操作.

只需观看下面的视频或按照此视频下面的分步教程进行操作即可.

那么,让我们在仪表板中打开 Forminator 并了解这些新功能.

在我们完成此操作时,您会看到可以从要包含的字段开始.从那里,您可以自定义设置、样式、行为,甚至可以使用一些时髦的 CSS 对其进行修改.

第一步当然是免费安装Forminator 1.12.

梦想的领域

为了让事情动起来,首先点击创建来创建一个新表单.

Create new form in WordPress.
Forminator 仪表板.

此时,从模板选项中选择注册,然后继续.

New registration form in WordPress.
选择注册模板.

接下来,输入新注册表单的名称并点击创建.

Enter a name in Forminator.
我们将它称为 WPMU DEV,因为,就是我们!

就这样,现在您可以编辑表单了.我告诉过你这很容易!

Edit form area in Forminator.
一个基本的表单结构…形成了.

但是,如您所见,您在该区域有很多选项可以编辑字段、外观、用户注册、行为、电子邮件通知、集成和设置.

Forminator 的一个重要方面是其用于排列字段的拖放功能.它可以轻松添加或删除字段,并进行相应的自定义.

默认情况下,第一个准备设置的区域是字段部分.已为您设置的字段用于用户名电子邮件密码.

考虑到它是一个注册表单,这些是帮助您入门的一些不错的选择.不过,您可以随意调整.

您可以添加所有这些附加字段:

Form fields available in Forminator.
所有可用的表单字段.

这里有很多选择-从网站、地址、reCaptcha 到文件上传选项的所有内容.

为了这个演示,我不会单独讨论每个选项(这会导致一篇非常长的文章——此外,你可以在我们的 文档部分),但我将向您展示几个示例,说明您可以使用 Forminator 进行多少自定义.

例如,让我们只处理第一个字段:"用户名."

您可以随意点击并编辑此字段.

Username field settings.
用户名字段设置.

您可以在标签部分更改标签、默认值、说明和占位符.

从那里,如果您点击设置选项卡,就会有更多选项.

The username settings area.
设置区域.

您可以输入最大字符数或字数,将设置从必需更改为可选,并且有一个可用的预填充区域.

继续,您可以在样式标签中更改 CSS 样式.

Styling area in Forminator.
样式区域.

还可以在可见性标签中调整可见性.

Visibility tab in Forminator.
您可以在此区域为电子邮件添加很多规则以及更多.

在此示例表单中,还有电子邮件和密码字段.这些以及您添加的任何其他字段都是高度可定制的,就像用户名一样.

所有字段都方便用户使用且标签清晰.每个选项都有自己的调整和自定义选项-一旦您在注册表中找到所需的字段,就值得探索.

表格外观很重要

您拥有所需的字段(您仍然可以随时调整),现在您可以为外观增添趣味了.

外观 标签直接位于字段 标签下.单击它后,您将有多种选择.

页面顶部是设计风格.您可以在此处选择表单的显示方式,包括默认、平面、粗体、材料或无显示选项.

Example of the bold option.
粗体选项示例.

在此区域中,您还可以调整填充和边框的颜色、字体和表单容器.

另外,如果您有一些 CSS 知识,您可以为更高级的选项启用自定义 CSS.

保持最佳行为

行为部分是您猜对的地方,您可以选择提交行为等.

在本节的第一部分,您可以自定义表单成功提交时的内联消息.您还可以选择一个自动关闭框,使其在一段时间后消失.

您可以将用户重定向到一个 URL,并且可以选择在此区域隐藏表单.

直接在此下方,您可以选择方法验证、提交指标.

通过 Method 区域,您可以使用 AJAX 发送表单而无需重新加载页面.或者,您可以保持页面重新加载.

您还可以启用内联验证并指明是否要显示加载程序.

Method and validation section.
方法、验证和提交指示部分.

此区域还有一个安全选项,您可以在其中添加安全层以防止垃圾邮件提交.

然后您可以选择表单的生命周期,还有渲染选项.

最后,电子邮件通知、集成和其他设置(例如数据存储和隐私)都可以根据您的喜好进行调整.所有这些功能都有自己的选项卡,并且很容易在仪表板上找到.

一切都形成了

既然我们已经探索了所有自定义选项并准备好了表单,让我们来看看它!

您始终可以先从仪表板预览表单,以确保它看起来像您想要的那样.

Registration form preview.
我们刚刚创建的表单的预览.

点击发布后,就可以开始了!

使用 Forminator,会生成一个简码.您可以将其复制并粘贴到网站上您希望表单出现的任何位置.

Example of the shortcode that is produced.
您将用于添加的短代码示例你的表格.

Forminator 将所有表单保存在一个地方.发布表单后,它会显示在表单区域中.

Forms locations in Forminator.
表格所在的位置.

在这里,您还可以编辑、检查统计数据、复制表单、导出等.

多站点,有人吗?

在 1.12 中,现在可以在多站点网络上创建注册(yippee!).是的,这是真的.

在此选项可用之前,您需要先进行多站点设置.完成后,它会通过主站点完成.

首先,您要做的第一件事是在 Forminator 仪表板中创建一个注册表单(就像我之前讨论的那样).

网站名称网站标题添加简单的文本字段.

然后,您需要转到用户注册标签并启用网站注册选项.

Multisite registration form.
您在其中设置多站点注册表单的 Forminator 仪表板.

此时,您可以分配表单字段、站点标题和角色(例如管理员).

现在您的注册表可以在您的多站点网络上使用.

准备好登录了吗?

创建登录表单本质上与创建注册表单相同.

最大的区别在于它的登录方面,通过表单字段映射记住我字段以及如果用户已经登录则隐藏表单.

Login features for Forminator.
您可以在其中编辑特定的登录功能.

您拥有注册表单生成器拥有的所有选项,并且可以准确地自定义您想要的方式.

而且,就像注册表单(或 Forminator 上的任何表单)一样,您可以在发布前对其进行预览,以确保您的表单完全符合您的要求.

Login example.
我们的登录表单预览.

我不会引导您完成其余部分.

同样,除了我刚刚讨论的一些小细节之外,这与创建注册表相同.

这只是为自己设置一个并进行相应调整的问题.然后您的用户可以登录,您的 WordPress 登录表单就可以使用了.

但这并不是所有的形成者......

我们无法停止!

Forminator 1.12 还有其他一些额外的改进.一些新亮点包括:

  • 文本区域字段的高度选项.
  • 用于所有选择器的 RGBA 颜色选择器(文本层除外).
  • 改进了前端分页逻辑.
  • 电子邮件通知的主题和正文要求.
  • 实时测验回复.
  • 还有更多!

如您所见,与您上次见到他时相比,Forminator 1.12 确实提升了他的游戏水平.

或者,如果这是您第一次被介绍给他,我们希望他给您留下良好的第一印象.

时尚的会员福利

您可能已经知道 Forminator Free 和 Forminator Pro 完全相同(是的,我们就是这样设计的)

但是,拥有 WPMU DEV 会员资格,您可以获得额外的奖励,包括抢先体验新的 Forminator 版本,以及访问我们的 托管托管、我们其他屡获殊荣的插件以及 24/7 全天候支持.

1.12 看起来不错

不要太有偏见,但我们为 1.12 的外观以及它可以为您的 WordPress 网站做什么而感到自豪.

我们的 Forminator 朋友为您准备的下一个功能是什么?

密切关注他——以及我们其他的插件——通过我们的路线图.我们有关于我们插件的所有更新;包括即将发布的更新、发布日期和之前的增强功能.

另外,非常感谢此版本背后的超级英雄:

开发人员:Cvetan Cvetanov

质量保证: Bal Krishna Mishra

设计: Mukul Chawla

表明您并不总是需要戴大眼镜才能拥有出色的视力.

3

发表回复