联系表格7 - 在电子邮件发送上添加自定义功能

Question

只是玩弄Wordpress / Contact Form 7.

是否可以在成功的电子邮件发送活动中添加自定义javascript功能？

Answer 1

在联系表单配置页面底部的其他设置中写下此内容:

on_sent_ok: "some js code here"

更新:您可以使用它来调用这样的函数:

on_sent_ok: "your_function();"

或者写一些代码(这一个重定向到感谢页面):

on_sent_ok: "document.location='/thank-you-page/';"

Answer 2

联系表单7会发出大量Javascript事件,这些事件会冒泡到文档对象.在4.1版中,可以在contact-form-7/includes/js/scripts.js中找到它们.如果你正在使用jQuery,你可以访问这样的事件:

$(document).on('spam.wpcf7', function () {
    console.log('submit.wpcf7 was triggered!');
});

$(document).on('invalid.wpcf7', function () {
    console.log('invalid.wpcf7 was triggered!');
});

$(document).on('mailsent.wpcf7', function () {
    console.log('mailsent.wpcf7 was triggered!');
});


$(document).on('mailfailed.wpcf7', function () {
    console.log('mailfailed.wpcf7 was triggered!');
});