### [Habilitar envíos de formularios Ajax](https://wpforms.com/docs/how-to-enable-ajax-form-submissions/)

**Publicado:** 23 de noviembre de 2023.
**Autor:** Umair Majeed.

**Resumen:** Aprenda a evitar que la página se actualice cuando los visitantes envíen su formulario.

**Contenido:**

¿Le gustaría evitar que la página se actualice cuando envía un formulario? De forma predeterminada, toda la página debe actualizarse después de que el usuario haga clic en el botón Enviar. Esto es lo que normalmente permite almacenar los datos introducidos, enviar correos electrónicos de notificación y mucho más. Sin embargo, con los envíos de formularios AJAX, el formulario puede enviarse y ejecutar todos estos procesos sin necesidad de actualizar toda la página.

Este tutorial le mostrará cómo habilitar los envíos AJAX para sus formularios.

![Descripción general de la habilitación del envío de formularios AJAX](https://wpforms.com/wp-content/uploads/2023/05/ajax-submission-overview.gif «Descripción general de la habilitación del envío de formularios AJAX»)

---

### Habilitación de los envíos de formularios AJAX

Antes de empezar, primero debe asegurarse de que WPForms está [instalado y activado](https://wpforms.com/docs/install-wpforms-plugin/ «Cómo instalar el plugin WPForms») en su sitio de WordPress y de que ha [verificado su licencia](https://wpforms.com/docs/verify-wpforms-license/ «Cómo verificar su licencia de WPForms»). A continuación, puede [crear un nuevo formulario](https://wpforms.com/docs/creating-first-form/ «Cómo crear su primer formulario») o editar uno existente para acceder al generador de formularios.

Una vez abierto el generador de formularios, vaya a **Configuración » General**. A continuación, desplácese hasta la sección **Avanzado** y verá una lista de opciones. Seleccione la opción **Habilitar envío de formularios AJAX**.

![Habilitar el envío de formularios AJAX](https://wpforms.com/wp-content/uploads/2021/10/enable-ajax-form-submission.png)

Cuando esté listo, haga clic en el botón **Guardar** para guardar los cambios.

**Nota:** Habilitar el envío de formularios AJAX es una opción útil cuando [ se incrusta el formulario en una ventana modal o emergente](https://wpforms.com/how-to-create-a-contact-form-popup-in-wordpress/ «Cómo crear fácilmente un formulario emergente en WordPress (paso a paso)»).

### Prueba tu formulario

A continuación, asegúrate de probar tu formulario. Puedes [previsualizar tu formulario](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/#preview «Cómo probar correctamente tus formularios de WordPress antes de lanzarlos [lista de verificación]: Vista previa de tu formulario») o [incrustarlo en una página](https://wpforms.com/docs/creating-first-form/#display-form «Cómo probar correctamente tus formularios de WordPress antes de lanzarlos [lista de verificación]: Mostrar formularios en tu sitio»). A continuación, prueba a enviar tu formulario para asegurarte de que se ve y funciona como deseas.

![Envío de prueba del formulario](https://wpforms.com/wp-content/uploads/2021/10/form-test-submission.gif)

**Nota:** Si no quieres que el campo de visión se mueva en absoluto cuando se envía el formulario, prueba a desactivar el desplazamiento de confirmación. Puedes hacerlo en el creador de formularios yendo a **Configuración » Confirmación** y desactivando la opción **Desplazarse automáticamente al mensaje de confirmación**.

### Preguntas frecuentes

A continuación, respondemos a algunas de las preguntas más comunes que recibimos sobre la habilitación del envío de formularios AJAX.

##### ¿Puedo abrir un nuevo enlace en una pestaña cuando se envía un formulario con AJAX habilitado?

Sí, con los envíos AJAX, puede configurar sus formularios para que abran un nuevo enlace en una pestaña separada mientras se muestra el mensaje de confirmación en la página actual. Para saber cómo configurar esto en WPForms, consulte nuestra [documentación para desarrolladores](https://wpforms.com/developers/how-to-open-a-new-link-on-form-submission/).

**Nota:** Ten en cuenta que esto requiere funciones avanzadas, como añadir código a tu sitio web, por lo que se recomienda para desarrolladores.

¡Eso es todo! Ahora puedes permitir a los usuarios enviar formularios sin problemas con los envíos de formularios AJAX.

A continuación, ¿te gustaría aprender a crear formularios inteligentes? No se pierda nuestro tutorial sobre [lógica condicional](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/ «Cómo utilizar la lógica condicional con WPForms») para obtener todos los detalles sobre cómo sus formularios pueden responder de forma personalizada en función de las selecciones de los usuarios.

**Categorías:** Funcionalidad, Creación de formularios.

---