CSS-ticks上的WooCommerce

成就感满满！尤其当完成某件事后，感觉“竟然如此轻松！”时，更是兴奋不已。虽然我喜欢捣鼓技术，但我更享受高效工具带来的便利。这就是我依然热衷于WordPress的原因——它让我能够高效完成大事，无需耗费大量时间和精力。

上个月，再次在CSS-Tricks上搭建WooCommerce时，我再次体会到了这种感觉。

让我向您展示我的设置方法，我相信很多人也能做到，甚至能比我更好地利用它！

WooCommerce会员制

假设您想创建一个会员网站。也许您有一个健身网站，制作健身视频，并为展示这些视频和训练计划的页面设置付费会员墙。或者您有一个烹饪网站，付费会员可以访问其他功能，例如保存的购物清单。

建立付费会员系统是线上赚钱的基础，通常并非易事。幸运的是，WooCommerce让它变得轻而易举。除了（免费的）WooCommerce插件外，您还需要（199美元的）WooCommerce Memberships插件。

如果您正在关注一些WooCommerce付费插件，不妨将7月28日标记在日历上。那是WooCommerce Day，届时会有大幅度的促销活动。

安装完成后，您会在WordPress管理后台的WooCommerce区域看到一个会员资格选项卡。其中有一个会员计划区域，您可以在这里设置您的计划。我们有一个非常简单的单计划设置：CSS-Tricks会员。

如果您愿意，可以创建各种计划（例如青铜、白银、黄金）。

这些计划本身目前还不能做任何事情——它们只是用户角色，访问控制功能稍后才会出现。您可以将这些计划设置为只有管理员才能添加人员，任何人都可以免费注册，或者需要购买产品才能加入。最后一个对于电子商务设置非常有用！

顺便说一句，您可能需要限制会员的有效期。您可以将其设置为无限期，但最好从设定有效期的会员资格开始，这样您就不会承诺终身服务。

由于我销售会员资格，所以我将会员计划与产品的销售联系起来：MVP支持者。

获得该会员计划的途径是购买此产品。您也可以始终以管理员身份手动将人员添加到计划中。

此产品可以是一次性收费，这支持无限期会员资格的想法，但与世界上大多数会员资格一样，我想将其设置为定期计费产品。这意味着我们需要一些额外的设置。

会员订阅

我发现这一点有点令人困惑。您可能会认为会员插件会支持定期为会员计费的想法，但它并没有开箱即用地提供此功能。我们需要第二个插件来实现这一点：WooCommerce Subscriptions。

订阅插件也是199美元，因此这个设置的总成本略低于400美元。不过，这是预付成本——只有在您需要支持和更新时才需要在明年续订许可证（我会）。我认为对于这样一个高效的系统来说，这个成本非常合理，但您需要自己进行商业计算。

安装此插件后，您创建的任何产品都有可能成为订阅产品。

在CSS-Tricks这里，我们每年收取20美元的会员费。当有人注册时，他们将在下一年再次支付20美元。这与会员计划的时长相符，这是一个重要的步骤。没有什么强制您这样做，但如果收费日期与实际续订日期不同，那就很奇怪了。

只限会员访问的文章

我们已经完成了设置的两个最重要部分：

1. 创建会员计划
2. 创建人们可以购买并订阅该计划的产品

现在是真正让会员受益的部分！我计划出售对托管在本网站上的“书籍”的访问权限。这本书实际上只是一系列文章的集合。它们是我们设置的自定义文章类型，称为“章节”。在章节的编辑器中，内容下方将有一个会员资格区域，您可以使用它将章节锁定到会员计划：

同样，此示例使用自定义文章类型，但它可以是任何页面或文章类型！只需轻轻一按开关，即可将内容置于会员墙之后。

具有内容限制的文章有两个“方面”：

1. 会员看到的内容：内容
2. 非会员看到的内容：摘录和解锁内容的方法

我认为这是一个不错的系统。它向人们准确展示了如果他们是会员，他们可以阅读什么内容，并准确地向他们展示如何成为会员。

现在这里有一些自定义CSS，但不多！我只是使用默认功能，查看输出到页面上的内容，并且总是有一个合理的类名可以用来进行样式设置——这正是它应该如何工作的方式。

为会员以编程方式执行操作

在我们的例子中，成为会员的主要好处可能是获得书籍的访问权限，但这并不止于此。我认为为付费会员提供尽可能多的服务通常是一个好主意。由于广告是本网站的主要商业模式，因此如果您有付费支持者会员资格，删除这些广告似乎是公平的。

这些插件有各种API可以连接到您需要的任何内容，但我喜欢尽可能保持简单。例如，在任何模板中，我都可以检查您是否为会员。

<code><?php if ( !wc_memberships_is_user_active_member() ) { ??><div>

  </div>
<?php } ??></code>

我也在运行网站的任何其他JavaScript之前执行此操作，这样我就可以在JavaScript中知道用户是否是会员。

<code><?php if ( wc_memberships_is_user_active_member() ) { ??>
      window.activeMember = true;
    <?php } ??></code>

本网站上的一些广告是JavaScript驱动的，因此我可以在!window.activeMember逻辑中包装它们的调用，以便根本不请求它们。

按需印刷和履行

会员资格和订阅只是我使用WooCommerce进行的两件事。另一件事是销售实体产品，这是我多年来一直在尝试的事情。事实上，我们过去曾经通过将产品送到邮局来手工完成每一个订单！我们过去也与履行公司合作过，但我们仍然必须提前印刷大量的库存。

从那时起，情况发生了很大的变化，有很多公司提供按需印刷！其中一家公司（我与他们没有任何关联）是Printify。他们销售各种各样的东西，包括您对印刷公司的期望：T恤、连帽衫、马克杯……对我来说，最好的部分是它可以直接连接到WooCommerce。

到目前为止，我们已经为商店准备了海报！在Printify方面，我选择产品，上传艺术品，选择一些选项，就是这样！

此过程的最后一步是“将产品发布到您的WooCommerce商店”，到目前为止，这对我来说非常有效。我相信它有效，因为它必须在Printify和WooCommerce之间建立连接，以便Printify在订单到来时接收订单并履行订单。

从那里，产品会出现在我的网站上，如果需要，我可以从WordPress编辑或自定义它们（例如副本等）：

我可以随时检查订单，并观察订单是如何被订购、生产、准备和发货的：

我当然自己订购了一些海报，这样我就可以在把它放在其他人面前之前尝试一下。海报装在一个漂亮的三角形管子里，完好无损地放在厚厚的明亮白纸上。我把它挂在我的办公室电脑旁边：

移动应用程序

如果您像我一样，兴奋地查看您的商店经营情况并获得销售通知，那么可以使用移动应用程序。

我不需要更新订单状态或管理评论等，但这些都在里面。

这里有很多技术在起作用！

但我实际投入的时间却很少。我写这篇博文的时间比设置所有这些电子商务内容的时间还要长。我只是一个集成者。我没有发明任何东西——只是利用一些一流的软件来实现我的想法。

以上是CSS-ticks上的WooCommerce的详细内容。更多信息请关注PHP中文网其他相关文章！