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

时间:2016-02-09 01:41:25

标签: shopify

我们创建的代码只显示"仅限租借"当用户登陆某个产品时,可以链接到租赁/联系表格。但是,我们需要一种传递隐藏字段的方法,该字段将告诉我们用户来自哪个产品。我们怎么能这样做?

1 个答案:

答案 0 :(得分:0)

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

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。

有关local storage/browser

用法的更多详情