¿Cómo enviar el formulario de contacto 7 sin actualizar la página en wordpress?

Preguntas WordPress
⏰ 2 minutos de lectura

avatar de usuario
Bmáx

Hola, soy bastante nuevo en el formulario de contacto 7. He visto en los tutoriales de Youtube que el formulario de contacto 7 se envía sin actualizar la página. Pero cuando instalo el complemento, funciona con una actualización de página.

Indique cómo habilitarlo para que funcione sin actualizar la página. Gracias.

  • Por favor, ponga el código aquí.

    – Sabin Chacko

    21 de febrero de 2017 a las 9:29

Encontré la falla, el problema era que no había incluido las funciones wp_head() y wp_footer() en mi tema.

Hay una página en el sitio contactform7 sobre esto:

https://contactform7.com/por-que-no-es-mi-ajax-contact-form-working-correctly/

ahi han mencionado los requisitos para que ajax funcione.

  • Había olvidado agregar wp_footer() en footer.php y ese era el problema. Gracias por tu respuesta.

    – Dusán

    5 de febrero de 2020 a las 21:40

Agregar wp_head() función en su archivo header.php y wp_footer() función en el archivo footer.php.

Eso esta solucionado 🙂

Mi problema se resolvió cambiando el jquery utilizado. Compruebe la versión que está utilizando.

<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous">
enter code here
</script>

  • Estaba usando la versión jQuery slim. Acabo de cambiar a la no delgada y funcionó. Gracias.

    – moreirapontocom

    30 de agosto de 2019 a las 14:28

avatar de usuario
Mentor de PHP

Recientemente he experimentado este problema. He abierto un formulario dentro de una ventana emergente y el envío lo actualizaría.

Entonces, después de tirarme mucho de los pelos, vi la fuente y noté que una parte del código del pie de página no estaba resaltada. ¿Por qué? resulta que fue mi tonto error. Olvidé cerrar uno iframe etiqueta. Una vez lo cerré. ver el código fuente se resaltó perfectamente y el problema se resolvió.

Después de verificar que una de las principales razones por las que la página se actualiza al enviar el formulario son:

  1. El archivo JavaScript no está cargado: si está utilizando temas descargados de la tienda, generalmente el problema está en los optimizadores de página como Lite Speed ​​Cache. De lo contrario, verifique que sus temas estén cargando el archivo Ajax correctamente.

Este fue mi caso, los archivos Js se cargaban con retraso, estaba usando un caché de página que aceleraba la página web pero no cargaba los archivos javascript correctamente.

  1. Conflictos con otro JavaScript

  2. La estructura HTML no es válida

¿Ha sido útil esta solución?