程序员的知识教程库

网站首页 > 教程分享 正文

Wordpress网站如何实现提交表单后跳转到新页面

henian88 2024-08-17 16:03:23 教程分享 4 ℃ 0 评论

网站联系表单提交后如何实现自动跳转到新页面?

首先这样做的好处有:

①提示客户已经提交询盘了。②方便通过谷歌分析等工具统计询盘转化

表单插件:Contact Form 7 是一款非常流行的表单插件,功能非常强大。但是由于on_sent_ok命令已经不再支持,很多同学就不会设置跳转到新页面了。这里介绍下一种实现方法:

直接在contact fom 7 表单编辑中添加JS命令,案例如下:

<script>document.addEventListener( 'wpcf7mailsent', function( event ) {location = 'https://baidu.com/thank-you/';}, false );</script>

把这个命令中的网址换成你自定义的新网页地址就可以了。如下图,直接放在表单编辑框最后就可以实现了。这样就可以避免再使用别的插件。非常简单,赶紧保存吧!

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表