我如何创建Shopify联系人表单以了解用户来自哪个产品页面？

Question

我们创建了显示“仅出租”的代码，并在用户使用某种产品时显示了指向出租/联系方式的链接。 但是，我们需要一种传递隐藏字段的方法，该方法将告诉我们用户来自哪个产品。 我们该怎么做？

Answer 1

您可以使用浏览器缓存来保存页面/上次访问页面。 当有人单击联系表单的链接时触发以下代码

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

然后按照此页面上的说明进行操作- 将字段添加到液体联系表单

添加一个新字段，使用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。

有关使用本地存储/浏览器的更多详细信息