COS WP Woo
返回博客
用户体验和导航

产品、愿望清单和类似品牌的比较:增加平均检查的三个功能

每个市场都有但 WooCommerce 没有的三个功能:并排产品比较、带有共享链接的愿望清单以及按品牌自动点对点页面。让我们看看他们是如何提高平均支票的。

上周,一家汽车化学品批发店的店主写信给我 - 其中一位已经超越 Bitrix 并迁移到 WooCommerce,但面临着一个不愉快的发现。 “奥列格,”他说,“我有一个包含 16,000 件商品的目录,客户打电话询问:你们的壳牌得力士 S4 VX 32 油与 Lukoil Geyser LT 32 有何不同?但我无法将它们发送到网站,因为根本没有产品比较。Ozone 有,Wildberry 有,甚至 Leroy 有,但我没有。也没有愿望清单。经理在 Excel 中保存客户清单,你可以吗?想象一下?我介绍。我大约每两周从不同的人那里听到一次这个故事。只是油的名称和所有者的名字发生了变化。

事情是这样的:WooCommerce 开箱即用,是一个设计出色的电子商务引擎,它同时不做三项基本的事情,没有这三件事,任何市场都无法生存。并排产品比较、具有共享链接功能的愿望清单以及竞争对手品牌的自动页面。买家认为理所当然的三个功能,因为他在每个主要市场上都习惯了它们。当他访问您的网站并没有找到“比较”按钮时,他不会认为您没有安装该插件。他认为你是一家无聊的商店。而这种“轻浮”的感觉会让你付出代价。每一天,每一个丢失的订单,每一个离开市场的客户,因为那里“更方便”。

我已经使用 WooCommerce 开发和营销在线商店很长时间了,足以了解情况发生了怎样的变化。五年前,没有人需要视频列表——人们会立即购买或根本不购买。三年前,如果你的利基市场很窄,而且经理愿意通过电话为你提供建议,你就可以不用比较。今天讲的是卫生。如果您的 B2B 商店拥有数千个 SKU 的目录,并且您不提供自选工具,那么您就会赔钱。不是针对那些转向竞争对手的客户(尽管他们也这样做),而是针对那些留下来但购买量低于其能力的客户。平均账单首先受到影响。因为如果没有比较工具,买家会选择他遇到的第一个产品,而不是有意识地选择更昂贵和高质量的产品。如果没有愿望清单,他就会忘记稍后想要订购的商品。由于没有类似的页面,他去了谷歌,最终找到了一个竞争对手。

今天我想详细告诉大家我们 COS WP Woo 插件中的三个模块是如何解决这个问题的。理论上不是——“但如果你引入比较,那就太好了。”具体来说,每个模块的结构如何,我们做出了哪些技术决策及其原因,前端买家的感受如何,最重要的是,它如何影响您的资金。没有拐杖,没有大量的插件,也没有每个功能每年一百美元的许可证。

当比较表比经理更畅销时

让我们从最明显的开始 - 产品比较。这个想法非常简单:买家选择两种、三种或四种产品,按下按钮,就会看到一张表格,其中所有特性都彼此相对排列。价格、供货情况、SKU、描述,以及最重要的 - 技术属性。粘度、倾点、闪点、密度、GOST——所有这些都逐行显示,买家立即看到差异。无需打开三个浏览器选项卡并用眼睛在它们之间跳转,试图将数字记在脑海中。无需打电话给经理,等到他自己打开三张产品卡并开始大声朗读特征,而对数字感到困惑。

我们在 COS WP Woo 中设计比较模块时,专门研究了大佬们是怎么做的。 Wildberry 垂直构建表格 - 产品在列中,特征在行中。 Ozon 的做法大致相同,但增加了差异的突出显示 - 不同之处以颜色突出显示。我们采用了适合工业目录的经典路线:水平滚动表,左侧是特征名称,右侧是每个产品的值。这在桌面上效果很好,但在移动设备上,表格将水平滚动,这绝对是任何智能手机用户的预期行为 - 我们都习惯向侧面滑动表格。表格上方有一个标题和一个“另存为 PDF”按钮。每个产品的标题下都有一个叉号,可以从比较中删除。一切都是简约而实用的。

但一如既往,问题在于细节。我想介绍五个关键细节,使这种比较不仅有效,而且对买家和您的企业实际上很有用。

