什么是WooCommerce产品徽章?
在网上购物时,你有没有注意过那些产品上的‘促销’或‘新品’标签?这些就是产品徽章,它们非常有用,可以让某些商品在你的在线商店中脱颖而出。把它们看作是虚拟的贴纸,将顾客的注意力吸引到重要的产品详情上,如折扣、新品或限时优惠。WooCommerce自带一个基本的促销徽章功能,当你降低产品价格时会自动显示。
但WooCommerce的促销徽章功能相当有限。你不能轻易地改变徽章的外观,添加新的徽章类型,或精确控制它们在产品图片上的显示位置。而自定义产品徽章可以更好地展示你的品牌个性,并更有效地吸引注意力,从而促进在线商店的销售。
方法1: 使用YITH WooCommerce徽章管理插件 (更可定制)
我们推荐使用YITH WooCommerce徽章管理,因为它可以帮助你轻松地为在线商店添加和自定义产品徽章。你可以在节假日期间展示特别徽章,或显示顾客能省多少钱。这个插件还能预设徽章显示的时间并允许你自定义它们的外观。
步骤1: 隐藏默认WooCommerce促销徽章
首先,我们需要隐藏WooCommerce内置的促销徽章,以防止与自定义的产品徽章冲突。在WordPress仪表盘中点击YITH » 徽章管理,然后进入‘常规设置’选项卡,启用‘隐藏WooCommerce“促销”徽章’。
步骤2: 创建你的自定义徽章
接下来,进入‘徽章’选项卡,点击‘创建徽章’按钮。插件提供了四种徽章类型:文字徽章、图片徽章、CSS徽章或销售产品高级徽章。选择你的徽章类型,然后根据需要进行定制,比如调整颜色、位置等。
步骤3: 创建一个展示规则
接下来,我们告诉WooCommerce在哪里和何时显示自定义徽章。在‘徽章规则’选项卡中,点击‘设置规则’,选择你的徽章展示目标产品。你可以为某些商品、整个类别、标签或使用选定的用户角色显示徽章。
方法2: 使用自定义代码(免费且简单)
如果不需要高级选项,或希望完全免费的选项,可以使用自定义代码。通过WPCode插件,你可以轻松安全地在WordPress中添加自定义代码片段。首先安装WPCode插件,接着添加PHP片段来移除默认徽章,并添加新的产品和动态折扣徽章。然后,根据需要调整外观样式,应用适当的CSS代码。
更多WooCommerce小贴士与技巧
现在你已经知道如何在WooCommerce中显示产品徽章,你可能还希望探索其他提升在线商店的方法,如智能追加销售、顾客评价奖励、产品推荐、过滤选项、顾客愿望清单功能等。希望本文能帮助你学习如何在WooCommerce中添加产品徽章。