我的登录页面上有一个Webflow表单,用于收集姓名,电子邮件和电话号码。该表单重定向到我的网站上另一个包含全屏TypeForm嵌入的页面。
我正在尝试使用GET方法将名称,电子邮件和电话传递给Typeform隐藏字段。
我真的不在我的元素......我不知道我在做什么。我已经阅读了很多Stackoverflow线程和博客文章。
我接近了吗?这是我在HTML嵌入中的代码。
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>LBWR Qualification Form</title>
<style type="text/css">
html{ margin: 0; height: 100%; overflow: hidden; }
iframe{ position: absolute; left:0; right:0; bottom:0; top:0; border:0; }
</style>
</head>
<body>
<script type="text/javascript">
var loc = window.location.toString(),
params = loc.split('?')[1],
iframe = document.getElementById('typeform-full');
iframe.src = iframe.src + '?' + params;
</script>
<iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://zacharypinnell.typeform.com/to/k5BPk6">
</iframe>
<script type="text/javascript" src="https://embed.typeform.com/embed.js">
</script>
</body>
</html>
我意识到使用GET可能不合规 - 它可能无法保证我的潜在客户的信息安全。如果您感觉很亲切,请随意在另一条更安全的路线上重定向。
非常感谢你提前。
编辑:解决了。
这看起来像一个类似的问题here。
您可以使用Typeform Embed SDK来更好地控制您的嵌入。
并使用javascript从当前页面检索查询参数
let params = new URLSearchParams(location.search);
然后将这些参数传递给typeform。
var url = "https://YOUR_SUBDOMAIN.typeform.com/to/YOUR_TYPEFORM_ID"
url += `?name=${params.get('name')}&email=${params.get('email')`;
但为什么不在第一种形式上使用字形呢?