Creating An Ajax Contact Form In Wordpress

Cómo crear un formulario AJAX de WordPress (en 4 sencillos pasos)

¿Quieres crear un formulario de contacto AJAX en WordPress? Los formularios de contacto AJAX permiten a los usuarios enviar el formulario sin recargar una página. Esto le permite aumentar la participación de los usuarios al tiempo que les brinda una mejor experiencia de envío de formularios. Esto resulta útil cuando está ejecutando un sitio web de comercio electrónico y desea recopilar comentarios de los usuarios sin distraerlos. También puede usar la misma funcionalidad AJAX para otros formularios personalizados en su sitio web. Por ejemplo, un formulario de inicio de sesión de usuario personalizado permitirá a los usuarios iniciar sesión sin cargar páginas adicionales. En este artículo, le mostraremos cómo crear fácilmente un formulario de contacto de WordPress AJAX con instrucciones paso a paso.
Crea Un Formulario De Contacto Ajax En Wordpress

¿Qué es Ajax y por qué debería usarlo para sus formularios?

Contents

Ajax, abreviatura de JavaScript asincrónico y XML, es una técnica de programación de JavaScript que permite a los desarrolladores transferir datos sin recargar una página. Se utiliza con mayor frecuencia en formularios web, lo que permite a los usuarios enviar datos del formulario sin volver a cargar una página. Esto hace que el envío de formularios sea rápido y fácil, lo que mejora la experiencia general del usuario. Las aplicaciones web como Gmail y Facebook utilizan ampliamente esta técnica para mantener a los usuarios interesados ​​mientras hacen que todo funcione sin problemas en segundo plano. También puede utilizar Ajax para sus formularios de WordPress. Esto evitará que los usuarios vuelvan a cargar páginas innecesarias y los mantendrá interesados ​​en la página que están viendo actualmente. Dicho esto, veamos cómo crear fácilmente un formulario de contacto de WordPress Ajax en 4 sencillos pasos.

1. Instale el plugin WPForms

Lo primero que debe hacer es instalar y activar el plugin WPForms. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. WPForms es el mejor plugin de creación de formularios de WordPress del mercado. También le permite crear fácilmente formularios con tecnología Ajax. Tras la activación, debe visitar WPForms »Configuración para ingresar su clave de licencia.
Clave De Licencia De Wpforms
Después de ingresar la clave de licencia, podrá recibir actualizaciones automáticas e instalar plugins. Ahora está listo para crear impresionantes formularios ajax en WordPress.

2. Crea tu primer formulario

Vamos a crear tu primer formulario. Solo visita WPForms »Agregar nuevo página en el área de administración de WordPress. Se le pedirá que proporcione un título para su formulario y que seleccione una plantilla como punto de partida.
Elija Una Plantilla De Formulario
Para los propósitos de este tutorial, crearemos un formulario de contacto. Sin embargo, puede crear cualquier otro tipo de formulario que necesite. WPForms ahora cargará su formulario con campos básicos ya agregados. Puede apuntar y hacer clic en cualquier campo del formulario para editarlo.
Editar Campos De Formulario En Wpforms
También puede agregar cualquier campo de formulario nuevo de la columna de la izquierda con solo hacer clic en él. El nuevo campo aparecerá en la parte inferior de su formulario, justo encima del botón de enviar.
Haga Clic Para Agregar Un Nuevo Campo De Formulario
Puede arrastrar y soltar campos de formulario fácilmente para moverlos hacia arriba y hacia abajo en el formulario. Una vez que haya terminado de editar el formulario, puede continuar con el siguiente paso.

3. Active la función de envío de formularios Ajax

WPForms no habilita el envío de formularios Ajax de forma predeterminada. Deberá activarlo manualmente para su formulario. Simplemente vaya a la pestaña Configuración en el generador de formularios y marque la casilla junto a la opción « Habilitar el envío de formularios AJAX ».
Habilitar La Funcionalidad De Formulario Ajax
Marcar la casilla habilitará la funcionalidad Ajax para este formulario. Ahora configuremos lo que sucede después de que se envía el formulario. Comience cambiando a la pestaña «Confirmación» en la configuración. Aquí es donde les informa a sus usuarios que ha recibido el envío de su formulario.
Configuración De Confirmación
WPForms le permite hacer esto de varias formas. Por ejemplo, puede redirigir a los usuarios a una URL, mostrarles una página específica o simplemente mostrar un mensaje en la pantalla. Dado que habilitamos la función Ajax para el formulario, redirigir a los usuarios a otra página frustra el propósito de crear un formulario Ajax. Debe seleccionar la opción de mensaje y editar el mensaje de confirmación. Siéntase libre de usar la barra de herramientas de formato del editor o agregue uno o dos enlaces para decirles a los usuarios a dónde ir a continuación. Después de eso, puede configurar cómo desea que se le notifique cuando se envíe un formulario. Cambie a la pestaña Notificaciones en la configuración del formulario y configure los ajustes del correo electrónico de notificación.
Configuración De Correo Electrónico De Notificación De Formulario
Una vez que haya terminado, puede guardar su formulario y salir de Form Builder.

4. Agregue su formulario habilitado para Ajax en WordPress

WPForms facilita la adición de formularios a las publicaciones, páginas y widgets de la barra lateral de WordPress. Simplemente edite la publicación o la página a la que desea agregar el formulario e inserte el bloque WPForms en su área de contenido.
Agregue El Bloque Wpforms A La Publicación O Página De Wordpress
Después de eso, debe seleccionar el formulario que acaba de crear desde la configuración del bloque. WPForms cargará inmediatamente una vista previa en vivo del formulario en el editor de contenido.
Seleccione Su Formulario
Ahora puede guardar o publicar su contenido y luego visitar su sitio web para probar la funcionalidad ajax del formulario.
Vista Previa Del Formulario De Contacto De Ajax
También puede agregar su formulario a un widget de barra lateral en WordPress. Para hacer esto, vaya a Apariencia »Widgets página y agregue el widget WPForms a una barra lateral.
Agregue Su Formulario Con Tecnología Ajax A Un Widget De Barra Lateral
Seleccione el formulario que creó anteriormente y haga clic en el botón Guardar para almacenar la configuración del widget. Ahora puede visitar su sitio web para ver su formulario impulsado por Ajax en acción. Esperamos que este artículo le haya ayudado a aprender a crear un formulario de contacto de WordPress Ajax para su sitio web. También puede consultar nuestra guía sobre cómo crear una ventana emergente de formulario de contacto en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply