临猗网站建设:如何使用FancyProductDesigner对WooCommerce网站进行大修

2019.05.27 临猗网站建设

101

对于任何在线商店来说,最重要的因素之一就是它的产品页面。有许多方面可以影响您的销售多少,包括您使用的图像,您的页面布局,等等。要构建销售的WooCommerce产品页面,您需要使用所有可用的工具。

临猗网站建设包了很多产品定制功能,但可以改进。在本文中,我们将讨论优秀产品页面的重要性,并教您如何使用高级产品设计师插件。我们开始工作吧!

产品页面对转换的影响

 

你的产品页面越好,他们就会吸引更多的访问者。

大多数人对在线产品的评价不仅取决于他们提供的功能和价格,还取决于他们个人页面的专业程度。考虑到这一点,让我们分解一些可能影响产品页面转换的元素:

· 你的产品图像。多角度的高质量图像可能意味着额外出售或者访问者立即关闭您的产品标签。

· 你的行动呼吁。这是一个需要掌握的复杂元素,但是它们对换算率的影响是不可否认的。如果你曾经在销售低迷中尝试过其他任何事情,调整你的CTA的文本、风格和布局可能是更多销售的门票。

· 产品评论。这个相当简单。网上购物者往往很挑剔,他们经常会根据评论比较产品。你的产品评论越好,销售越多。你可能会得到.

· 产品定制选项。在很多情况下,人们喜欢定制他们订购的产品,无论是作为礼物还是个人用途。

除了这些元素之外,您还需要使用在移动浏览器和桌面浏览器上看起来都很不错的产品页面布局。另外,还有每个产品页面应该包含的基本信息,比如商品的名称、描述、价格等等。

为了清楚起见-WooCommerce使您能够将所有这些元素和更多的元素添加到您的产品页面中。然而,它不能使您实现高级产品定制,这是我们的下一个工具。

介绍高级产品设计师

 

如果您曾经使用过一个在线商店,使您能够自定义产品购买前,您将知道这是非常有趣的。这个高级产品设计师扩展采用了这个概念,并将其提升了一个层次。它为用户提供了为用户提供可视化自定义器所需的工具,以便用户可以调整允许的方面。请查看产品设计器的以下示例:

 

这是一个全面的视觉编辑器客户可以用来创建一个定制的酒瓶。它支持多层,颜色变化,文本编辑等。为了明确起见,您仍然必须使用WooCommerce向您的商店添加新产品,后者处理整个过程的销售结束。

但是,启用FancyProductDesigner插件后,可以为任何这些项添加高级自定义选项。这对他们中的很多人来说并不可行,但它仍然是一个极好的方式,可以增加一些交互性来选择产品并创造更多的销售。

此外,您还可以更改FancyProductDesigner可视化编辑器从前端查看的方式,并为每个项目创建用户可以从中选择的基本模板。这样,如果他们不愿意的话,他们就不用花时间和编辑玩了。

主要特点:

· 使您的访问者能够自定义您的WooCommerce项目,然后进行购买。

· 添加自定义选项以选择产品。

· 使用具有高级功能的前端可视化编辑器自定义每个项目。

· 通过从多个模板中选择更改可视化编辑器的外观。

价格:每个许可证49美元更多信息

如何使用FancyProductDesigner自定义WooCommerce产品(分3步)

尽管它的功能范围很广,但FancyProductDesigner的设置非常简单。更好的是,它不需要任何额外的配置,因为它的默认设置是完美的日常使用。考虑到这一点,让我们跳到更厚的地方去了解插件产品设计师工具。

步骤1:学习使用花式产品设计师

FancyProductDesigner的扩展包含了一些虚拟产品,因此您可以立即看到它的作用。要访问它们,请访问花式产品设计师>产品您的仪表板上的选项卡:

 

在里面,您会发现一些示例产品。一旦你熟悉了产品设计师,你可以删除它们。现在,单击衬衫项目,您将看到一个包含两个项目的菜单出现在它下面:

 

此特定项使您能够对其前后进行自定义。如果单击产品生成器中的编辑视图按钮,您将能够使用可视化构建器编辑项目的起始状态:

 

首先,我们有层层部分。在这里,您可以添加新的图像和文本,让用户应用于他们的设计,以防他们不想使用自己的设计。您可以在这里拥有任意数量的元素,所以请疯狂-只需记住按顺序添加它们,就像使用常规层一样。要查看操作中的元素,需要向下滚动,直到到达可视化编辑器:

 

在这里,您可以按照添加元素的顺序查看元素的外观。可以将元素拖放到层层调整你的衬衫的外观。例如,这里我们删除了整个衬衫要素:

 

当您对您的产品外观满意时,请向上滚动并单击存钱纽扣。现在,当临猗企业网站建设潜在的客户端通过您的商店加载该项目时,您的设计将显示为它们的起点:

 

当然,他们可以随意定制设计。然而,你应该努力为那些不想调整太多东西的用户提供一个合适的起点。

步骤2:配置用户界面(UI)和产品布局

到目前为止,您已经看到了FancyProductDesigner的前端定制器在运行中。它的默认风格在大多数情况下都很不错,但是如果你认为它不适合你的网站,你可以改变它。若要这样做,请转到花式产品设计器>UI&布局定制器。在里面,你会看到预览显示当前布局的部分:

 

下面有几个选项可供选择以修改设计器的顶部栏位置:

 

更改此设置不会影响您的自定义程序的功能,因此请随意选择您喜欢的。在任何情况下,还可以更改设计人员画布的大小:

 

理想情况下,它应该足够大,使用户不会感到拥挤。此外,您可以选择任何您想要的分辨率,因为插件确保画布保持响应的任何方式。最后,如果您跳到行为选项卡,您将看到设计器中包含的所有按钮的小预览:

 

您可以添加或删除按钮,如您希望从列表到右边,虽然默认的布局设计已经包括了更有用的选项,这使您的生活更容易。在任何情况下,当您完成对布局的更改时,请向上滚动。在屏幕顶部,您将看到将设计保存在新模板下或覆盖默认模板的选项:

 

还有一个选项可以将所有东西返回到它的初始状态,所以您可以选择任何方式都不会出错。

第三步:管理你的产品

向您的商店添加新的可定制产品很简单。你需要做的第一件事就是去高档产品商店>产品选项卡并单击添加新按钮:

 

现在为项选择一个名称,然后使用新视野按钮位于其名称右侧:

 

当您准备好默认设计时,是时候转移到产品>添加新产品标签。一旦您进入,添加您的可定制项目的详细信息,就好像它是任何其他WooCommerce产品一样:

 

在您处理好基本知识之后,查找高级产品设计师小部件在WordPress编辑器的右边。选择产品设置在源类型然后从下面的列表中选择您刚才创建的产品:

 

现在,您可以将产品保存为草稿或立即发布。现在剩下的就是等待这些新订单的到来,并着手处理它们。

结语

当涉及到您的转换率时,对您的产品页面进行一些小的更改会产生很大的不同。WooCommerce提供了很多默认的定制功能,但这并不意味着您无法在此基础上进行改进。用正确的工具,你可以把你的吴商将产品页面转化为艺术品。

就WooCommerce扩展而言,我们倾向于高级产品设计师由于所有的改进,它使您能够作出。下面是如何开始的方法:

1. 学会使用幻想产品生成器工具。

2. 配置您的UI和产品布局。

3. 管理你的产品。

您对如何使用FancyProductBuilder改进WooCommerce产品页面有任何疑问吗?在临猗网站建设下面的评论部分提问!

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP