Shop Kit 如何为 WooCommerce 创新奠定基础

Kadence Shop Kit 2.0 目前处于测试阶段，它有望改变 WooCommerce 网站与受众互动的方式。 通过为购物者提供与产品互动体验的新方法，我们希望在电子商务领域看到新的创新浪潮。 在这一集中，我们将讨论 WooCommerce 相对于其他基于云的商务服务的优势，以及 Shop Kit 旨在如何扩展它。 该团队还深入研究了共同的热情：咖啡。

通过下面的控件收听，或将我们添加到您最喜欢的播客应用程序中。

在新窗口中收听。

时间戳

• 0:00 介绍
• 1:17 为什么 WooCommerce 优于云电子商务服务
• 6:07 自定义 WooCommerce
• 9:00 来自使用 Kadence Shop Kit 的创新
• 10:41 非主流电商网站体验
• 13:40 这个团队喜欢咖啡
• 15:38 产品变化和购物者身临其境的体验
• 17:50 客户对 WooCommerce 和 Shop Kit 的反馈
• 18:31 WooCommerce Checkout 体验
• 19:23 Kadence Theme & Kadence Blocks 的其他最新产品更新

第 11 集的成绩单

凯西：大家好。 欢迎来到 Kadence Beat 的第 11 集。 这是我们讨论如何使用 Kadence 和 WordPress 创建有效网站的播客。 在这个美好的六月，你们还好吗？ 我们已经进入年中了。 这一年快过半了。 你相信吗？

汉娜：哇。 这是一个可悲的想法。 做得很好。

本：是的，这样想对我来说很疯狂，因为我们在西北部，我们才刚刚进入夏天。 所以感觉我们还没有过半年。 感觉我们一年只完成了四分之一。 因为夏天，即使只有三个月，它就像你一年中的重要部分。

你花了这么多时间在外面等等。

凯西：是的，这有点疯狂。 好吧，我们到了。 我们已经在第 11 集了。 Ben，你和整个团队都忙得不可开交，只是在忙着更新。 我想谈谈其中的一些更新，但我也想关注电子商务、WooCommerce 以及 Shop Kit 为 WooCommerce 带来的所有很酷的东西，因为它是帮助人们使用 WordPress 取得成功的重要部分，为他们提供一种使用 WooCommerce 等开源平台创建收入流的方法。 几年前，WooCommerce 被 Automattic 收购。 并且已经真正成长为电子商务领域的主要参与者。 而且我认为是唯一完全开源的主要参与者之一。 有很多基于云的解决方案，例如 Shopify 等。

但是 WooCommerce 确实对尝试开店的人有很多好处。 我也看到了很多使用 WooCommerce 的财务原因。 我住在开源中。 我想拥有我的网站。 我想拥有我的平台。 我不希望其他人向我指示客户如何结账，但我也想要更多的自由和灵活性，这就是我对 Shop Kit 如此兴奋的原因。 Ben，您最近谈论的是与您交谈过的人，他希望将他们的业务从这些云解决方案之一转移到 WooCommerce。 他们的痛点是什么？

Ben：是的，我认为他们的痛点是 WooCommerce 的一大卖点。 那就是他们支付了很多钱，远远超出了他们目前的销售额和类似情况所能承受的水平。 而且我认为即使你有很多销售，这也是一个很大的削减。

我的意思是，他们使用的是方形，每月的价格是 80 美元。 此外，他们为每笔交易支付 6% 的费用，这是一笔巨款。 然后为网站支付 350 美元的年费。 Square 与 WooCommerce 有点不同，因为它有一个内置的销售点系统，所以它不会将苹果与苹果进行比较，我明白了，但是，价格很高，对于想要成功的人来说，这是一大笔钱预算非常少，在线容量非常小。

凯西：是的，很明显，WooCommerce。 入门是免费的，但是有很多插件和扩展 WooCommerce 的方法需要一些投资，但你可以真正开始引导你的电子商务，而不需要花很多钱。

本：是的，绝对的。 我的意思是，你绝对可以在 WooCommerce 网站上花费比在 Square 上更多的钱，因为如果你每天要运行数千笔交易之类的事情，你需要有企业级托管，只是有很多更强大的系统，但是很好，你可以成长为它，你可以控制，当你需要缩小规模时，你可以缩小规模，当你需要上升时，你可以上升。 使用一些基于云的解决方案，无论他们给你什么价格上涨，你都会被困住。 你被什么都困住了。 我认为对于大多数人来说，他们自己做的，如果你在很大程度上这样做，因为你不是一家大公司，有能力让别人为你建造它并支付更高的费用。 所以你需要尽可能便宜地进入它。 这就是 WooCommerce 的预算非常低的地方。托管无处不在，但竞争非常激烈。

