如何使用隐藏的开发区域将 WooCommerce 添加到 WordPress

将 WooCommerce 添加到 WordPress

将 WooCommerce 店面添加到您现有的 WordPress 网站可能是一项非常有利可图的举措。 电子商务区域可让您直接向访问者销售产品或服务,并且如果设置正确,它实际上可以自行运行。 但是,您需要仔细考虑如何将 WooCommerce 添加到 WordPress 而不影响您的实时站点。

为获得最佳效果,您需要私下开发新商店,并且仅在完全准备就绪后才向客户提供。

大多数人通过创建一个单独的临时站点、添加 WooCommerce,然后在准备启动时覆盖主站点来做到这一点。 这会导致各种问题,例如版本控制问题和需要更改实时站点时可能丢失的数据。 幸运的是,有一种更简单的方法。

在这个快速教程中,我们将解释 如何将 WooCommerce 添加到 WordPress 无缝。 您将使用 WooCommerce Private Store 插件 创建一个隐藏的开发区. 这就像向 WooCommerce 添加“即将推出”页面或将您的商店置于维护模式,而您网站的其余部分保持公开。

当您的网站上线时,您将停用私人商店插件并 您的 WooCommerce 商店将立即可用 在您现有的网站上。 您不必担心版本控制或登台站点,只需几分钟即可完成设置。

让我们开始工作吧!

为什么应该使用隐藏的开发区域将 WooCommerce 添加到 WordPress

许多人开始创建博客或小型企业网站,但后来才决定添加店面。 通过您的网站销售产品和服务 做一些工作,但好处是值得的。

WordPress 不提供很多电子商务特定功能,因此您需要一个专用工具来设置您的新商店。 我们强烈推荐 WooCommerce

WooCommerce 商店的示例。

免费的 WooCommerce 插件为您的网站添加了一个功能齐全的商店,而不会破坏您现有的任何页面或内容。 无论您的网站有多成熟,建立一个集成的 WooCommerce 商店都是快速而轻松的。

然而,你 将要 想要在您的商店上线之前花一点时间在您的商店上工作——创建关键页面、上传产品等等。 您需要将菜单链接添加到您的商店页面,以及链接到购物车和结帐的图标。 更重要的是,您不希望这个进行中的工作公开。 相反,您会希望访问者继续看到原始网站,直到新商店设计并准备就绪。

将 WooCommerce 添加到 WordPress 的简单方法

有几种方法可以处理这个问题。 例如,您可以设置一个单独的临时站点,它是您实时网站的副本,将 WooCommerce 添加到 WordPress,然后合并您的更改。 不幸的是,这是一个耗时、复杂的过程,而且充满了潜在的错误。

显然,您需要一个更好的解决方案。 这就是 WooCommerce 私人商店出现的地方:

这个插件有许多有用的应用程序。 它的主要用途是使您能够建立一个私人店面,用户必须在其中登录才能查看其内容。 例如,有些人用它来创建一个仅限会员的私人俱乐部。 但是,它还允许您在开发新的 WooCommerce 商店时暂时隐藏它。 然后,您可以在完成设置后轻松公开商店。

查看 WooCommerce 私人商店演示!

与创建一个完整的临时站点然后将其复制到您的实时站点相比,这是一个更简单、更临时的解决方案。 为了说明这一点,让我们看一下该过程从头到尾是如何工作的。

如何使用隐藏的开发区域将 WooCommerce 添加到 WordPress(分 4 步)

以下步骤将向您展示如何在您的实时网站上设置隐藏的 WooCommerce 商店。 您还将学习如何使其仅在您准备好时才可见。 您只需一个 WordPress 网站和 WooCommerce Private Store 插件即可开始使用。

第 1 步:将 WooCommerce 添加到 WordPress

您需要做的第一件事是将 WooCommerce 添加到 WordPress。 您实际上还不会设置您的商店——毕竟,您需要先确定它是隐藏的。 但是,在您配置隐藏的开发区域之前,需要安装 WooCommerce。

幸运的是,WooCommerce 是一个易于设置的免费插件。 登录您的 WordPress 仪表板,然后导航到 插件 > 添加新的. 使用搜索栏找到“WooCommerce”,然后单击标记为的按钮 现在安装

安装 WooCommerce 插件。

片刻之后,会出现另一个按钮,这个按钮标记为 启用

激活 WooCommerce 插件。

也选择那个,WooCommerce 将准备好进入您的网站。 此时,您将能够开始设置商店并添加产品。 然而,在你这样做之前,重要的是要确保你刚刚起步的商店被安全地锁起来。

第 2 步:设置您的隐藏开发区

如果您还没有这样做,请继续购买 WooCommerce Private Store 插件。 您将获得一个压缩文件,其中包含插件工作所需的所有内容,您需要将其安装在您的站点上。

