如何创建和使用 WooCommerce 登录简码

已发表: 2022-03-29

许多 WooCommerce 商店所有者希望使用 WooCommerce 登录短代码在其网站上创建登录页面。 但是,虽然 WooCommerce 确实提供了用于轻松创建许多不同页面的简码,但它不提供允许您在 WooCommerce 商店上创建登录页面的直接简码。

这又是一个插件来拯救你的地方。 您可以轻松使用 Profile Builder,这是最好的注册和登录表单插件来创建和使用 WooCommerce 登录短代码。

创建 WooCommerce 登录简码的需要

就像其他页面的简码一样,WooCommerce 登录简码将允许您创建 WooCommerce 登录页面。

以下是需要可靠插件来创建 WooCommerce 登录短代码的一些重要原因:

  • 允许用户登录到他们的帐户,他们可以在一个地方找到他们的所有信息;
  • 创建一个只能由登录用户访问的限制区域;
  • 提供登录功能对于在您的商店中建立忠诚的客户群至关重要;
  • 使购买过程变得更加容易,因为用户可以在结账前登录,这样他们回来时就不必再次填写所有购买详细信息;
  • 这也将提高您商店的转化率,因为用户可以将产品添加到购物车并稍后在他们重新登录到他们的帐户时结帐。

还有许多其他原因,但我们相信您已经明白了。 因此,现在让我继续讨论如何使用 Profile Builder 创建 WooCommerce 登录表单短代码。

配置文件生成器专业版

使用 Profile Builder 在您的 WooCommerce 商店上创建完全自定义的登录、注册和其他重要页面是轻而易举的事。

获取插件

或下载免费版

创建 WooCommerce 登录页面简码

使用 Profile Builder 创建 WooCommerce 登录表单简码轻而易举。 您只需按照几个简单的步骤来构建一个完全可定制的登录表单,然后将其放置在您的 WooCommerce 商店中的任何位置。

您将需要购买 Profile Builder 的 Pro 版本之一来创建 WooCommerce 登录简码,以便您构建可自定义的 WooCommerce 登录表单。 该插件的 Pro 版本带有WooCommerce Sync插件,它会自动将客户账单和运输字段添加到您的注册和编辑配置文件表单中。

Profile Builder Pro 允许您在 WooCommerce 网站上创建完全可定制的注册、登录和其他与用户相关的表单,并无缝管理其他用户管理区域。 这是您可以对网站的用户管理进行的最佳投资。

所以继续在这里购买。 然后登录到您的 Cozmoslabs帐户并下载 Profile Builder Pro 的插件文件,如下图所示。

现在点击另一个选项,插件下载。 您会发现第一个选项本身就是Pb Add On WooCommerce ,这是您需要为 WooCommerce 商店下载的内容。

下载 WooCommerce 同步插件

现在转到您的 WordPress 仪表板,然后单击Plugins下的Add New选项。 接下来,单击顶部的上传插件按钮,然后拖放或浏览并上传刚刚下载的插件文件。

这是您上传插件的方式

最后,单击立即安装按钮,安装后单击激活按钮。 现在 Profile Builder Pro 已在您的站点上启动并运行。

重复相同的过程来安装 WooCommerce Sync 插件。

虽然 Profile Builder 会自动创建注册、登录和其他与用户相关的页面,但您还可以获得每个页面的简码。

WooCommerce 登录简码[wppb-login] 。 您可以使用此短代码在您的 WooCommerce 网站上任何您想要的地方创建登录页面。 该页面将如下所示:

WooCommerce 登录页面简码预览

创建其他重要的 WooCommerce 简码和页面

使用 WooCommerce 登录表单短代码创建登录页面是为您的商店建立稳固用户群的重要一步。 但是,为了在您的 WooCommerce 商店上提供最佳和最流畅的用户体验,您还可以做更多的事情。

WooCommerce 注册简码

如果您的 WooCommerce 商店上没有允许访问者在您的网站上注册的注册页面,您就无法拥有登录页面。 因此,如果您还没有注册页面,您将需要一个 WooCommerce 登录注册短代码来创建一个。

换句话说,您将需要短代码来在您的 WooCommerce 网站上构建登录和注册页面。

当然,Profile Builder 也允许您轻松构建注册页面,WooCommerce 注册短代码是[wppb-register]

您不仅可以使用 WooCommerce 登录注册短代码来构建登录和注册页面,还可以按照您想要的方式自定义注册页面。

自定义您的 WooCommerce 注册页面

您还可以使用 Profile Builder 轻松自定义 WooCommerce 注册页面。 单击配置文件生成器下的表单字段选项,您将找到登录表单中使用的所有字段。

带有配置文件生成器的表单字段

虽然所有字段都可以编辑,但某些永久字段无法删除,例如UsernamePassword

您还可以通过从广泛的输入选项和可用的标准字段中选择一个字段选项来添加新字段,输入所需的详细信息,自定义字段,然后单击“添加字段”选项。

向表单添加自定义字段