第一个细节是动态属性。当您比较两种液压油时,唯一重要的特性是它们在不同温度下的粘度、粘度指数和倾点。当您比较两组过滤器时,它们完全不同:尺寸、螺纹、压力。我们的模块自动收集比较产品的所有属性的组合并将其显示在表格中。这意味着该表适用于一组特定的产品:如果比较油,该表将包含油的属性,如果比较过滤器,则该表将包含过滤器的属性。如果一种产品具有“40°C 时的粘度”属性,而另一种则没有,则该行中的第二个产品旁边会出现破折号。买家立即看到:是的,这个产品的特性没有标明,也许值得澄清一下。或者可能意味着该产品尚未经过此参数的测试。无论如何,都是用于做出决定的信息。 auto_attributes 选项默认启用,我强烈建议将其保留。

第二个细节是基于 cookie 的比较列表存储。我们故意没有将比较与用户帐户关联起来。为什么?因为根据我们的数据,百分之七十到八十的网店访客都是未注册的客人。他们来自 Google、Yandex,通过同事的链接而来 - 他们在您的网站上没有帐户。如果比较需要注册,那么您就会失去核心受众。正在比较的产品列表存储在名为 yith_woocompare_list 的 cookie 中 - 是的,我们专门使用与 YITH WooCommerce Compare 相同的 cookie 名称。这样做并不是出于懒惰,而是为了无缝迁移:如果您从 YITH 迁移到我们的插件,当前用户的比较列表不会丢失。昨天通过 YITH 添加了三种产品进行比较的人今天将使用我们的插件打开同一页面并看到相同的三种产品。 cookie 的有效期为三十天,如果买家在一周内返回,则他的清单已就位。

第三个细节是AJAX添加而无需重新加载页面。买家翻阅目录,看到有趣的产品,单击“比较”按钮 - 该按钮立即将其状态更改为“已添加”,无需重新加载页面,无需旋转,也不会丢失滚动位置。屏幕底部会出现一个浮动比较面板,其中包含所选产品的数量和“查看比较”按钮。这正是区分专业在线商店和自制在线商店的微交互模式。这正是市场用户习惯的用户体验:点击-添加-继续选择-准备好后进行比较。选择过程不会中断,不会丢失上下文。

第四个细节是短代码和单独的页面。比较表通过 yith_woocompare_table 短代码(YITH 兼容)呈现,可以放置在任何 WordPress 页面上。但有两种操作模式,每种模式都有不同的目的。动态模式 - 没有参数的短代码,从 cookie 获取产品列表。这是同一个“实时”表,每次添加或删除产品时都会发生变化。静态模式 - 具有明确指定的产品 ID 的短代码,例如 [yith_woocompare_table products="123,456,789"]。静态模式非常适合登陆页面和内容营销。我看到我们的一位客户创建了一个“建筑设备液压油比较”登陆页面,其中包含八种产品的表格,并且该页面持续带来搜索流量,因为它回答了特定的用户查询。谷歌喜欢结构化内容,而比较表是完美的结构化内容。

第五个细节是导出为 PDF。 “另存为 PDF”按钮位于比较表的正上方。对于 B2B 客户来说,这不仅仅是一种便利,更是一种工作工具。采购经理比较了三种油,保存 PDF,并将其发送给经理批准或发送给招标委员会。没有屏幕截图,没有“让我在电子邮件中列出特征”。干净、设计精美的表格,包含价格和技术数据。我们的一些客户指出,添加 PDF 导出后,已完成的申请数量增加了 - 这是合乎逻辑的:买家在公司内部收集和传输信息越容易,审批程序越快,订单处理也越快。

关于表字段的设置值得单独提及。默认情况下,显示图像、标题、价格、“添加到购物车”按钮、描述、商品编号和库存情况。但在管理面板中,您可以配置要显示的字段以及显示顺序。例如,对于工业 B2B 商店,比较表中可能不需要产品描述 - 商品编号、库存可用性和技术特性更重要。另一方面,对于服装零售店来说,特写图像和价格很重要,并且可以隐藏 SKU。对于电子产品商店来说,规格是第一位的,描述是最后的。这种灵活性不是装饰性的,它实际上会影响转化,因为买家可以准确地看到与在您的特定利基市场中做出决策相关的信息。一位客户从表格中删除了描述,并添加了重量和尺寸 - 并表示要求澄清的明显减少,因为物流人员立即看到了尺寸数据。

愿望清单不是为了欲望,而是为了金钱

