在 YITH Wishlist 页面获取真实 Wishlist Link,并自动带入询盘表单(实战教程)

如果你使用的是 YITH WooCommerce Wishlist 插件,你一定遇到过这种情况:

  • 客户收藏了一些产品

  • 客户想把 wishlist 发给你报价

  • 但他只发了这个链接:

👉 https://yourdomain.com/wishlist/

这个链接只是 Wishlist 的入口页,并不能直接追踪到客户收藏了哪些产品。

而真正可追踪的 Wishlist 分享链接通常是这种格式:

https://yourdomain.com/wishlist/view/8S2JHCVY28P9/

它包含唯一的 token(例如 8S2JHCVY28P9),你拿到这个链接就可以精准定位客户的收藏清单,帮助你:

  • 快速跟进客户意向产品

  • 做报价或推荐替代型号

  • 提升询盘转化率和效率

这篇文章将分享一个非常简单且有效的做法:

在 Wishlist 页面自动提取真实的 /wishlist/view/xxx/ 链接

并写入 Contact Form 的隐藏字段,让表单提交时自动带上 Wishlist Link


为什么客户发 /wishlist/ 你无法追踪?

原因很简单:

/wishlist/ 是一个固定入口页面,几乎所有用户打开都是这个 URL。

它不会携带 "wishlist token",你无法从链接本身反推出客户收藏了什么。

但 YITH Wishlist 内部其实已经生成了真实的列表链接,只是用户不一定会复制到正确的分享链接。


关键思路:从 <form action=""> 获取真实 Wishlist 地址

在 YITH Wishlist 页面源代码中,你会发现这样一个表单:

复制代码
<form
  id="yith-wcwl-form"
  action="https://porto.zmrw.net/wishlist/view/8S2JHCVY28P9/"
  method="post"
  class="woocommerce yith-wcwl-form wishlist-fragment"
>

这里的 action 属性实际上就是 当前 Wishlist 的真实访问链接

https://porto.zmrw.net/wishlist/view/8S2JHCVY28P9/

这正是我们要拿到的"可追踪链接"。


这样客户不需要复制任何链接------

只要在 Wishlist 页面提交询盘表单,你就能在后台/邮件里看到:

✅ 客户真实 Wishlist 链接

✅ 方便你直接打开他收藏的清单进行跟进



Step 1:在 Contact Form 添加隐藏字段

你已经做得很对 ✅

在 Contact Form 里加入:

复制代码
<input type="hidden" name="wishlist_link" value="">

如果你用的是 Contact Form 7 也可以写成:

复制代码
[hidden wishlist_link id:wishlist_link]

Step 2:在 Wishlist 页面底部插入 JS,自动读取 form action

把下面 JS 放到 Wishlist 页面底部(或全站 footer,但只在 wishlist 页面生效也可以):

复制代码
// 获取 form 元素
var form = document.getElementById("yith-wcwl-form");

// 获取 action 值(真实 wishlist 链接)
var action = form.getAttribute("action");

// 给隐藏字段赋值
document.getElementsByName("wishlist_link")[0].value = action;

完成后,当用户在 wishlist 页面提交表单时,隐藏字段就会自动携带:

https://porto.zmrw.net/wishlist/view/8S2JHCVY28P9/


你需要在邮件通知中添加这一行,比如:

复制代码
Wishlist Link: [wishlist_link]

这样你每次收到询盘邮件,都会看到客户真实收藏链接。


建议升级:防止报错的更安全写法(推荐)

为了避免某些情况下页面没有 yith-wcwl-form 或表单字段不存在导致 JS 报错,建议你用更稳的版本:

复制代码
document.addEventListener("DOMContentLoaded", function () {
  var form = document.getElementById("yith-wcwl-form");
  var input = document.getElementsByName("wishlist_link")[0];

  if (form && input) {
    var action = form.getAttribute("action");
    if (action) input.value = action;
  }
});

✅ 更安全

✅ 更适合放在全站 footer

✅ 不会影响其他页面


额外技巧:同时把 wishlist token 也提取出来(可选)

如果你想在后台进一步做统计,比如只记录 token:

复制代码
document.addEventListener("DOMContentLoaded", function () {
  var form = document.getElementById("yith-wcwl-form");
  var input = document.getElementsByName("wishlist_link")[0];

  if (!form || !input) return;

  var action = form.getAttribute("action");
  input.value = action;

  // 提取 token(如 8S2JHCVY28P9)
  var match = action.match(/\/wishlist\/view\/([^\/]+)\//);
  if (match && match[1]) {
    console.log("Wishlist Token:", match[1]);
  }
});

常见问题 FAQ

1)客户未登录也能获取吗?

✅ 能获取,但取决于你是否允许游客创建 Wishlist。

如果允许游客 wishlist,这种 link 通常仍存在,但 token 可能与 cookie 绑定。


2)为什么不直接用 window.location.href

因为用户可能访问的是:

  • /wishlist/(入口页)

  • 但真实列表是 /wishlist/view/token/

你的目的不是拿当前页面地址,而是拿到 真正可追踪的列表地址

最准确的来源就是 #yith-wcwl-formaction


3)这个方法适用于 Elementor / WPForms 吗?

✅ 适用

因为核心是:

  • 表单有一个隐藏字段 wishlist_link

  • JS 自动赋值

    无论你用什么表单插件都可以实现


总结:让 Wishlist 成为真正可追踪的"询盘转化工具"

通过本文的方法,你可以实现:

✅ 自动获取 YITH Wishlist 的真实分享链接 /wishlist/view/xxx/

✅ 自动填入询盘表单隐藏字段

✅ 销售/客服收到邮件即可直接打开客户收藏清单

✅ 显著提升报价效率与转化率


复制即可用(最终代码)

✅ Contact Form 隐藏字段

复制代码
<input type="hidden" name="wishlist_link" value="">

✅ Wishlist 页面 JS

复制代码
document.addEventListener("DOMContentLoaded", function () {
  var form = document.getElementById("yith-wcwl-form");
  var input = document.getElementsByName("wishlist_link")[0];

  if (form && input) {
    var action = form.getAttribute("action");
    if (action) input.value = action;
  }
});
相关推荐
tommyjiatong6 天前
解决 WordPress 必须带 index.php 才能访问及无法提交站点地图(Sitemap)的底层原理与方案
php·网站搭建·wordpress
Web极客码11 天前
如何在WordPress中通知用户他们的评论已获批准?
服务器·wordpress·评论
钟智强17 天前
我警告了 329 天
git·php·wordpress·webshell
JokySue17 天前
外名网深度评测:ICANN认证域名注册商,600多种域名后缀一站搞定
云计算·wordpress·云服务器·域名注册·无代码建站
fobwebs17 天前
网站多国语言URLs被谷歌收录后,如果这些URLs移除了,如何正确处理?
seo·wordpress·多语言·小语种
豆豆18 天前
CMS 网站管理系统是什么?2026企业建站选哪个系统高效又省心
wordpress·建站系统·cms建站·网站管理系统·企业建站·建站工具·政务建站
jump_jump22 天前
EmDash:如果今天重写一遍 WordPress
cms·全栈·wordpress
豆豆1 个月前
什么是CMS系统_网站内容管理系统功能、分类与搭建方法详解
cms·wordpress·内容管理系统·网站管理系统·saas 建站·网站后台管理·网站建站
豆豆1 个月前
2026年如何选择适合自己的网站管理系统?
数据库·cms·wordpress·建站系统·网站管理系统·建站软件·织梦
Web极客码1 个月前
使用FeedBurner优化WordPress订阅体验
服务器·wordpress·feedburner