销售、促销和折扣是经营网店的重要组成部分。今天我们发布了这个领域的第一个特性:“价格比较”领域。

compare-at价格字段允许您显示比产品售价更贵的“原始”价格(实际上,标志着该产品正在打折)。欧宝体育在线首页

这个新的领域,结合了力量有条件的可见性-允许您创造创造性的销售和商品设计在您的商店。让我们看看下面使用这个新的比较价格字段的一些核心工作流。

设定比较价格

设定一个比较价格非常简单。只需在Designer或Ed欧宝体育在线首页itor中打开产品详细信息,并在比较价格字段中设置一个值。


欧宝体育在线首页产品详细信息>比较价格。

在产品页面上显示比较价格欧宝体育在线首页

假设你想在你的产品页面上显示比较价格,用不同的颜色设计,并划掉以表示价格……你怎么说,“大幅削减?”欧宝体育在线首页同样,这也非常简单:向页面添加一个新的文本元素,并将其连接到比较价格字段。然后,对该元素进行任意样式设置。


将产品页面上的一个文本元素连接到比较价格,然后根据需要连接样式欧宝体育在线首页。

如果你想要更进一步,你可以创建一个父元素,它有多个元素和原始价格的附加信息-然后使用有条件的可见性如果产品具有比较价格集,则只显示父元素。欧宝体育在线首页


只有当产品有比较价格时,才显示包含原始价格信息的元素。欧宝体育在线首页

显示销售横幅

通常,你会想要在浏览页面上添加一个小横幅或标注来指出正在销售的产品。欧宝体育在线首页有了这个新的比较价格领域和一些来自有条件的可见性,你可以很容易做到这一点。只需创建您想要的callout元素,然后将其设置为只在有问题的产品设置了比较价格时才显示。欧宝体育在线首页


只有当产品设置了比较价格时才显示sales标注元素。欧宝体育在线首页

接下来是什么

这个新的比较价格领域只是使您的Webflow电子商务商店更容易运行销售的第一步。我们仍在计划建立一个更全面的系统来创建和管理优惠码、折扣和其他促销活动。

如果您有更多的想法或要求额外的功能,一定要让我们知道提交新的想法(并对现有的想法投票)Webflow愿望列表

3喜欢

太棒了!由于Webflow的团队: webflow_heart:

@brjohnson这在Webflows常规cms上可能吗?我的客户有一个博客,他们通过联盟营销销售产品。欧宝体育在线首页

周二开始销售。我们是否有可能在结账页面添加“价格比较”功能?

我想包括一个产品页面,只列出出售的项目(欧宝体育在线首页即只有产品与比较价格)这不是作为一个过滤器选项之一,虽然。什么好主意吗?