说实话,刚开始接触电商的时候,我认为愿望清单只是一个装饰功能。好吧,一个人将一个产品添加到“收藏夹”中 - 那又怎样?如果他现在还没有准备好,他仍然不会购买。这不是一个篮子,而是某种无处可去的中间缓冲区。我错了,我花了几年时间和大量数据才承认这一点。愿望清单并不是“也许有一天我想做”。愿望清单是一种延迟需求,只要有正确的触发,就会转化为真正的购买。价格下降 - 触发。该产品已重新有货 - 触发。季末临近,需要掌握消耗品预算——触发。每一个时刻都是一个转换点,而愿望清单使之成为可能,因为它在数周和数月的过程中保持了买家和产品之间的联系。

COS WP Woo 中的愿望清单模块比乍一看更重要。这不仅仅是写在用户元数据中的product_id 数组。我们在数据库中有两个单独的表:wpaic_wishlists 存储列表本身(是的,一个用户可以拥有多个列表 - 我会告诉你更多相关信息),wpaic_wishlist 将产品存储在列表中,其中包含字段 user_id、product_id、wishlist_id、sort_order 和 linked_price。最后一个字段是整个视频列表盈利模型的关键。我们会记住该产品被添加到收藏夹时的价格。为了什么?然后与当前价格进行比较并向买家发送降价通知。但通知将是一个单独的讨论 - 它们应该得到详细的解释。

多个列表是我从 Amazon 获得的一项功能,并针对 B2B 环境进行了调整。在亚马逊上,您可以创建“家居用品”、“花园用品”、“新年礼物”等列表。在 B2B 环境中,此功能更加有效:“4 月份的消耗品”、“新机器的油”、“定期维护的备件”、“47 号招标”。每个列表都有自己的名称、隐私设置和用于安全共享的 24 个字符的唯一 share_token。是的,买家可以创建一个列表,在其中填写产品,设置隐私并将链接发送给同事或买家。如果列表是公开的或“可通过链接获取”,他将打开链接并查看所有产品,而无需注册。对于批发采购来说,这是非常方便的:生产工程师坐在电脑前,编制必要消耗品的清单,然后将链接发送到会计部门,会计打开并下订单。没有信件“向我发送文章”,没有 Excel 表格。

列出三个级别的隐私工作,每个级别都有自己的用例。私人 - 仅对所有者可见,这些是个人笔记,“我想要,但尚未决定。”共享 - 通过带有令牌的独特链接可见,非常适合在公司或家庭内共享。公开 - 如果您决定实施公开列表库,则所有网站用户都可以看到。对于零售店来说,公开清单就是礼物愿望清单:“给玛丽亚送什么生日礼物,这是她的清单。”对于B2B来说,它是部门之间的沟通工具。我知道一个案例,润滑油分销商的客户开始创建共享列表并通过电子邮件而不是标准 Excel 请求发送链接。他们实际上使用愿望清单作为订单形式,并且没有任何特殊的设置或培训 - 人们自己找到了一种以对他们来说最方便的方式使用该工具的方法。这就是该功能确实需要的最好证明。

在前端,愿望清单是通过心形按钮实现的,该按钮出现在目录中的产品卡和产品页面上。点击——产品添加完毕,心形填充颜色,按钮上出现wpaic-wishlist-btn--active类。再次点击——产品被删除,心又恢复原来的状态。整个过程通过 AJAX 进行,无需重新加载,通过 wp_ajax 和 wp_ajax_nopriv 进行随机数检查。对于授权用户,数据会立即写入数据库。对于客人来说,产品存储在 localStorage 或 cookie 中 - 这是最重要的一点:当客人注册或登录他的帐户时,他的客人愿望清单会自动与现有愿望清单合并。 merge_guest_items 方法从来宾存储中获取所有产品,并通过 INSERT IGNORE 将它们添加到用户的默认列表中 - 也就是说,如果产品已在愿望列表中,则不会创建重复项。这是一种无缝的体验:买家未经授权浏览目录,将产品添加到收藏夹,然后决定注册 - 一切都已就位,没有任何丢失。很多竞争插件都没有这样做,买家在注册时就失去了他们的列表 - 想象一下失望的心情。

您的 WooCommerce 个人帐户中会出现一个单独的“收藏夹”选项卡 - 这是一个真正的 WooCommerce 端点,通过 add_rewrite_endpoint 注册。每页十二个产品,带分页,可删除,一键进入产品页面。产品的顺序是通过拖放配置的:买家可以按照所需的顺序拖动产品,订单将通过 update_sort_order 方法保存,该方法获取 Product_id 数组并更新数据库中的 sort_order 字段。琐事?对于零售业来说——也许吧。但是,当大型企业的采购员的清单上有四十到五十个商品时,按优先级或分组对它们进行排序的能力可以真正节省时间,并降低下订单时出错的风险。

