如何在HubSpot表单感谢消息中添加延迟跳转脚本
HubSpot表单提交后延迟跳转解决方案
- 失效原因说明:HubSpot表单的感谢消息富文本编辑器默认开启安全过滤,会自动转义所有
<script>标签为普通文本,因此直接在富文本中插入脚本无法生效。你之前尝试的官方hbspt.forms.create代码是用于主动渲染全新表单的场景,无法关联页面上已经存在的嵌入表单,因此回调事件不会触发。 - 正确实现方案:
不需要修改表单本身的感谢消息配置,直接将以下代码添加到页面的页脚自定义HTML区域即可(如果是HubSpot CMS后台,可放在对应页面的「设置>高级>页脚HTML」输入框中;如果是外部站点嵌入表单,放在页面</body>标签前即可):window.addEventListener('message', function(event) { // 校验为HubSpot表单提交成功事件 if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') { // 15000为延迟毫秒数可按需修改,下方地址替换为你的目标跳转链接 setTimeout(() => { window.location.href = '替换为你的跳转目标URL'; }, 15000); } }); - 验证方式:提交表单后等待对应时长即可看到跳转效果,不需要额外引入其他JS文件。
内容的提问来源于stack exchange,提问作者baxi
相关产品推荐
相关产品推荐

