如何在 WooCommerce 中添加自定义产品构建器

您想在 WooCommerce 中添加自定义产品构建器吗?

WooCommerce 中的自定义产品构建器允许客户设计产品并根据自己的要求对其进行自定义.这种定制产品订单的交互式方式可以提高销售转化率.

在本文中,我们将向您展示如何在 WooCommerce 中轻松添加自定义产品构建器,而无需雇用任何开发人员或编写任何代码.

Adding a custom product builder in WooCommerce

为什么要在 WooCommerce 中添加自定义产品构建器?

在 WooCommerce 中添加自定义产品构建器可让您的客户在下订单之前自定义产品.

例如,您可以添加按需印刷的产品,并允许客户将他们的徽标、图片和文字添加到产品中.

WooCommerce 的定制产品设计师可用于销售您自己的产品,您可以在发货前为客户定制这些产品.

或者,您也可以开始直销业务,让第三方供应商负责定制和运输.

话虽如此,让我们来看看如何将自定义产品构建器添加到您的 WooCommerce 商店.

向 WooCommmerce 商店添加自定义产品构建器

在本教程中,我们将使用 Zakeke.它是 WooCommerce 的产品定制器工具,可为您的用户提供无缝的产品构建器体验.产品设计器对于客户和店主来说真的很容易使用.

首先,您需要注册一个 Zakeke 帐户.

Zakeke website

之后,系统会要求您选择电子商务集成.只需单击下一步按钮继续.

Zakeke wizard

Zakeke 可与包括 WooCommerce 在内的最流行的电子商务平台合作.

要将您的商店连接到 Zakeke,请切换回您的 WordPress 网站管理区域.

接下来,您需要安装并激活免费的 Zakeke 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,系统会要求您将 WooCommerce 商店连接到您的 Zakeke 帐户.只需单击"连接"按钮即可继续.

Connect Zakeke account

然后,系统会要求您允许 Zakeke 访问以在您的 WooCommerce 商店中执行操作.单击"批准"按钮继续前进.

Approve connection

这会将您带回 Zakeke 网站以开始免费试用或选择定价计划.单击下一步按钮继续.

Activate free trial

在下一页,您将看到不同计划的定价选项.每个计划都有 14 天的免费试用期,不需要信用卡.

除了 Starter 计划外,所有其他计划都对已售产品收取 1.9% 的额外交易费.

Choose a plan

点击选择您的计划,一切顺利.

添加您的第一个可定制产品

您现在可以单击"下一步"按钮启动产品配置器并开始添加您的产品.

Launch Product Configurator

然后,您可以从自己的商店中选择产品,也可以选择按需打印服务.

为了本教程,我们将选择从我们自己的演示商店添加产品.

Choose product type

接下来,Zakeke 将从您的商店加载产品,您需要选择要配置的产品.

Choose product

之后,它会从您的商店中选择您的产品图片.如果你想使用不同的图像,那么你可以上传它.您还可以添加产品图片的背面或添加变体.

Add product image or variations

对产品图片感到满意后,单击"设置打印区域"按钮.这将弹出一个弹出窗口,您需要通过简单地用鼠标画一条线并提供测量来设置标尺.

Setting the print area

接下来,您需要为打印区域选择一个形状,然后将其绘制在产品图像上.

Choose area shape

一旦您对选择感到满意,请单击"保存"按钮继续.

接下来,您需要点击 Proceed to preview 按钮来完成您的更改.

Finalize changes

您现在将看到您的产品详细信息.不要忘记将更改保存为草稿或将其发布到您的商店.

Publish your product

设置打印方法

下一步是设置打印方法.您可以在此处选择设计文件的打印格式.

从您的 Zakeke 帐户仪表板,从左栏中转到"打印方法",然后单击"添加打印方法"按钮.

Adding a print method

从这里,您可以选择要允许客户使用的打印功能.您还可以选择文件类型、分辨率和格式.

在底部,您可以选择此方法适用的现有产品.

不要忘记单击"保存打印方法"按钮来存储您的更改.

在 WooCommerce 中使用自定义产品构建器

Zakeke 将负责为您使用产品配置器添加的所有产品添加产品定制选项.

您只需访问商店中的产品,您就会看到自定义产品的选项.

Customize product button

这将打开产品设计师界面,并在右侧预览产品图片设计工具.用户可以从他们的设备添加文本或上传图片.

Product designer preview

用户只需拖动角落即可将图像或文本调整到打印区域.他们可以选择不同的字体、颜色和样式.

产品设计师也在移动设备上工作,并自动调整以匹配用户的屏幕尺寸.

Mobile preview of the custom product builder for WooCommerce

完成后,他们可以将他们的设计副本下载为 PDF,保存,或者只是将其添加到购物车中.

之后,客户可以像往常一样在购物车中预览他们的定制产品.

Check out product page

在 WooCommerce 中处理自定义产品订单

Zakeke 让获取每个订单的自定义文件变得非常简单.

只需转到 WooCommerce »订单页面,然后点击可定制产品的订单.

Viewing orders in WooCommerce

在"订单详细信息"页面上,您将看到客户创建的自定义设计预览,其中包含下载自定义文件的链接.

Download print files for customer design

然后,您可以下载打印文件并将其发送给打印件或您的直销供应商.

额外提示:在 WooCommerce 中销售更多可定制的产品

可定制的产品和时尚的产品设计师将帮助您提高销售额.然而,客户可能不知道他们可以定制和设计他们的产品.

这就是 OptinMonster 的用武之地.

它是市场上最好的转化优化软件,可让您轻松将 WooCommerce 访问者转化为付费客户.

OptinMonster 带有灯箱弹出窗口、滑入式弹出窗口、通知栏、倒数计时器等.所有这些工具都可以帮助您在准确的时间向客户展示正确的信息.

借助其强大的展示规则,您可以定位客户并向他们展示个性化的广告系列.

GeoTargetted Popups in WooCommerce

例如,您可以为特定区域的客户提供免费送货服务,显示可自定义产品的滑入式弹出窗口,或提供限时优惠券以恢复废弃的购物车销售.

OptinMonster popup preview

我们希望本文能帮助您了解如何在 WooCommerce 中轻松添加自定义产品构建器.您可能还想查看我们关于如何在 WooCommerce 中跟踪转化以发展您的业务的指南,以及我们对最佳 WooCommerce 托管服务提供商的比较.

0
订阅评论
提醒
0 评论
内联反馈
查看所有评论