您通常不必太担心您的主机，增加您的费用，因为它很容易移动，而且市场竞争非常激烈。 如果你在 Shopify，你在 Shopify 移动并不容易，如果他们改变价格，这很重要，很重要，因为你非常锁定。

所以，那里有一些很大的不同。 我得到它。 很多人都喜欢，好吧，你最终只是以不同的方式付出了很多。 我只是认为你有，你有很多选择，你绝对可以花更少的钱来做。

凯西： 。 当您在 Shopify 中建立店面时，这类似于在一个州建造您的房子。 你不一定有任何控制权，就像他们改变了法律一样。 他们改变了分区，他们将你的商店并入了一个新城市。 那种东西。 您的店面受这些规则的约束。 我记得几年前，也许是 2018 年，MailChimp 及其与 Shopify 的联系存在一些问题。 其中一个决定不再整合。 显然这很重要，因为有很多人使用 MailChimp。 这么多人使用 Shopify 并且基本上必须迁移到不同的邮件提供商、所有集成、所有电子邮件工作流程。 消失了，仅仅因为这两家公司中的一家认为他们不会与另一家合作得很好，这就会产生涓滴效应。 显然，与 WooCommerce 合作，如果发生这种情况，最坏的情况是，您可以聘请开发人员将您自己的自定义集成编码到任何系统使用，Zapier 来连接事物。

因此，您可以通过多种不同的方式灵活地找到解决方案，找到解决方法，让您的业务恢复正常运转。 嗯，所以 WooCommerce 确实有很多好处，但 WooCommerce 也有一些限制。 Ben 我认识 Pinnacle Foods，您经常与 WooCommerce 合作。

您在必须创建超出框框的解决方案时发现了哪些限制？ WooCommerce 开箱即用的内容是什么？

Ben：是的，我不必在 Pinnacle 上做那么多，尽管随着我们在 Pinnacle 上做的更多，肯定会越来越多。 但我认为 WooCommerce 的设置是相当无主见的，更像是一个传统的，比如这里是一个产品网格，这是一个带有标签的标准产品页面。

就像，没关系。 它会销售产品。 它的作品。 它只是不是很有创意或吸引力。 就像，我几年前做的一个网站叫做 Black Coffee Roasting Co. 他们网站的其中一个特点就是能够创建一个自定义商店页面，而不是登陆一个产品网格，我们想要制作确保客户登陆了他们的选择在该商店页面上被分类的位置。

这就像一个简单的例子，比如需要覆盖 WooCommerce 默认执行的操作，这只是将您的所有产品踢到您的商店页面并实际创建一个页面，上面写着您知道，浅烤、中烤、深烤、商品。 就像您可以浏览类别并查看这些类别中的顶级产品一样。

然后还有一些，就像这样的一个非常简单的实现不是标准的 WooCommerce。 您将需要一个允许您构建此自定义的工具，但结果对用户来说更具吸引力。 他们不必经历，就像，嗯，这是一个产品网格，没有快速的方法让他们看到，比如，我想进入我的部分。

我知道我喜欢深烤，或者我知道我喜欢浅烤，然后深入研究。 在 WooCommerce 中有很多方法可以做事。 这只是覆盖模板并能够在块编辑器中控制该设计的示例。 我认为这也与产品页面有关。

我在网站上四处寻找谈话，我一遍又一遍地注意到的一件事是，这些在线商店中的几乎大多数都不再使用标签了。 人们真的摆脱了标签作为设计的东西。 所以像这样简单的事情，你只是对你的内容有更多的参与。

您正在远离标准外观。 这就是您现在可以在 shop kit 中做的事情，就是覆盖模板和创建自定义设计的能力。

凯西：嗯，那真的很酷。 并非每个访问 WooCommerce 页面的客户都会从利基市场购物…… 我的意思是，并不是所有的利基市场都是一样的，也不是所有的客户都是一样的。 因此，能够以符合您的受众的方式进行模板化，他们在您的客户和潜在客户那里，他们在哪里，开辟了更好的联系途径。

本：是的。

