WooCommerce心愿单插件?

juming
juming 初级会员超兽战士
发布于 2026-10-08 18:47 ·1 浏览 ·0 回复

给 WooCommerce 商店加一个心愿单功能,让顾客能把想买的商品先收藏起来、回头再下单——这篇文章会带你把插件从安装配到能用,全程照着点就行。

第一步:确认你的环境能跑起来

这一步要确认 WordPress 和 WooCommerce 都装好了,否则插件装上也是白装。

后台左侧菜单「插件 → 已安装的插件」里能看到 WooCommerce 处于「启用」状态就说明没问题。WordPress 建议 6.0 以上,WooCommerce 建议 8.0 以上。进「WooCommerce → 设置 → 高级 → REST API」能正常打开页面,说明基础环境正常。

注意:如果你用的是 WordPress.com 的免费套餐,没法安装第三方插件,这个方案用不了,需要自托管的 WordPress(阿里云、腾讯云、SiteGround 等买的服务器都行)。

第二步:安装心愿单插件

这一步装插件。目前用得最多的是 YITH WooCommerce Wishlist 的免费版,够个人站点和小店用。

后台左侧菜单点「插件 → 安装插件」,在右上角搜索框里输入 YITH WooCommerce Wishlist,找到作者是 YITH 的那个,点「现在安装」,装完按钮变成「启用」,点它。左侧菜单会多出一个叫「YITH」的项,说明装成功了。

另一个可选方案是 TI WooCommerce Wishlist,功能相近、免费版限制更少,搜索 TI WooCommerce Wishlist 安装即可。注意两个不要同时启用,会冲突。

注意:只从「安装插件」的搜索结果里装,别去第三方网站下载 zip 上传,插件夹带后门的情况很常见。

第三步:配置心愿单的显示方式

这一步决定心愿单按钮出现在哪里、长什么样。

后台左侧菜单点「YITH → Wishlist」,进去后主要看两块:

  • General settings(常规设置):找到「Wishlist page」下拉框,如果还没有页面,点旁边的「Create page」按钮,插件会自动建一个叫 Wishlist 的页面并填好短代码。再到「Show "Add to wishlist" in product page」勾上,商品详情页才会出现按钮。
  • Style settings(样式设置):这里能改按钮文字(默认是 Add to wishlist,可以改成「加入心愿单」)、图标样式、按钮在产品列表页的对齐位置。

改完点页面底部的「Save changes」保存。

注意:如果你的网站装了中文语言包,插件菜单可能显示中文,但选项名大多还是英文,按关键词找就行。

第四步:把心愿单页面挂到导航菜单

这一步让顾客点导航栏就能看到自己的收藏。

后台点「外观 → 菜单」,选择你要编辑的菜单(通常是 Primary Menu 或「主导航」),在左侧「页面」模块里勾上上一步生成的 Wishlist 页面,点「添加到菜单」,把它拖到合适的位置,最后点右下角「保存菜单」。

打开前台网站,导航栏上应该能看到这个入口。点进商品页,找到「Add to wishlist」按钮点一下,再回心愿单页面,商品应该出现在列表里。

第五步:验证三种常见场景

这一步排除掉最常见的「装了没反应」。

  1. 商品列表页:打开商店页,每个商品下方应该有一个心形图标或文字按钮。如果没有,进「YITH → Wishlist → General settings」,确认「Show "Add to wishlist" in loop」这类选项是打开的。
  2. 游客能不能收藏:默认情况下未登录用户也能用心愿单,数据存在浏览器 Cookie 里,换设备就没了。要强制登录,把设置里的「Require login」打开。想做「游客收藏 → 邮件提醒」这类功能,得买 YITH 的付费版(Premium)。
  3. 按钮点了没反应:八成是缓存或 AJAX 冲突。先把缓存插件(WP Rocket、LiteSpeed Cache 等)停掉,在它的设置里把 WooCommerce 的 cookie 和心愿单相关 URL 加入「不缓存」列表,再清一次缓存测试。

注意:如果你的主题是自己写的或者是极简主题,商品列表页可能没调用 woocommerce_after_shop_loop_item 这个钩子,按钮就不会显示。这种情况需要在子主题的 functions.php 里补上 do_action('woocommerce_after_shop_loop_item'),改动前先备份。

小结

  • 插件选 YITH WooCommerce Wishlist 免费版或 TI WooCommerce Wishlist,两者不要同时启用。
  • 安装路径:后台「插件 → 安装插件」搜索名称,装完在「YITH → Wishlist」里配置。
  • 必须做两件事:在设置里生成 Wishlist 页面、在「外观 → 菜单」里挂上导航入口。
  • 游客心愿单靠 Cookie,换设备会丢失;要跨设备同步得升级付费版。
  • 按钮不显示优先查缓存插件和主题钩子这两处。
版权声明:本文来自 GJ站长论坛《WooCommerce心愿单插件?》
原文链接:https://www.gj0.com/thread-1108.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。

全部回复 0

还没有回复,来抢沙发~