现在介绍愿望清单分析,这是我最喜欢的部分。在插件的管理面板中,有一个部分显示最受欢迎的产品 - 那些最常添加到收藏夹的产品。 get_analytics 方法返回最喜欢的前 20 个产品,包括添加数量、当前价格和照片。加上一般统计数据:有多少唯一用户使用愿望清单,总共添加了多少产品。这些信息对于营销人员和品类经理来说非常宝贵。如果一种产品经常被添加到愿望清单中,但很少被购买,这是一个明显的障碍信号。价格是否太高?无法使用?描述不能说服您?运费太贵吗?无论如何,这是一个特定的产品,有一个需要响应的特定问题。对该产品进行有针对性的促销,将价格降低百分之五,添加评论 - 您将把被压抑的需求转化为实时销售。如果没有心愿单分析,您甚至不知道对该产品有需求。

为您销售的电子邮件

我思考了很长时间是否值得在单独的部分中突出显示通知或在愿望清单的背景下讨论它们。我决定强调它,因为它是一个独立且非常强大的机制,值得单独分析。 WishlistNotificationService 模块负责两种类型的自动电子邮件通知:降价和库存产品退货。两者都完全自主工作 - 无需人工干预,无需在 Mailchimp 或 Sendinblue 中设置电子邮件活动,无需任何外部服务或订阅。一切都在 WordPress 和 WooCommerce 中,通过标准 wp_mail 和 WP Cron。

降价是通过每日 cron 任务实现的。 wpaic_wishlist_price_check 钩子每天工作一次,检查愿望清单中的所有产品,将当前价格与添加时的价格进行比较 - 与我之前提到的相同的 added_price 字段。如果价格下降了百分之五或更多,买家会收到一封简洁的 HTML 信件,其中包含一个表格:产品名称、旧价格被划掉、新价格以绿色粗体突出显示、折扣百分比以红色显示。这封信适合移动设备,字体可读,“转到产品”按钮大而引人注目。百分之五的阈值是通过 wpaic_wishlist_min_price_drop_pct 选项配置的 - 对于价格较高的商店,您可以将其设置为百分之十,对于快速消费品,可以将其设置为百分之三。阈值的目的是避免发送波动较小的垃圾邮件。如果由于汇率差异或增值税重新计算而导致价格下降了半个百分点,这不是困扰买家的理由。但百分之十五已经是一个值得谈论的事件了。

返回库存的工作原理根本不同 - 它是事件触发器,而不是时间表。一旦 WooCommerce 通过标准挂钩 woocommerce_product_set_stock_status 将产品状态更改为有货,我们的模块就会立即找到所有在其愿望列表中拥有该产品的用户,并向每个用户发送一封私人信件。 “壳牌喜力 HX8 5W-30 机油又有货了!” — 带有产品照片、当前价格和 CTA 按钮“转到产品”。立即 - 这意味着状态更改后的一分钟内,而不是根据官方说法是第二天。重复数据删除是通过 WordPress 瞬态实现的,密钥包括 user_id 和 Product_id:一个用户每 7 天收到有关特定产品的通知不超过一次。如果某个产品由于 1C 同步问题而每天在库存和缺货之间闪烁,买家不会被信件淹没,他只会收到第一封。

你知道什么最有趣吗?这些触发电子邮件的转化率比常规营销电子邮件高很多倍。如果你仔细想想,这是合乎逻辑的:这封信并不是写给一个抽象的订阅者,并提供抽象的报价“我们对所有商品都有折扣”,而是写给一个特定的人,他通过特定的行动(添加到愿望清单)说“我对这个产品感兴趣”。这不是垃圾邮件,这是一项服务。买家将石油添加到收藏夹中,因为现在对他来说价格昂贵,或者他直到月底才有预算,或者产品缺货。一个月后,价格下降了百分之十五——他收到了一封信。他不会想到“又是垃圾邮件,取消订阅”,他会想到“哦,太棒了,我正要订购,谢谢你的提醒。”这是最纯粹形式的触发营销,内置于插件中,无需任何外部集成或电子邮件平台的月费。

对于 B2B 领域,库存退货通知尤其重要,我想用一个具体的例子来解释原因。工业用油、齿轮箱专用润滑油以及经特定设备制造商批准的液压油是经常供不应求的商品。每隔一两个月就会有一次交货,一周内就会整理完全部货物。一位工厂买家访问您的网站,看到“缺货”,很沮丧,将其添加到收藏夹并切换到其他任务。三周后,货物到达您的仓库,1C 更新了余额,WooCommerce 更改了状态 - 在您的经理有时间致电客户群之前,买家收到了这封信。五分钟下单,钱到账,大家皆大欢喜。没有经理,没有电话,没有“当事情发生时,写下我的电话号码”。如果您考虑到通知同时发送给所有在其愿望清单中拥有该产品的用户,您将获得乘数效应:产品的一次交付可以在一小时内自动生成十到二十个订单。

品牌类似物:如何抢走竞争对手的流量

现在让我们来谈谈很少有人在 WooCommerce 上实现的功能,但它以最低的成本带来了出色的 SEO 效果 - 自动品牌模拟页面。这个想法简单而美好:如果您销售国产机油和润滑油,但您的客户习惯于壳牌、美孚、嘉实多、道达尔 - 您需要“壳牌润滑油类似物”、“美孚润滑油类似物”等页面。这些页面拦截诸如“壳牌得力士 S4 VX 32 的俄罗斯版本”、“如何更换美孚 DTE 25”、“嘉实多 Hyspin AWS 32 的国内替代品”等查询的搜索流量。这些查询是存在的,每个月都有成千上万的人搜索它们(特别是在西方品牌离开俄罗斯市场之后),如果您的页面包含相关的结构化内容,您就可以免费获得这些流量。

BrandAnalogService 模块与 WordPress 页面树配合使用 - 这是一个基本的架构决策。您创建一个根页面“机油和润滑剂的类似物”,在其下面有每个品牌的子页面:“壳牌机油和润滑剂的类似物”、“美孚机油和润滑剂的类似物”、“道达尔机油和润滑剂的类似物”等等。每个品牌页面下都有特定产品的页面:“壳牌得力士 S4 VX 32 的类似产品”、“壳牌可耐拉 S4 GX 320 的类似产品”、“壳牌 Corena S4 R 46 的类似产品”。这些页面中的每一个都是一个成熟的 WordPress 页面,具有自己的 URL、元数据、内容,并且每个页面都作为单独的文档由搜索引擎索引。该模块自动扫描该树,解析页面标题,从标题中提取品牌名称(删除“油和润滑剂类似物”前缀),然后将每个产品页面与 WooCommerce 中的真实产品进行匹配。

匹配算法分为三步,我想解释每一步,因为这对于理解模块如何与您的目录一起工作至关重要。第一步是产品名称的完全匹配。如果页面名为“Shell Tellus S4 VX 32”,并且 WooCommerce 中有同名产品 - 匹配。但实际上,完全匹配的情况很少见,因为 WC 中的产品通常具有较长的名称:“Hydraulic oil Shell Tellus S4 VX 32 (20 l.)”。因此,第二步是子字符串搜索:如果提取的名称是 WC 产品名称的一部分,则视为匹配。此外,从几个匹配的产品中,选择名称较短的一个 - 更具体的匹配。最后,第三步是通过similar_text函数以百分之五十的阈值进行模糊比较。这是针对名称略有不同(拼写错误、音译不同、词序不同)的情况的后备方案。三步方法提供了高比例的自动匹配:根据我们的经验,百分之八十到九十的页面无需人工干预即可匹配。

扫描后,您会收到结构化数据:对于每个品牌 - 找到的产品列表,按 WooCommerce 类别分组。液压油、传动油、工业油、润滑脂——每个类别单独,具有每个产品的技术特性。数据通过 scan_brand 方法缓存在 wp_options 中,以避免每次打开页面时都查询数据库。缓存更新 - 根据管理面板的请求,单独或一次性为每个品牌使用“重新扫描”按钮。在前端,所有内容都通过短代码 [wpaic_brand_analogsbrand="Shell"] 显示 - 一个时尚的卡片轮播,带有按类别的选项卡。单击“液压油”选项卡 - 您可以看到该类别中的所有壳牌类似产品及其主要特性以及类似产品各个页面的链接,您可以在其中阅读详细的比较。

这就是为什么它适用于 SEO,以及为什么我认为模拟页面是电子商务最有效的内容营销工具之一。每个模拟页面都是一个具有独特内容的单独 URL,并针对特定的长尾搜索查询进行了优化。 “壳牌得力士 S4 VX 32 类似物”是具有最高商业意图的请求。将其输入谷歌的人已经知道他需要什么,已经使用过这种油,并且正在寻找在哪里可以购买类似物 - 更便宜,更快,没有供应问题。交通火热,准备购买。如果您的页面包含一个与原始特性进行比较的表格(粘度、温度、公差)、类似物的详细描述以及“添加到购物车”按钮,那么您获得的转化率将比 Direct 中的标准广告高出许多倍。在一家石油和润滑油分销商的项目中,使用此方法创建的一百二十页类似物在六个月内成为有机流量和订单的显着来源。

另外,我想详细讨论属性映射,因为这是区分自动生成卡片和手动工作的细节。不同的产品类别有不同的关键特征,模拟卡应准确显示对选择重要的特征。对于液压油,这是 40°C 和 100°C 时的粘度、粘度指数、倾点和闪点。对于润滑脂 - 工作温度范围、NLGI 等级、增稠剂类型、滴点。对于压缩机油 - 与制冷剂相容,ISO 粘度等级。该模块允许您按 WooCommerce 类别配置属性映射:对于每个类别,指定将在模拟卡上显示的属性(分类法)列表。如果没有为特定类别配置映射,模块将自动提取前五个非空产品属性,过滤掉明显不相关的属性:“制造商”(为什么在已经谈论特定品牌的页面上显示制造商?)、“原产地”以及带有 URL 编码的 slugs 的属性,这些属性通常是技术垃圾。

对于那些决定实施模拟页面的人的实用建议:不要尝试一次覆盖所有品牌。从您的客户最常提及且在您的利基市场中搜索最多的五到十个关键竞争品牌开始。创建页面树,并用内容填充它们 - 您可以为最重要的页面手动执行此操作,也可以使用我们的 AI 内容生成器进行批量创建。通过管理面板运行扫描,确保比较已正确完成(报告将显示有多少页面已成功链接到产品以及有多少页面未链接)。几周后,检查 Google Search Console,您将看到新页面开始获得您以前从未捕获过的查询的展示次数。然后逐步拓展:新品牌、新产品。每个新页面都是搜索流量海洋中的另一个鱼钩,鱼钩越多,鱼就越多。

为什么我们构建这个而不是 YITH

我确信现在有些读者在想:“为什么要重新发明轮子?YITH WooCommerce Wishlist 和 YITH WooCommerce Compare 是经过验证的插件,已经运行多年,安装数以千计。”这是一个公平的问题,我对此有一个详细的答案,不是基于理论,而是基于在多个项目中使用这两个插件的真实经验。

YITH Wishlist Premium 费用为每年 99 美元。 YITH 比较高级版 - 每年 79 美元。两个插件、两个功能每年总计 178 美元。对于一个站点。如果您有三个商店,请乘以三。每年五百多块钱。五年下来,差不多有三千美元。对于在市场上开箱即用且被认为是基本的功能。但你知道吗?成本甚至不是主要问题。钱是可以赚到的。主要问题是与主题冲突、资源消耗过多、依赖第三方代码以及无法适当定制。

我们与一位客户合作,该客户在一个拥有 16,000 个产品和 dt-the7 主题的网站上拥有 YITH Wishlist Premium。该插件将愿望清单数据存储在自己的表中,生成自己的样式和脚本,并沿 YITH 插件框架进行拉动 - 这是所有 YITH 插件的通用 PHP 框架,它连接一次,但明显很重,并向每个页面添加自己的挂钩。每次页面加载时,都会加载愿望清单 CSS 和 JS 文件,即使页面上没有产品 - 例如,在“关于公司”或“联系人”页面上。 YITH 的比较模块在单独的弹出窗口中打开表格,这在移动浏览器中看起来很糟糕 - 页面顶部的小窗口,不适应触摸界面,无法正确滚动。自定义外观的尝试遇到了带有“请勿编辑”注释和模板的缩小样式,覆盖这些样式需要复制到主题中并手动编辑 PHP 代码。

当我们开始在 COS WP Woo 内设计替代方案时,我们设定了一些我们不会偏离的基本条件。完全向后兼容:yith_woocompare_table 短代码、yith_woocompare_list cookie - 一切都保持不变,使网站访问者的迁移绝对轻松。昨天通过 YITH 添加产品进行比较的买家今天在我们的模块中看到了它们 - 他没有采取任何行动。自动导入设置:migrate_from_yith 方法从 wp_options 读取所有 YITH Compare 选项并将其转换为我们的格式 - 一组表字段、比较页面 ID、产品限制、按钮文本、表标题。在管理面板中单击一下即可传输所有设置。不会丢失数据,不会损坏页面,无需手动重新配置。