凯西：所以我很好奇，因为 Shop Kit，测试版已经发布了一段时间。 所以当我去 WooCommerce 商店时，我们有很多人在玩它，比如如果我正在购物，我想直接从商家那里购买，我几乎可以立即知道，我什至不知道必须查看源代码。

我知道这是 WooCommerce。 商店会不会改变。 我们将看到来自使用 Shop Kit 的商店用户的更多动态设计？

本：是的，绝对的。 是的。 你会，如果你认为它是 WooCommerce，你会像，我不知道他们是怎么做到的。 他们一定有一个自定义开发人员或其他东西。 因为它只是在喜欢方面会有很大的不同，你可以创造真正独特的，更具体的你和你的品牌，你是什么，它是什么。

您正在销售产品页面。 所以，是的，即使我正在构建示例，我想这些也会为人们的网站创造一种非常不同的感觉。 一般来说，您不想在您的产品页面或人们喜欢的任何东西上迷路，我不知道该做什么或去哪里看。 但是有一些非常好的方法可以制作更具吸引力的产品页面，您只需显示人们需要的内容，而无需将其隐藏在选项卡中或仅以非常基本的文本格式显示。

凯西：整洁。 我对此感到很兴奋，因为显然为开发人员和店主提供更多工具和更多创造力将创造创新，并且会形成一个反馈循环。 当您开始看到人们正在使用实际转换的布局做更多创新的事情时，它将会被发现，它会被人们知道，它实际上会将所有电子商务和所有使用商店套件的 WooCommerce 用户提升为开发和与客户建立联系并将潜在客户转化为我们以前从未见过的客户的新方式。 因此，这确实具有开创性和创新性。 所以我很兴奋。

我有一个问题要问你们。 所以从那以后，我们都在网上购物。 我想要你的想法，汉娜，因为你真的深入了解网站的这种意识，以及你如何与它建立联系，我觉得这很吸引人，店面和奖励积分。 如果您能说它是 WooCommerce，那不是您最近购买的主流网站。 您的购物体验如何？

汉娜：嗯。 我想我最近去过的一个，我确实认为它是 WooCommerce，它就像一个护肤系列，有人告诉我这就像天然的有机皮肤产品。 而且，当涉及到所有这些东西时，我非常犹豫，因为我已经尝试了所有的东西。 无论如何，这个地方，我认为吸引我的是他们的设计很吸引人，你可以说它做得很好。

这是质量，他们有很好的评论，他们不像你喜欢的假评论，就像“伟大的产品”。 我爱它。” 就像，你可以说那是真实的人。 而且，评论就像张贴在一个很容易找到的地方。 而且，是的，这些事情让我觉得，好吧，我想我可以相信这一点。

就像这是一个做得很好的网站。 任何一家商店都设置得很好，就像我没有被他们提出的任何问题或任何按钮的位置或类似的东西所勾勒出来。 然后他们有现实生活中的人告诉我这也是一个合法的产品。 所以。

凯西：酷。 你呢，本？ 你最近买过东西吗？ 奖励积分。 如果是 WooCommerce，你可以告诉我，我不得不问你，当你在一个网站上购物时，你会查看源代码来弄清楚他们使用的是什么类型的系统吗？

Ben：是的，我几乎在我访问的每个站点上都查看过源代码，因为我很好奇，如果我访问一个站点并且他们正在做任何有趣的事情，我会查看源代码来查看，比如，这是如何创建的？ ，通常是代理的东西，比如它是 WordPress，它非常代理或其他什么，但我总是喜欢，哦，这是什么，谁，谁做的？

所以我认为，最后一个非主流的可能是速记咖啡。 有一阵子了。 他们绝对不是 WooCommerce。 我认为他们正在使用，我认为他们正在使用 Shopify。 我不记得我是否看到这家商店付款了，但是，它是一个巧妙的系统，因为它是基于订阅的，咖啡是集中的。

所以你放了一汤匙咖啡。 放入水中煮一杯咖啡。 它可以制作很棒的冰咖啡。 所以有一个插头，是的，这是我在 Instagram 广告中被吸引的东西之一，就像，我喜欢咖啡和冰咖啡，我想试试这个。 所以我现在是订阅者，虽然我只是延迟了我的最后一个订单。

当您的订单到来时，他们有一种非常巧妙的方式来增加或延迟。

凯西：酷。 我不知道该和哪一个一起去。 我想我要去我的咖啡公司。 因此，当我住在位于俄勒冈州边界的沙斯塔山时，周围有很多咖啡烘焙商，俄勒冈州南部的 Good Bean，他们有一种名为 Dark Mountain 的烘焙食品，这是我最喜欢的，就像重度的深色烘焙食品。