正如我们上面解释的,当您下载并激活 WooCommerce Sync 附加插件时,默认情况下,计费和运输字段将添加到您的注册表单中。 这样,您就可以立即获得一个完美的标准 WooCommerce 注册页面,以后可以根据自己的需要进行自定义。

WooCommerce 密码恢复简码

现在,因为忘记密码是我们的天性,我们建议始终为您的用户创建一种方法来恢复他们的密码,以防万一他们需要。

为了在您的 WooCommerce 商店中创建密码恢复页面,您只需粘贴[wppb-recover-password]短代码即可将前端恢复密码表单添加到空白页面。

下一步是让访问者直接从登录表单轻松访问此页面。 为此,您需要在初始登录短代码中使用lostpassword_url参数,如下所示:

[wppb-login lostpassword_url="/recover-password"]

请注意代码的第一部分仍然是登录简码,然后是丢失的密码参数,然后是密码恢复页面的 URL。

由于我们正在讨论这个主题,您的 WooCommerce 登录页面的另一个专业提示是还包括一种让您的新用户直接从登录页面访问注册页面的方法。 为此,您可以使用register_url参数。 现在,您的 WooCommerce 登录简码应如下所示:

[wppb-login register_url="/registration" lostpassword_url="/recover-password"]

将此粘贴到您的 WooCommerce 登录页面,现在您的访问者不仅可以从这里登录,还可以恢复他们的密码或注册一个新帐户。

带有密码恢复和注册链接的 WooCommerce 登录页面

WooCommerce 社交登录

让用户使用他们的凭据登录涉及到一些摩擦。 所以,这就是社交登录的用武之地。

Profile Builder Pro 还具有帮助您在 WooCommerce 商店上实现社交登录的功能。 然后,用户可以只使用他们的社交媒体资料之一登录他们的帐户,包括 Facebook、Google、Twitter 和 LinkedIn。

带有社交登录的 WooCommerce 登录页面

您需要像 WooCommerce Sync 一样下载并激活Social Connect高级插件。 您可以在我们关于 WooCommerce 社交登录的帖子中找到您需要遵循的所有步骤。

基本上,您只需在这些社交平台上获取您帐户的 API 密钥,并将它们放入 Social Connect 插件中。 我们还提供有关检索此信息的详细文档,您可以通过我们上面链接的帖子找到这些文档。

在您的 WooCommerce 商店上实施社交登录是提高转化率、改善用户体验并确保更高水平的客户保留的好方法。

WooCommerce 注销简码

同样,如果您在 WooCommerce 网站上有注册和登录页面,则还需要有一个注销页面。 Profile Builder 预装了 WooCommerce 登录和注销简码,因此您需要做的就是获取注销简码并将其放入页面中。

WooCommerce 注销简码是[wppb-logout] 。 使用此短代码创建页面后,您 WooCommerce 网站上的登录用户将在前端看到一个注销链接。

WooCommerce 注销

其他重要页面

Profile Builder 是一个完整的用户管理插件。 除了登录、注册和注销页面外,它还允许您创建用户编辑个人资料页面和限制内容页面,所有这些页面都可以使用可在此处找到的预制短代码。

假设您将获得 Pro 版本的 Profile Builder 来获得定制的 WooCommerce 登录简码,您还将获得一个用户目录简码,您可以使用它来创建功能性、定制的成员目录。

登录后重定向用户

使用 Profile Builder 的 WooCommerce 登录页面短代码在您的网站上启动并运行登录功能后,您需要考虑登录后在哪里登陆用户。

毕竟,仅仅让他们登陆他们的“我的帐户”页面对你没有好处。 您需要确保将它们重定向到商店中以产品为中心的页面,这可以帮助您增加销售额。

Profile Builder 也提供此功能。 您需要从 WordPress 仪表板上的 Profile Builder 菜单中激活Custom Redirects pro 插件。

这将允许您根据用户名或用户 ID、用户角色以及为重定向所有用户而设置的全局重定向来重定向用户。 您可以按照我们的教程在登录 WooCommerce 后重定向用户。

将用户重定向到正确的页面将帮助您充分利用 Profile Builder 的 WooCommerce 登录简码在您的网站上实施登录功能。

立即创建 WooCommerce 登录简码

Profile Builder Pro 将帮助您填补 WooCommerce 默认留下的许多空白。 您可以做的不仅仅是创建 WooCommerce 登录短代码来为您的商店构建前端登录页面。

您还可以构建其他重要页面,包括使用 WooCommerce 登录注册短代码的完全可定制的注册页面。

同样,您可以限制 WooCommerce 商店的高级类别,在登录和注册后重定向用户,允许用户管理他们的个人资料,建立会员目录,管理用户角色,并控制您网站上用户管理的各个方面。

配置文件生成器专业版

Profile Builder Pro 是管理 WooCommerce 商店的每个用户管理区域的最佳插件,此外还可以帮助您创建功能登录和注册页面。

获取插件

或下载免费版

您对创建 WooCommerce 登录简码并在您的商店中使用它还有疑问吗? 在评论中询问我们!