On Sent Ok DOM Events for Multiple Contact Forms
-
Hello Guys,
I am using Contact Form 7 Plugins with multiple contact forms in my website. Recently i have seen something in plugin like Depricated Settings are using in additional settings. So I reached the following link, https://contactform7.com/2017/06/07/on-sent-ok-is-deprecated/
But I saw example code for replacing on_sent_ok with DOM Events. But however that is only for one form. What if I have to set rules for all forms that send users to a confirmation URL? How do I configure this? Do I add more lines beginning with “if” to accommodate all the forms?
Please provide a clean solution for the same. OR Does this plugin helps me to fix the issue? Please help me out.
eg:
add_action( ‘wp_footer’, ‘mycustom_wp_footer’ );
function mycustom_wp_footer() {
?>
<script type=”text/javascript”>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
if ( ‘123’ == event.detail.contactFormId ) {
location.replace(‘/contact-confirmation’);
}
}, false );
</script>
<?php
}Thanks
-
@deepesh316 What I mean is that you simply need to toggle these two checkboxes for the events to trigger automatically using the correct version of hooks in the version of CF7 you have installed:
Thanks for the info. Very much appreciated.
1) How can I verify that it’s working before deploying the same in Live server. I meant, is there any google chrome extension or something like that inorder to verify the contact form submission?
2) Why there is two checkbox option provided for Google Analytics Tracking?
I am having Test servers, so I need to verify the same from the test server. If yes please let me know, how we can test the form submission.
Thanks
DeepeshYou’re right — the settings have changed recently and there is only one checkbox which will trigger different events based on various types of form submissions:
Trigger Google Analytics and/or Matomo (formerly Piwik) events on form submissions. This will tigger the tracking code that has been set up on the site. Track form submissions as events with category “Contact Form”, actions “Sent”, “Error” or “Submit” and label “Form Name”.
Here is a demo form that triggers the GA events:
Do you have any idea? Please help me. All I need to do is Just Install the plugin, remove the code from Contact form additional Settings and submitted the form.
FORM: https://bobcares.com/contact-us/Thanks
Deepesh@deepesh316 It is not possible to change the action names and labels.
- The topic ‘On Sent Ok DOM Events for Multiple Contact Forms’ is closed to new replies.