性能是一个单独的重要主题。 YITH 在网站的每个页面上全局加载其框架和资源。我们只在需要的地方加载 CSS 和 JS。 CompareFrontend 中的 should_load_assets 方法检查当前页面:它是 WooCommerce 目录、产品卡、购物车、比较页面还是短代码页面?如果是,我们将加载它。如果没有,我们将不会加载。对于浮动比较面板,我们最终决定全局加载脚本 - 但这是一个重达几千字节的最小 JS 文件,而不是整个框架。加载速度的差异非常明显,尤其是在带宽有限的移动设备上以及每毫秒的页面速度都会影响搜索排名的网站上。

最后但并非最不重要的一点是,统一的生态系统。 YITH Wishlist 和 YITH Compare 是两个完全独立的插件,彼此一无所知。比较按钮和愿望清单按钮位于不同的插件中,样式分开,以不同的方式与主题冲突,更新的时间不同,有时更新一个后另一个会损坏。在 COS WP Woo 中,所有三个模块 - 比较、愿望清单和品牌类似物 - 都是一个插件、一种架构、一个发布周期的一部分。他们使用一种翻译系统、一种风格方法、一种带有随机数检查的 AJAX 处理程序架构。产品卡上的比较按钮和愿望清单按钮并排放置,看起来像一个按钮,因为它们被设计为一个整体。品牌类似物的短代码可以包含比较和添加到愿望清单按钮,因为所有模块都相互了解。这不是一个由十个作者的十个插件组成的动物园,每个插件都使用自己的框架并与其邻居冲突 - 这是一个经过深思熟虑、经过测试的系统。

如果我们从另一个角度来看这一切呢?让我们谈谈平均检查 - 事实上,一切都开始了。我认为所描述的三个功能增加了在线商店的平均检查率,以下是我对每个功能的论点。

产品比较促使买家选择更昂贵的选择。当一个人在一张桌子上并排看到两种油时——一种售价两千卢布,具有三种技术特性,另一种售价三千卢布,具有七种特性,温度范围更广,并且得到了设备制造商的认可——他直观地知道昂贵的油更适合他的任务。如果没有对照表,他会选择便宜的,因为他看不出区别,也不想浪费时间分别研究这两张产品卡。通过比较表,他有意识地选择 - 并且经常为你选择更昂贵和边际的产品,因为现在他明白他所付出的代价是什么。这是通过信息进行的追加销售,而不是通过经理的压力。这是买家感谢你而不是生气的追加销售。

愿望清单通过累积机制进行平均检查。买家在一周、两周、一个月、一个季度内将产品添加到收藏夹中。当购买时刻到来时——无论是预算到来、报告期结束,还是只是降价通知——他下的订单不是一件产品,而是五件、十件、二十件。我在对几家商店的分析中看到了这一点:主动使用心愿单的用户的平均订单量是那些“即时”冲动购买的用户的两到三倍。逻辑很简单:如果一个人收集了一份清单,就意味着他思考、计划并准备了预算。他的订单很周到而且量很大。愿望清单将购买一罐黄油的冲动买家转变为订购整个消耗品系列的计划买家。

类似品牌通过扩大可见品种来增加平均账单。一个人来自谷歌寻找一种特定油的类似物,但在你的网站上看到你有整个系列的类似物。壳牌得力士 S4 VX 32、壳牌得力士 S4 ME 46、壳牌可耐拉 S4 GX 320、壳牌 Corena S4 R 46 - 每一款都有俄罗斯类似产品,并附有详细的特性表。前来购买一罐的买家离开时订购了五罐。因为他看到你的商店是全线进口品牌的成熟、系统的替代品,而不是通过谷歌搜索随机找到的。你不再是“一个我偶然发现类似物的网站”,而是“一家有我需要的一切类似物的商店”。这是认知和订单规模的巨大差异。

