将 target="_parent" 添加到 WordPress 联系表 7 上的 <form> 标签？

Question

我正在创建一个将被 iframed 到另一个网站的表单。我希望在提交时在父页面上重定向到 'thank you' 页面。

有什么方法可以将 target="_parent" 属性添加到 Contact Form 7 中的表单标签？

谢谢，史蒂夫

Answer 1

如果您使用的是 AJAX 版本（默认）的 Contact Form 7，那么您可以订阅完成时触发的 wpcf7mailsent 自定义事件，然后设置 URL top 框架。例如：

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    window.top.location = 'http://example.com/thank-you/';
    // Or if the parent window is not the top window, you can use
    // window.parent.location = 'http://example.com/thank-you/';
}, false );
</script>

官方文档：https://contactform7.com/redirecting-to-another-url-after-submissions/

编辑： 您可以根据存储在 event 参数对象中的值在回调中做出其他决定。例如，只在特定形式的情况下进行重定向：

document.addEventListener( 'wpcf7mailsent', function( event ) {
    if (event.detail.contactFormId == 12) {
        window.top.location = 'http://example.com/thank-you/';
    }
}, false );

来源：https://contactform7.com/dom-events/

将 target="_parent" 添加到 WordPress 联系表 7 上的 <form> 标签？

Add target=" _parent" to <form> tag on WordPress Contact form 7?

php

forms

wordpress

iframe

contact