所以，呃，我一直从他们那里购买，这是一个 WooCommerce 店面。 我总是从他们那里买东西，我只买 12 袋，可以用几个月。 我必须喝很多咖啡想想这件事，就像我告诉你们的那样，哇。 这就像短短几个月，12袋。 只有我。 我的意思是，是的。 好的。 我喝了很多咖啡。

汉娜：我和你在一起。 我完全和你在一起。 我什至不想知道我买了多少咖啡。 就像，嗨，我已经出去了。

这是生活中的一大乐趣。

凯西：是的。 是的。 我得到，当生活有点疯狂的时候，圣诞节有人给了我一个Keurig，因为就像，我什至没有时间煮咖啡。 他们就像，在这里，这将解决你的问题。 但…

汉娜：不一样。

凯西：不一样。 我会在它发疯的时候使用它，并且必须跑步和做某事，但这对我来说不是一杯令人愉快的咖啡。

我喜欢自己磨。 我必须去车库打磨它。 所以我不会叫醒任何人。

汉娜：我做同样的事情。 棒极了。

本：是的。 总的旁注，奈斯派索是一个很好的瞬间。 如果您需要快速的东西，我每天都会研磨并冲泡咖啡，但是当我需要快速的杯子时，我们会提供 Nespresso，还有专业提示。 他们有无咖啡因的镜头，所以晚上有一杯无咖啡因的香草冰淇淋就像我的氪石。

凯西：哦，伙计。 好吧，现在我们知道了你的秘密。 所以你可以只做咖啡之类的事情。 电子商务一整集。

汉娜：我们真的这样做了，这与所有将要倾听的人息息相关。

凯西：我认为我们可以做到。 好的。 好吧，让我们回到 WooCommerce。 所以很高兴听到 Shop Kit 正在做的所有很酷的事情。 我们还带来了哪些其他很酷的东西？ 其他真正会改变 WooCommerce 用户电子商务面貌的创新？

本：所以当您考虑订购特别是可变产品的产品时。 就像，我可以选择一种颜色，或者我可以选择一种尺寸，或者其他什么。 我肯定花了很多时间来研究如何更多地模板和设计样本。

因此，您可以使用商店工具包创建更具吸引力的样本，但是这与您的产品图像之间的集成是巨大的。 因此，使用 Shop Kit，您可以拥有完全不同的图片库。 因此，不仅是您的特色图片，而且所有缩略图都可以在您更改变体时切换。

而且我认为这只是一种更具吸引力的体验，好吧，这就是橙色的样子。 这就是在所有这些不同的观点和类似的事情中的样子。 所以我认为这是一个关键部分。 我认为能够将正确的内容放在正确的位置是关键。

当您需要提供尺码表的信息时，对于诸如此类的事情，就是那些真正喜欢阻止客户喜欢的小东西，这太难了。 当它就像那里一样时，我会去其他地方。 就像，这是你的尺码表？

以下是您需要了解的信息，了解运输的运作方式。 这是我们来自真实客户的评论。 然后，所有这些障碍都消失了，人们更愿意说，好吧，让我们购买吧。 当你定制它时，你可以在这背后给人一种真实的感觉。

这不是千篇一律的模板。 这不是一个，可能是任何人假装是什么。 这是我们住在这里的真实的人。 这就是，你知道的，就像那种感觉。 我认为这是一件非常吸引人的事情。 如果你可以在整个网站上实现这一点，因为你做的事情有点定制，有点不同，你就做了正确的接触。

然后，您不仅会吸引客户向您购买产品，还会吸引客户回来，因为这就像，我想与那家公司建立联系，我想支持那家公司。 这就是我想购物的公司。 我认为我们肯定会进入，尤其是在美国，就像越来越多的人一样，他们更加意识到他们在购买什么以及从哪里购买等等。 而且我认为，当您可以以某种方式展示自己时，这就是我们的身份，小型企业。 我认为人们更有可能加入。

汉娜：完全。

我可以说，从支持的角度来看，我非常兴奋，因为我觉得 Shop Kit 它回答了人们多年来一直在问的问题，而这些问题一直没有解决方案。 现在就像，嗯，它们实际上是解决方案。 你知道，从定制产品页面到存档页面，有很多问题，所有这些。 Shop Kit 带来了很多解决方案。 因此，我很高兴能够为人们提供一键式答案，而不是像，好吧，你需要聘请开发人员。 所以我很兴奋。

