Contact Form 7 es compatible con envíos AJAX. Por lo tanto, un formulario de contacto configurado correctamente en Contact Form 7 funciona exactamente como el siguiente formulario de demostración. Intenta introducir cualquier texto en los campos y envíalo.

¿Qué tal estuvo? ¿Funcionó como el formulario de contacto de tu sitio? Algunos de ustedes se sorprenderán al notar las diferencias entre su formulario y este formulario de demostración y pensar: «Mi formulario siempre vuelve a cargar la página después de hacer el envío, pero este formulario no lo hace».

Si tu formulario no funciona como lo hace este formulario de demostración, es probable que el JavaScript de Contact Form 7 no funcione en tu sitio. Te mostraré algunas posibles causas de esto.

El archivo JavaScript no está cargado

Esta es la causa más común que he estado viendo recientemente. Esto se debe a la plantilla de tu tema, a la que le faltan funciones de llamada para poner en cola JavaScript. Las funciones necesarias son wp_head() y wp_footer(), y están en header.php y footer.php, respectivamente, en la mayoría de los temas que funcionan correctamente.

Conflictos con otro código JavaScript

Muchos plugins y temas cargan su propio JavaScript. Algunos de ellos pueden haberse creado incorrectamente y, por lo tanto, entran en conflicto con otros plugins. En la mayoría de los casos, es posible que puedas encontrar errores de JavaScript con la consola de secuencias de comandos de tu navegador cuando se produzcan dichos conflictos.

La estructura HTML no es válida

Al igual que otros códigos de JavaScript, el JavaScript de Contact Form 7 recorre y manipula la estructura de HTML. Por lo tanto, si la estructura HTML original no es válida, no funcionará. Puedes comprobar si tu HTML es válido, o no, con un validador de HTML. Recomiendo el uso del servicio de validación de marcado de W3C en tal caso.