¿Quiere evitar que la página se actualice al enviar un formulario? Por defecto, toda la página debe actualizarse después de que el usuario haga clic en el botón Enviar. Esto es típicamente lo que permite que los datos de entrada sean almacenados, los correos electrónicos de notificación sean enviados, y más. Sin embargo, con los 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.
Activar el envío de formularios AJAX
Antes de empezar, primero tendrá que asegurarse de que WPForms está instalado y activado en su sitio de WordPress y que ha verificado su licencia. A continuación, puede crear un nuevo formulario o editar uno existente para acceder al constructor de formularios.
Una vez abierto el generador de formularios, ve a Configuración " General. A continuación, desplácese hasta la sección Avanzado y verá una lista de opciones. Selecciona la opción Habilitar envío de formularios AJAX.
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 incrusta su formulario en un modal o popup.
Probar el formulario
A continuación, asegúrese de probar su formulario. Puedes previsualizarlo o incrustarlo en una página. A continuación, intenta enviar el formulario para asegurarte de que se ve y funciona como te gustaría.
Nota: Si no desea que el campo de visión se mueva en absoluto cuando se envíe el formulario, intente desactivar el desplazamiento de confirmación. Puede hacerlo en el generador de formularios yendo a Configuración " Confirmación y desactivando la opción Desplazarse automáticamente hasta el mensaje de confirmación.
Preguntas frecuentes
A continuación, hemos respondido a algunas de las preguntas más frecuentes que recibimos sobre la activación de los envíos de formularios AJAX.
¿Puedo abrir un nuevo enlace en una pestaña cuando se envía un formulario con AJAX activado?
Sí, con los envíos AJAX, puede configurar sus formularios para abrir un nuevo enlace en una pestaña separada mientras 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.
Nota: Tenga en cuenta que esto requiere una funcionalidad avanzada, como la adición de código a su sitio, y por lo tanto se recomienda para los desarrolladores.
Ya está. Ahora puede permitir a los usuarios enviar formularios sin problemas con los envíos de formularios AJAX.
A continuación, ¿quieres aprender a crear formularios inteligentes? Asegúrate de consultar nuestro tutorial sobre lógica condicional para conocer todos los detalles sobre cómo tus formularios pueden responder de forma personalizada en función de las selecciones del usuario.