3 家拥有出色产品定制的 WooCommerce 商店

已发表: 2016-11-12

我们确信,您希望每一位从您的商店购买产品的客户都能获得愉快的购物体验。 您希望避免断开的链接、缓慢的页面和废弃的购物车。

对于那些不只是浏览,但正在创造他们计划购买的产品的购物者来说,风险甚至更高。 定制或个性化的产品可以显着增加销售额,但随着它们的出现,需要超越标准图片库并添加到购物车按钮的产品页面

无论您是已经在销售具有可选个性化的产品,还是正在考虑为您的商店添加一些定制产品,我们认为一点灵感可能会证明是有用的。 而且,多亏了 WooCommerce Showcase,灵感从来都不是难找的。

以下是三家商店,它们的产品页面上有一些令人惊叹的自定义选项,以及可帮助您在自己的商店中实现这一目标的提示和扩展。

设计您自己的手工制作的 Quero 手工鞋

产品个性化的第一个例子来自一家以手工制品概念为生的公司。 Quero Handmade Shoes 允许其客户在线设计一双男士或女士皮鞋; 订购后,每一双都是由具有“几代经验”的工匠在西班牙手工制作的,然后直接运送到您家门口。

卡丘比比比
耐用、独一无二的手工皮鞋从西班牙运到您家门口。

Quero 的定制流程从购物者查看产品页面的那一刻开始。 他们首先介绍了有问题的鞋子,并提供了一个示例设计以及一些介绍性副本,其中讨论了一些可以更改的内容(如颜色、鞋底厚度等)。

产品页面
产品页面的开头,这是女装 Jane Oxford 的产品页面——请注意暗示颜色和鞋底选择自由的副本。

当点击“定制这双鞋……”时,购物者会在页面下方移动到一个设计简洁的选项下拉菜单。 在这里,他们可以选择从颜色到鞋帽和鞋头图案的所有东西。

定制者
自定义选项易于阅读,问号气泡中添加的提示可帮助首次购买者准确了解他们正在更改的内容(以及他们可能想要更改的原因)。

向上滚动一点,每次进行更改或新选择时,您都会看到定制鞋的顶部和底部:

你的鞋子预览
您的鞋子预览会自动更新。 这个挺有看头的吧?

每个页面上还有一个选项可以将织物应用到整个鞋子上,这可以为那些优柔寡断的购物者(或者那些根本不想了解细节,比如不同的脚趾和脚跟颜色的人)节省时间。

继承人
根据颜色从多种皮革和绒面革中进行选择,这样您就可以轻松地挑选出您将要得到的东西。

我们喜欢 Quero 定制器的直接性,以及定制鞋的概念从每一页开始就根深蒂固。 设计自己的皮鞋听起来有点令人生畏,但产品页面将这个过程变成了优雅而令人愉快的过程

这是你想要炫耀的东西之一,一旦你的鞋子在手(或者,更恰当地说,在你的脚上)——“我自己设计了这些! 想看吗?”

与 ELEVEN velo 一起畅享时尚之旅

今年早些时候,我们有幸在我们的博客上分享了 ELEVEN velo 的故事,但值得再看看这家定制骑行服制造商如何让购物者获得他们喜爱的产品。

标题在这里
自 2001 年以来,ELEVEN velo 一直在向其位于澳大利亚悉尼的总部的客户提供由超细美利奴羊毛制成的定制骑行装备。

在 ELEVEN velo 商店中选择一件骑行装备——例如,一件带有全长前拉链的羊毛针织衫——在展示了一系列介绍性照片、评论和合身信息之后,您将直接进行定制。

我们喜欢这种个性化的方式是它对客户商店来说都非常简单。 在产品页面的左侧,您从相关产品的平面黑白插图开始。 选择 C1 到 C5 将更新插图,并显示您选择的颜色的简单列表

预览您喜欢的球衣颜色
预览您喜欢的球衣颜色并随意更改。

然后,一旦您决定了您想要的颜色,您只需查看同一屏幕的右侧即可。 您无需向上或向下滚动以从预览转到选择框,而是从您的 C1 选项浏览到 C1 框,然后选择您已经可视化的相同选项。

选择你的毒药
选择你的颜色,加上你的尺码。

同样,简单性使这个成为赢家。 客户肯定想看看他们订购的产品会是什么样子,但照片般逼真的预览可能会给服务器带来压力(尤其是在您有很多选择的情况下!)。 这是一个想要快速处理它并且仍然满足他们所有需求的人。

打造独一无二的 Joolz 婴儿车

最后一家值得一看的商店:Joolz,一家总部位于阿姆斯特丹的品牌,利用其“积极设计”理论生产定制婴儿车。

标题
从您在 Joolz 商店消费的第一刻起,您的婴儿车的定制方面就受到重视。

Joolz 在他们的产品页面上采用分步定制的方法:当您单击“创建您自己的 Joolz”时,您将被引导选择婴儿车的型号、系列、面料,最后是配件。

可用选项随每次选择而变化,因此如果您返回第二步从不同系列中选择婴儿车,则需要在选项 3 中重新选择您的面料,以查看准确的价格和产品预览。

你一步一步挑选每个项目
一步一步挑选每个项目——Joolz 将引导您完成整个体验。

当您选择婴儿车的构造时,定制器上方或侧面的照片(取决于您的屏幕尺寸)会实时更新。 当您到达最后一步并对预览感到满意时,只需将您的自定义 Joolz 添加到您的购物车并下订单即可。

关于 Joolz 定制体验,我们真正喜欢的一件事是:它在移动设备上运行的流畅度。 即使您更改了很多设置或屏幕尺寸笨拙,一切都可以完美调整,让您可以从任何设备进行设计。 不是每家商店都可以声称!

即使在移动设备上也能轻松设计。
即使在移动设备上也能轻松设计。

此外,由于它出现在屏幕上的位置(同样,无论您的设备如何),预览您的自定义婴儿车需要最少的滚动。 正是这种设计上的用心,我们不禁欣赏。

WooCommerce 如何使令人难以置信的定制成为可能

有很多方法可以在您的产品页面上提供个性化、定制或“套件” 。 以下是我们推荐尝试的一些 WooCommerce 扩展,这三个商店正在使用其中的许多扩展:

  • 产品附加组件——通过复选框、下拉菜单或单选按钮添加简单的选项,例如雕刻、更高质量的面料、礼品包装或您能想到的任何其他内容。
  • 复合产品– 让您的客户可以根据需要创建具有尽可能多的选项或选择的复杂产品——这是构建套件或多选产品的关键。
  • 变体色板和照片- 用色板或照片替换颜色或面料样式的下拉菜单,以便购物者可以直观地看到他们的选择。
  • 附加变体图片– 更好:为您的所有变体添加照片,这样邮件中会收到什么是毫无疑问的。

当然,您可能对显示超出这些扩展范围的个性化或定制产品有想法。 如果是这种情况,我们建议与开发人员(例如我们的 WooExperts 之一)联系以构建自定义解决方案。

从这些令人惊叹的商店中获得灵感

我们希望这个产品定制展示能给您一些关于您自己业务的想法。 无论您是已经在提供定制设计,只是需要增强您的产品页面,还是只是在寻找灵感,您都可以从这里学到很多东西。

寻找更多想法? 在 WooCommerce 展示区继续前行——从可定制的产品到独特的订阅服务,再到按需发货的微型水母(真的!),还有很多值得一看的地方。

感谢您的阅读,并且一如既往,请在评论中留下您对这篇文章的任何疑问。

推荐阅读:

  • 10 个产品页面功能和实现它们的扩展
  • 每个出色的产品页面都应具备的功能