Elementor 的登录和注册表创建

如果您想创建一个会员网站,人们可以注册以使用特殊功能,那么您最好创建一个专用的登录和注册页面。 这将使您的网站感觉更加专业,在注册过程中要求额外的用户信息等等。

因此,我们整理了一份详细的教程,帮助您使用Elementor 页面构建器plugin。

Elementor 是迄今为止最流行且功能丰富的WordPresspluginplugin的免费版本附带了大量用于基本站点构建的块和小部件。 而plugin的专业版本提供了更高级的小部件和块。

现在,Elementor 附带的表单生成器小部件被锁定在其专业版本中。 但是,我们建议不要使用Elementor Pro来构建注册表单,而是使用Ultimate Addon for Elementor (UAE)plugin,因为与 Elementor Pro 相比,它具有许多功能强大的块和小部件。

目录

创建自定义注册页面的好处

仅就功能而言,在您的网站上使用看起来通用的注册页面没有问题。 但如果您这样做,那么您将错过为您的网站量身定制的注册页面所带来的大量优势。

以下是创建自定义注册页面的一些主要好处,以便您了解一下:

1. 个性化用户注册页面

在自定义注册页面的帮助下,您可以构建带有自定义字段的注册表单,并根据您的要求进行设计。 您可以根据您的需要和要求设计表单样式,以便它们与您的商业理念和网站产生共鸣。

用户注册表小部件可用于以下用途:

  • 成为在线商店会员的优雅解决方案
  • 反映您业务的自定义 WordPress 注册表
  • 论坛和电子学习网站的安全形式
  • 会员网站定制注册表

2. 从单一表格中收集所有必需信息

如果您想从会员那里收集某条特定信息,您可以将其作为注册表的一部分。

因此,它不仅仅是用户可以选择的用户名和密码,仅此而已。 您可以添加更多表单字段,例如姓名、电子邮件地址、联系方式等。 您可以借助自定义字段优雅地构建综合表单,您可以在其中将其作为注册表的一部分。

3. 定制用户体验

您可以为您的会员提供定制的用户体验。 这可以将用户重定向到特定页面,帮助他们自动登录帐户,或向收件箱发送电子邮件。

4.打击垃圾邮件并增强安全性

通过添加 Honeypot 和 ReCaptcha,您可以对抗垃圾邮件发送者并防止虚假注册。

5. 完美契合您的品牌风格

注册表单应该与网站的其他页面一样。 使用自定义注册表单,您可以构建与您的业务产生共鸣的表单。

如何使用 Elementor 创建自定义用户注册表单?

现在您已经基本了解了自定义用户注册表单如何帮助您开展业务,这里有一份全面的分步指南,介绍如何使用 Elementor 和 UAE 插件来帮助您创建自己的自定义用户登录体验。

以下是有关如何为您的网站创建用户注册表单的三步指南。

注意在继续操作之前,请确保您已通过前往“仪表板”>“设置”>“常规”>“会员资格:已启用”来会员资格

1.png

启用会员选项将允许任何用户在您的网站上注册。

UAE (Elementor 的终极插件)Plugin创建用户注册表单

要制作自定义用户注册表单,请确保您拥有更新版本的UAEplugin,并激活了块。

确保满足创建登录页面的先决条件后,您需要创建或添加新页面。 并编辑要附加用户注册表的页面。

如果拖放小部件,您可以看到默认的表单字段。

2.png

您可以使用这些字段 - 您可以删除不需要的字段,或添加其他字段,例如用户名、名字等。

有一个选项可以管理各个表单字段上的所需宽度和列宽。

您还可以管理输入大小和字段标签(无论要显示还是隐藏它们)或必填标记。

第 2 步:配置您的表单设置

“常规设置”来配置表单设置。 您可以从这里执行以下功能:

  • 新用户角色
  • 选择“注册后操作”

以下是两者的详细说明:

新用户角色

如果您有一个会员网站,要求用户在您的网站上注册,那么默认情况下,您将“用户角色”分配为订阅者

您可以为您的成员设置默认的用户角色,当所有新用户在您的网站上注册时,将为他们设置分配的角色。

无标题.png

注册后选择操作

4.png

用户可以使用用户注册表小部件在会员网站上注册后选择可以执行的以下操作:

  • 自动登录:使用此选项,您可以允许用户自动登录您的网站。 首次提供凭据后,用户无需再次登录,因为注册成功后将自动登录网站。
  • 注册后重定向:使用此选项,您可以在成功注册后将用户重定向到欢迎页面或登录页面。 您可以通过将所需页面的 URL 粘贴到此选项下的 URL 字段中来设置重定向页面。
  • 发送电子邮件:当用户在您的网站上成功注册时,此选项将向他发送一封电子邮件以确认其注册。 电子邮件的内容是可定制的,您可以使这些电子邮件变得个性化以获得更多温暖。 但如果您想向所有用户发送相同的电子邮件,您也可以通过探索此选项来实现。
5.png
  • 注册后隐藏:有时,您可能希望在用户在您的网站上成功注册后隐藏用户注册表单。 使用“注册后隐藏”选项,您可以隐藏注册表单,同时将他们引导至登录页面,或者在向他们提供访问登录页面以访问网站的链接后仅显示“成功”消息。 您可以在小部件“内容”选项卡的“常规设置”部分下找到此选项。

接下来,您可以使用小部件的“样式”选项卡设计用户注册表单并设置其样式。

完成此操作后,您就完成了用户注册表小部件的创建和配置过程。 该表格已准备好在实时网站上上线。

第 3 步:将用户注册表添加到您的网站

这部分非常基础且简单。 您可以直接拖放来添加此小部件,就像任何其他 Elementor 小部件一样。 您还可以保存包含小部件的部分,并在所需的注册页面中获取已保存的部分。

6.png

下面我们详细介绍了几种帮助在 Elementor 编辑器中添加任何小部件的方法。

例如WooCommerce 页面上的用户注册表

如果您想创建自定义 WooCommerce 页面,即“我的帐户页面”,名称为“自定义帐户页面”,您可以简单地:

单击“使用 Elementor 编辑按钮”,您将进入 Elementor 编辑器。

我们可以像这样创建另一个注册表单,并按照上述相同的步骤保存它以供在自定义帐户页面上使用。

最后,要将页面设置为“我的帐户页面”,请转到 WordPress 仪表板。 并按照 WooCommerce 选项下的以下路径操作:

WooCommerce > 设置 > 高级 > 页面设置 > 我的帐户页面 > 我的帐户页面 > 选择自定义帐户页面

8.png

UAE的用户注册表小部件的页面

结论:

UAE为您的网站创建时尚的注册表单,并包含您选择的选项首选项。

按照本文中给出的步骤,您可以使用阿联酋。 这是一个简单而优雅的解决方案,可为您的新用户创建时尚的用户注册表单。

发表评论

您的电子邮件地址不会被公开。 必需的地方已做标记*