我在 wix 页面中嵌入了一个 infusionsoft 表单。Wix 会自动将其放入 iframe。这是一个登陆页面。
如果我直接访问表单,通过在 chrome 的 url 字段中输入其 url,它可以完美运行,这意味着 1)名称和电子邮件地址被传输到 infusionsoft 和 2)页面进入感谢页面。
如果我通过 wix 页面访问表单,当我单击提交按钮时,表单就会消失,并且页面保持不变。
对于 iframe ,wix 块(根据他们的帮助页面)浏览器 API、、、、、其他插件和自动触发器,如播放视频<embed>
。它允许 allow-same-origin(重新启用第三方站点脚本/内容)、allow-forms(重新启用表单提交)、allow-popups(重新启用弹出窗口)、allow-scripts(重新启用自定义 Javascript )、allow-pointer-lock(重新启用抓取光标)和 allow-top-navigation(重新启用更改父框架 window.location)。我将所有这些都添加到 iframe 标记中,但它仍然不起作用。<object>
<applet>
我以为目标页面可能是通过框架显示的,它看起来只是空白,但事实并非如此,因为感谢页面有图片背景。
我唯一能想到的另一件事是,因为我在 iframe 标记中拥有所有属性,所以它不起作用,因为它们在某种程度上相互冲突。所以我系统地尝试了各种组合,但如果真的有冲突,这个策略可能不会有效。
看来我肯定需要属性 allow-same-origin、allow-forms 和 allow-top-navigation,但我不确定。
有任何想法吗?----我没主意了。
这是使用它的 url 直接访问的表单。通过转到感谢页面,这按预期的方式工作。如果您对其进行测试,不用担心,该网站还没有上线。使用名称“test”和电子邮件 test@test.com: https://[id].infusionsoft.com/app/form/web-form-submitted1
这是 wix 登录页面: https://[id].wixsite.com/squeeze
这是我在代码字段中输入的 HTML,用于在 wix 页面的 iframe 中嵌入内容:
<html>
<body>
<iframe src="https://[id].infusionsoft.com/app/form/web-form-submitted1"
height="175" target="https://[id].wixsite.com/squeeze/thank-you"
sandbox="allow-forms allow-same-origin allow-top-navigation allow-popups
allow-scripts allow-pointer-lock" scrolling="no" style="overflow:hidden"
frameborder="0">
</iframe>
</body>
</html>