我如何创建一个 Shopify 联系表单来知道用户来自哪个产品页面？

Question

我们创建了代码以在用户登陆某个产品时将 "rental only" 和 link 显示到 rental/contact 表单。然而，我们需要一种方法来传递一个隐藏字段，告诉我们用户来自哪个产品。我们该怎么做？

Answer 1

您可以使用浏览器缓存来保存 page/last 访问过的页面。当有人点击 link 联系表

时触发以下代码

localStorage.setItem('last_visited_page','<product_name/page_name>')

然后按照此页面上的说明进行操作 - Add Fields to the Liquid Contact Form

添加一个新字段，使用 css 隐藏它：display:none 并给它一个 id="something"。

在页面加载时使用 JS 从浏览器缓存中填充该字段：

$(document).on("ready",function(){
  var last_page = localStorage.getItem('last_visited_page')
  $('#something').val(last_page)
}

如果他们没有访问所需的页面就直接与您联系，它将是空白的。由于 localStorage 是永久性 cookie，即使用户关闭浏览器，它也会保留在那里（除非他清除本地缓存和 cookie。

用法的更多详细信息

How can I create a Shopify contact form that will know which product page a user came from?