我想谈谈对于那些将在 WooCommerce 网站上实施这些模块的人来说很重要的几个技术点。对于任何不需要注册的在线商店来说,与访客用户合作是一个基本问题。 Compare 将列表存储在 yith_woocompare_list cookie 中,生命周期为 30 天,甚至涵盖了 B2B 中较长的决策周期。客人的愿望清单使用客户端存储,在授权后,它通过 INSERT IGNORE 将累积的数据无缝合并到数据库中。类似 - 通过短代码完全服务器端渲染,根本不依赖于身份验证状态。这意味着未经授权的访问者可以完全使用比较功能并将产品添加到收藏夹,而无需创建帐户。仅当长期存储愿望清单和接收电子邮件通知时才需要注册 - 这是正确的、非暴力的注册激励:“注册以免失去您的最爱并收到有关降价的通知”,而不是“注册以继续使用该网站”。

AJAX 处理值得特别提及,因为它直接影响用户体验。所有操作 - 添加到比较、从比较中删除、切换愿望清单 - 通过 wp_ajax 和 wp_ajax_nopriv 进行工作,并进行强制随机数检查,以防止 CSRF 攻击。它安全且快速:用户单击按钮 - AJAX 请求发送到服务器 - 响应在 50 到 100 毫秒内返回 - 界面立即更新。没有页面重新加载,没有白屏,没有丢失滚动位置。买家仍然准确地保留在目录中他原来的位置并继续选择。这似乎是不言而喻的,直到您遇到插件,每次将它们添加到愿望清单时,都会完全重新加载页面并将客户踢到目录顶部。在移动设备上,一个人滚动浏览 200 个产品,点击心形,突然发现自己位于顶部 - 这肯定会导致用户的转化损失和刺激。

可共享比较 URL 是我们根据 B2B 客户的特定请求添加的功能。格式非常简单:your-site.ru/comparison/?wpaic_compare=123,456,789。买家或经理可以复制此链接并将其发送给任何人 - 朋友、同事、采购经理、主管或在公司聊天中。收件人将打开链接并看到相同产品的相同比较表,即使他本人从未访问过该网站并且没有添加任何内容。对于 B2B 来说,这是一个标准的日常场景:生产工程师比较了三种润滑剂选项,向买家发送了链接,买家查看后与总工程师达成一致(进一步发送相同的链接)并下了订单。决策链是三个人、一个 URL、一张表。无需注册,无需cookies,无需通过电话重复特征——一个干净的URL,其参数对每个人都适用。

我有时会从其他营销人员那里听到,所有这些功能 - 比较、愿望清单、类似 - 都是“最好有”而不是“必须有”。首先,您需要设置广告、搜索引擎优化、销售渠道、客户关系管理,然后才考虑用户体验改进。我强烈不同意这一点,原因如下。 Direct 中的广告为网站带来了流量。 SEO 为网站带来了有机流量。但如果网站没有提供明智、舒适选择的工具,流量就会像水通过筛子一样流失。您需要为广告的每次点击、搜索结果中的每个位置付费,而买家会因为无法正确比较两个相似的产品并选择正确的产品而离开。或者一周后他就忘记了你的商店,因为没有愿望清单,也没有通知可以让他回来。或者他在谷歌上搜索进口石油的类似物,最终找到了竞争对手,因为你没有类似物的页面,但你的竞争对手有。

COS WP Woo 通过一个插件、一次安装、一份许可证满足所有三种需求。比较模块具有 AJAX 添加、动态属性、PDF 导出、可共享 URL 以及与 YITH Compare 的完全向后兼容性。愿望清单模块具有多个列表、三级隐私、通过唯一链接共享、自动合并访客数据、拖放排序和最流行产品的分析。品牌类比模块,自动扫描 WordPress 页面树、三阶段产品匹配算法、按类别进行属性映射以及带有轮播和选项卡的 SEO 优化短代码。最重要的是,有关降价和库存退货的自动电子邮件通知,无需经理参与,无需外部服务,也无需每月向电子邮件平台付款,即可将延期需求转化为实际销售。

如果您当前正在使用 YITH Wishlist 和 YITH Compare,迁移将需要五分钟。停用 YITH,激活 COS WP Woo,单击导入设置按钮 - 大功告成。短代码兼容,cookie 兼容,不会丢失数据。如果您根本不使用比较、愿望清单或模拟页面,那么是时候开始了,因为每天如果没有这些工具,就意味着订单丢失、平均检查率降低以及竞争对手采用的模拟查询的 SEO 流量丢失。如果您需要设置、创建模拟页面树或目录属性的非标准映射方面的帮助,请写信给我们。我们开发了这个插件,我们知道它的最后一行代码,并且我们有兴趣让它在您的网站上像在我们自己的项目上一样有效地工作。尝试 COS WP Woo - 让您的平均账单最终开始按您应得的方式增长。