凯西：非常令人兴奋。 是否会有任何类型的模板或自定义更改人们可以检查页面或任何其他页面，或者它是否真的只专注于产品？

本：现在。 我们仍然有结帐编辑器，因此您可以在结帐中添加字段。 随着 woo commerce 做了一个大项目，基本上为结账创建了一个区块。 我一直在推迟创建模板，因为它不适用于他们的块。 对于该区块是否可扩展，或者如果在未来，我们需要创建自己的区块，或者创建我们自己的结账系统，我们现在处于这种困境中。 直到 WooCommerce 真正准备好这个块，真正经过测试。 我认为我们将拭目以待，看看它是如何着陆的，以及它的可扩展性如何。 然后人们在核心提供的东西之外想要什么。 WooCommerce 核心永远不会为您提供所有选择。 我们正在尝试做的部分工作是创建这些选项。 所以我们会看到它是如何落地的。

凯西：明白了。 好，太棒了。 还有很多其他的变化，很多版本，一些错误修复，一些小的，但也有一些很酷的东西，你用 Kadence Blocks、Kadence Blocks Pro 和主题发布了，每次我查找时，都有一个新版本。 你在干什么，本？

Ben：是的，最多，我认为我们正在对主题进行很多调整。 并为长期稳定性做好准备，然后在我们准备好或真正准备好 WordPress 时与完整的网站编辑建立必要的联系。 我认为现在主题的主要内容是，我会忽略完整的站点编辑。

它只是，它不存在，它不会帮助你。 欢迎您尝试一下。 我只是不认为任何人应该在这个阶段潜入它。 所以这就是为什么我们没有发布任何东西是因为我不想发布我被归类为支持的东西。

但总的来说，我们正在看的主题，我们如何优化？ 我们如何让它更高效？ 我们如何让事情变得更好？ 所以在主题中有一些小的调整和东西。 在积木中，我们有一种新的能力，可以让部分变得有粘性，这很有趣。

有一些类似创造性的方式可以让您在滚动时制作粘性内容。 使用粘性选项，您可以创建一些很酷的布局，只要它们是其中的一部分，就像外部容器一样。

因此，对于块，很多东西正在发生，为 2.5 做准备，它应该在不久的将来出现。 这就是我们将拥有一个全新的，基本上所有块的后端的地方。 所有的块都将有不同的设置。 这将变成一个选项卡系统，您将在其中拥有常规和高级设置。

因此，我们将尝试使其更加精简。 我们将精简其中的一些组件。 就像地形组件将变得更加精简。 然后你使用块的一些方式，尤其是行布局块都将改变。 仍然向后兼容，但为您提供了更多控制选项，并且更容易控制。

我们很高兴能推出下一个巨大的 Kadence Blocks 更新，因为它就像我们一直想做的很多事情一样。 我们将这一切都融入到这个版本中。

凯西：很好。 我注意到您对定制器上的主题进行了一些更改，带出颜色和字体，因此用户很容易找到它们。 我无法告诉您在过去几年中仅定制器花费了多少小时。 我迷路了。 我在找东西。 它在这里吗？ 它在那里吗？ 所以我真的很喜欢这一点，因为这通常是人们进入定制器时所做的事情，即查看字体或查看颜色并希望在那里全局更改某些内容。 所以这是一个很好的决定。

Ben：是的，我们刚刚得到了一些反馈，就像，是的，这绝对是很容易实现的东西。 并且易于添加。 因此，现在在定制器中查找内容更容易一些，并且更有条理。

凯西：太好了。 凉爽的。 好的。 嗯，很好的讨论。 而且，现在我知道我应该在圣诞节给你买与咖啡有关的东西。 很高兴知道。 妥当注明。

汉娜：只要大家互相买咖啡相关的东西，我们都会很开心。

Kathy: Kadence 咖啡俱乐部。 嘿，我们可以在那里做点什么。

汉娜：我喜欢那个。

凯西：对。 嗯，谢谢你今天的加入。 很高兴与你们谈论 WooCommerce 的一些很酷的东西，我就是这样。 对 Shop Kit 感到兴奋。 如果您还没有查看 Shop Kit，则可以使用测试版。 如果您是 Kadence Full Bundle 用户，或者您已经单独购买了 Shop Kit，则可以使用它。

来吧，给它一个旋转。 感谢您收听 Kadence Beat，我们将在下一次与您交谈。