Contact form 7 shortcode appear outside form tag

It’s because your shortcode echoes the output than returning it — shortcodes should not echo the output, but return it — unless in certain cases like complex HTML markup in the output, where you need to use output buffering. So your code should look like: function cf7_shortcode() { return ‘<span>test shortcode</span>’; } add_shortcode( ‘cf7_shortcode’, ‘cf7_shortcode’ … Read more

Contact form 7 Hide response messages after 5 seconds

you can use below code to hide message // Contact Form 7 submit event fire document.addEventListener(‘wpcf7submit’, function(event) { setTimeout(function() { jQuery(‘form.wpcf7-form’).removeClass(‘sent’); jQuery(‘form.wpcf7-form’).removeClass(‘failed’); jQuery(‘form.wpcf7-form’).addClass(‘init’); }, 1000); }, false);