¿Está listo para crear su primer formulario con WPForms? Siguiendo las instrucciones paso a paso en este tutorial, usted puede publicar fácilmente su primer formulario en su sitio.
Este tutorial le mostrará cómo crear y publicar su primer formulario.
Antes de empezar, asegúrese de que ha instalado y activado WPForms en su sitio.
Añadir un nuevo formulario
Para empezar, deberá iniciar sesión en el área de administración de WordPress. Una vez allí, haga clic en WPForms en la barra lateral de administración para ir a la página de descripción general de formularios.
A continuación, para crear un nuevo formulario, haga clic en el botón Añadir nuevo para iniciar el constructor de formularios WPForms.
En la página de configuración del generador de formularios, puede introducir un nombre para el formulario (por ejemplo, "Contacte con nosotros") en el campo de entrada Nombre del formulario.
Si prefiere no introducir un nombre, el nombre del formulario será por defecto el nombre de la plantilla que elija.
Debajo del campo Nombre de su formulario, encontrará muchas plantillas de formularios en la sección Seleccione una plantilla. Se trata de plantillas preconstruidas de formularios de uso común que te ayudarán a empezar rápidamente.
Puede utilizar las categorías del menú de la izquierda o la barra de búsqueda de la esquina superior izquierda de la biblioteca de plantillas para buscar entre las opciones disponibles.
Cuando encuentres una plantilla que se adapte a tus necesidades, pasa el ratón sobre ella y haz clic en el botón Utilizar plantilla .
Nota: El formulario de este tutorial utiliza la plantilla Simple Contact Form. Puedes previsualizarlo para ver su aspecto y funcionamiento antes de empezar.
Si prefiere crear su formulario completamente desde cero, seleccione la plantilla Formulario en blanco.
Uso de WPForms AI para crear formularios
Si prefiere generar rápidamente un formulario en lugar de construirlo desde cero, puede utilizar el generador de formularios AI de WPForms. Proporcionando una simple descripción de sus necesidades, WPForms AI puede generar un formulario personalizable para usted.
Para hacerlo, vaya a WPForms " Agregar Nuevo. Una vez aquí, verá la opción Generar con IA.
Cuando haga clic en esta opción, WPForms AI le ayudará a crear un formulario siguiendo sus instrucciones de texto. Luego puede personalizar el formulario generado usando el constructor de formularios, como cualquier otra plantilla WPForms.
Nota: Para detalles completos sobre el uso de WPForms AI para generar formularios, vea nuestra guía sobre cómo generar formularios con WPForms AI.
Personalización del formulario
Una vez que haya seleccionado una plantilla de formulario, el generador de formularios le llevará a la pantalla Campos.
El panel izquierdo le mostrará los campos disponibles. Aquellos a los que tenga acceso dependerán de su nivel de licencia.
También puede utilizar la barra de búsqueda situada encima de los campos disponibles para buscar un campo específico. Basta con introducir el nombre del campo o una palabra relacionada, y aparecerán los campos coincidentes.
Nota: Si desea obtener más información sobre todos los campos de WPForms, asegúrese de consultar nuestro tutorial sobre cómo elegir el campo de formulario adecuado.
En el panel derecho, verá una vista previa editable de su formulario.
Para añadir un campo a su formulario, puede hacer clic en él en el panel de la izquierda o arrastrarlo y soltarlo directamente en la vista previa del formulario.
Para eliminar un campo de tu formulario, puedes situarte sobre él y hacer clic en el icono rojo de la papelera.
Acceso a las opciones de campo
Las opciones de campo permiten configurar los detalles y ajustes de cada campo, como su etiqueta y descripción.
Para ver y editar las opciones disponibles para un campo, haga clic sobre él en el panel de vista previa. Las opciones del campo aparecerán entonces en el panel izquierdo del constructor de formularios.
Nota: ¿Quiere saber más sobre cómo personalizar los campos de sus formularios? Echa un vistazo a nuestra guía de opciones de campo de WPForms.
Una vez que haya terminado de editar las opciones de campo, haga clic en el botón Guardar para guardar los cambios.
Obtener ayuda para crear el formulario
Si en algún momento necesita ayuda durante la creación del formulario, haga clic en la opción Ayuda de la parte superior de la pantalla.
Esto abre una superposición con documentación contextualizada, que proporciona información directamente relacionada con el campo con el que está trabajando o la sección del creador de formularios en la que se encuentra.
Editar la configuración del formulario
Para acceder a la configuración de su formulario, haga clic en la pestaña Configuración situada en la parte izquierda del generador de formularios.
Para este tutorial, nos centraremos en los 4 primeros ajustes disponibles: General, Protección antispam y seguridad, Notificaciones y Confirmaciones.
General
En esta sección, puede cambiar el nombre y la descripción del formulario.
También puede añadir etiquetas de formulario y personalizar el botón de envío de su formulario.
Ampliando la sección Avanzado, también puedes añadir CSS personalizado a tus formularios. Solo recomendamos estos ajustes a los usuarios más experimentados.
Nota: ¿Quieres saber más sobre cómo incorporar CSS personalizado a tus formularios? Consulta nuestra documentación para desarrolladores para ver tutoriales y fragmentos avanzados.
Protección y seguridad contra el spam
Esta sección ayuda a mantener tus formularios seguros. Puede filtrar silenciosamente el spam y establecer límites sobre quién puede rellenar los formularios. También puedes añadir CAPTCHAs para asegurarte de que solo rellenan el formulario personas reales.
Nota: Si desea más detalles sobre la prevención de spam y la configuración de seguridad, consulte nuestra guía sobre cómo prevenir el spam en WPForms.
Notificaciones
Las notificaciones de formularios son correos electrónicos automatizados que se envían cuando los usuarios envían formularios. En los ajustes de Notificaciones, puede configurar estos correos electrónicos según sus preferencias.
El campo Enviar a dirección de correo electrónico es donde introducirá la(s) dirección(es) de correo electrónico que desea que reciba(n) las notificaciones. Por defecto, se establece en la dirección de correo electrónico del administrador de su sitio. Pero puedes actualizarla a cualquier dirección que desees.
Nota: Puede añadir varias direcciones de correo electrónico al campo Enviar a dirección de correo electrónico. Sólo asegúrese de separar cada correo electrónico con una coma.
Nota: Si desea más detalles sobre la configuración de los correos electrónicos de notificación, asegúrese de revisar nuestra guía sobre cómo configurar las notificaciones de formularios en WPForms.
Confirmaciones
Las confirmaciones de formulario son formas de informar a los usuarios de que han enviado correctamente un formulario. También puedes utilizarlas para proporcionar más información u opciones a tus usuarios.
Nota: Si desea más detalles sobre la configuración de confirmaciones de WPForms, consulte nuestro tutorial sobre la configuración de confirmaciones de formularios.
Una vez que haya terminado de configurar los ajustes de su formulario, haga clic en el botón Guardar en la parte superior de la pantalla para guardar los cambios. Puedes hacer clic en el botón X para salir del constructor de formularios.
Visualización de formularios en su sitio web
Hay varias maneras diferentes de añadir tus formularios a tu sitio. Si lo desea, puede incrustarlo en una entrada o página de su sitio.
Una vez que haya terminado de personalizar su formulario, puede utilizar el Asistente para incrustar directamente desde el generador de formularios haciendo clic en el botón Incrustar.
Para obtener más información sobre la incrustación de formularios, consulte nuestro tutorial sobre la visualización de formularios en WordPress.
Ya está. Ahora ya sabe como crear formularios con WPForms.
A continuación, asegúrate de probar tu formulario. Hemos creado una lista de comprobación detallada para ayudarle a asegurarse de que su formulario tiene el aspecto y el funcionamiento que desea.