Elementor Popup doesnt run with Contact Form 7

https://www.easywayb.com/app/uploads/2023/12/Elementor-Popup-doesnt-run-with-Contact-Form-7.jpg

When you click Submit button (CF7) even if the form has errors in its fields, this ajax errors arent notified.. popup is closed automatically and you are redirected to https://www.easywayb.com/#wpcf7-f297-o1, the popup should not be closed automatically , you should be closed clicking to close or after a number of seconds that you define how it happens in other plugins as “popup maker”, but always when the submit is successful

Enquiry For Your Project

Solution here :


jQuery( document ).on( 'elementor/popup/show', ( event, id, instance ) => {
jQuery( '.elementor-popup-modal form.wpcf7-form' ).each( ( index, formElement ) => {
// store from i
$cf7From = jQuery( formElement );
// re-init for cf7 form.
wpcf7.init( $cf7From[0] );
// add class to avoid running again
$cf7From.addClass( 'elementor' );
} );
} );

Enquiry For Your Project