之后,导航到 WooCommerce > 设置 在您的仪表板中。 选择 私人商店 标签:

设置 WooCommerce 隐藏开发区插件

输入您购买插件时获得的许可证密钥。 然后,保存您的更改。 这将完全激活 WooCommerce 私人商店,使其可以使用。

最好的部分是,这就是您需要做的所有事情。 使用有效的许可证密钥激活插件后,它将自动将 WooCommerce 从公众视野中隐藏起来。 这意味着与 WooCommerce 相关的所有页面、功能和产品都不会在前端可用。 如果有人确实尝试查看这些区域,他们将看到的只是一个登录表单:

WooCommerce 商店登录表单。

您可以在插件设置页面上自定义登录表单。 但是,它不是很重要,因为无论如何都不可能有人看到它。 所有与 WooCommerce 相关的页面都隐藏在公众视野之外,因此人们看到登录表单的唯一方法就是猜到其中一个页面的 URL。

向登录用户或特定角色显示 WooCommerce 隐藏开发区域

当然,您希望登录的管理员能够访问隐藏的开发区域。 这就是您开发和测试 WooCommerce 商店的方式,同时保持对其他用户的隐藏。

有两种方法可以做到这一点。 如果您的网站未设置为允许普通访问者创建帐户,请使用第一个选项。 这就是大多数非 WooCommerce 网站的工作方式。 但是,如果您让人们出于其他目的(例如博客评论或会员插件)创建帐户,请改用选项 2。

  • 选项1 – 勾选插件设置页面上的“登录用户”框,然后从下方显示的用户角色选项中选择“管理员”。 这将自动为所有登录的管理员解锁商店,同时使其对访客和其他用户角色隐藏。
  • 选项 2 – 在插件设置页面上取消选中“登录用户”框,然后输入 1 个密码,该密码将解锁商店。

一旦管理员使用这些方法之一解锁了商店,他们将能够看到完整的 WooCommerce 商店。 这包括在前端查看指向商店页面的菜单链接,以及查看这些页面。 他们还可以将产品添加到购物车并测试结帐流程。 这使您和您的开发团队可以在新的 WooCommerce 区域上工作,同时对其他人隐藏。

第 3 步:创建您的 WooCommerce 商店

现在您已经让访问者无法访问 WooCommerce,是时候设置您的商店了:

设置您的 WooCommerce 商店。

我们不会在这里介绍整个过程,因为其他地方有很多信息可以帮助您。 尽管如此,让我们总结一下让您的 WooCommerce 商店准备就绪所涉及的基本步骤:

  1. 完成 WooCommerce 设置向导。 只需几个屏幕,您就可以设置商店的基本功能并输入有关定价、运输等的重要信息。
  2. 配置商店的设置。 虽然 WooCommerce 向导涵盖了最重要的选项,但也有 很多其他设置 您可能想要自定义以更好地满足您的需求。
  3. 将您的每个产品或服务添加到商店。 这可以做到 在里面 产品 标签,它提供了许多选项来完全定制您的产品。

我们建议您花时间进行此过程。 检查前端的每个产品和商店页面,并像客户一样走过购买和结帐阶段。 您需要确保商店的外观和行为完全符合您的要求 你让它活着。

第 4 步:让您的 WooCommerce 商店对公众可见

当您确信您的商店已准备好推出时,您需要将其公开展示。 幸运的是,这是整个过程中最简单的部分。

您需要做的就是停用 WooCommerce Private Store 插件。 为此,请转到 WordPress 管理员中的主“插件”列表,然后单击停用 WooCommerce 私人商店。

这将自动取消隐藏您隐藏的开发区域并使您的商店可供所有人查看。 此时,您可以 卸载插件 如果你喜欢。 或者,您可以在您的网站上将其停用,以备将来需要时使用。 (例如,您可能希望在进行更改或更新时暂时隐藏您的 WooCommerce 商店。)

  最好的 WordPress 音频播放列表插件以及如何使用它

结论

如果您想在网上建立良好的声誉,您的网站应该始终看起来专业且功能齐全。 这意味着如果您需要进行大规模更改,您将希望将您的开发工作隐藏在公众视野之外。 这包括在您将 WooCommerce 添加到 WordPress 时保持您正在进行的商店的私密性。

正如我们所展示的,当您使用 WooCommerce 私人商店时,执行此操作的过程非常简单。 它比在单独的站点上安装 WooCommerce 并与实时站点合并要快得多,并且避免了所有问题。

回顾一下,以下是您需要遵循的四个步骤:

  1. 将 WooCommerce 添加到 WordPress。
  2. 设置您的隐藏开发区域。
  3. 创建您的 WooCommerce 商店。
  4. 让您的 WooCommerce 商店对公众可见。

您对如何将 WooCommerce 添加到 WordPress 有任何疑问吗? 在下面的评论部分中向我们提问!

图片来源: 像素在这里.

类似文章