Cómo crear un formulario de contacto básico (gratis) usando el complemento WPForms WordPress

Ofertas de WordPress


Un formulario de contacto es una característica esencial de casi todos los tipos de sitios web. Ya sea que desee recibir comentarios de sus visitantes o consultas de clientes y clientes potenciales, agregar un formulario de contacto es una de las mejores maneras de permitir que las personas se comuniquen.

Como era de esperar, cuando se trata de agregar un formulario de contacto a su sitio web de WordPress, la forma más sencilla es usar un complemento especialmente diseñado, uno de los cuales es el popular y poderoso WPForms del equipo detrás de OptinMonster y Soliloquy..

En esta guía, le mostraremos cómo crear rápida y fácilmente un formulario de contacto básico para su sitio web con WordPress utilizando la versión gratuita de WPForms: WPForms Lite.

Por qué usar WPForms?

Cuando se trata de complementos de formulario de contacto de WordPress, hay mucho para elegir. Sin embargo, WPForms es una de las formas más rápidas y fáciles de agregar un formulario de contacto a su sitio web, a la vez que le ofrece la opción de actualizar sus formularios si tiene necesidades más avanzadas en el futuro..

Imagen de la página del complemento WPForms Lite

WPForms Lite está disponible en el directorio de complementos de WordPress.

Gracias a las plantillas de WPForms, puede agregar un formulario de contacto a su sitio web de WordPress en muy poco tiempo y, si lo necesita, la herramienta intuitiva de creación de formularios de arrastrar y soltar está disponible para ayudarlo a crear formularios personalizados para casi cualquier propósito.

Entonces, ahora que sabe por qué WPForms es una buena opción, a continuación le mostraremos cómo usar este complemento gratuito para agregar un formulario de contacto básico a WordPress.

Cómo agregar el complemento WPForms Lite a su sitio web de WordPress

El primer paso para crear un formulario de contacto básico con WPForms es agregar el complemento a su sitio web. WPForms viene en dos versiones principales: una gratuita y una opción comercial más avanzada. Sin embargo, si todo lo que busca es un formulario de contacto básico, la versión gratuita es más que adecuada.

La forma más rápida de agregar el complemento a su sitio web es iniciar sesión en su área de administración de WordPress y navegar a la sección de complementos del tablero.

Menú de complemento de WordPress

WPForms Lite se puede instalar directamente desde su Panel de WordPress.

Desde la página Agregar complementos, ingrese “WPForms Lite” en el cuadro de búsqueda e instale el primer complemento devuelto en los resultados.

Busque WPForms Lite

Busque “WPForms Lite”, luego haga clic en el botón Instalar ahora.

En la siguiente pantalla, haga clic en el botón Activar, y WPForms estará listo para usar en su sitio web de WordPress.

Cómo crear un formulario de contacto básico de WordPress con WPForms

Como parte de su intento de ser el complemento de formularios de WordPress más fácil de usar disponible, WPForms muestra un útil mensaje de bienvenida después de que se haya activado el complemento.

La pantalla de bienvenida del complemento

La pantalla de bienvenida de WPForms Lite incluye un video para ayudarlo a crear su primer formulario.

Desde la pantalla de bienvenida, puede ver una guía de video útil para crear su primer formulario de contacto con WPForms. Alternativamente, puede simplemente hacer clic en el botón Crear su primer formulario para comenzar. Si por alguna razón no se muestra la pantalla de bienvenida, puede crear un nuevo formulario de contacto haciendo clic en el menú de la barra lateral de WPForms y luego en Agregar nuevo elemento.

WPForms Lite Agregar nuevo menú de formulario

El menú dedicado de WPForms facilita el acceso a las funciones del complemento.

Además de hacer clic en el botón Crear su primer formulario, ahora también tiene la opción de aceptar el desafío WPForms que tiene como objetivo guiarlo a través del proceso de creación de su primer formulario en menos de cinco minutos. Si elige asumir el desafío, el asistente de configuración lo guiará a través de los cinco pasos para crear un formulario, desde darle un nombre hasta publicarlo en su sitio web.

Acepta el desafío de WPForms

El asistente de configuración de WPForms lo guiará a través de los cinco pasos para crear su primer formulario.

Ya sea que decida hacerlo solo o use el asistente, una vez que comience, notará que la interfaz de usuario personalizada de WPForms se hace cargo del Panel de WordPress para brindarle la máxima cantidad de espacio para trabajar en su formulario. Una vez que se ha cargado la interfaz del generador de formularios, el primer paso es darle un nombre a su formulario. Intente elegir algo significativo y relevante que lo ayude a identificar el formulario en el futuro.

Ingrese un nombre de formulario

Cada formulario que cree con WPForms necesita un nombre.

Si bien puede comenzar con un formulario en blanco, se recomienda elegir la plantilla de formulario de contacto simple.

Interfaz de usuario de Form Builder

La plantilla de formulario de contacto simple tiene todos los campos esenciales que debe necesitar.

Para la mayoría de los propósitos, la simple plantilla de formulario de contacto debería ser suficiente. Sin embargo, si necesita agregar campos adicionales a su formulario de contacto, es tan fácil como hacer clic en cualquiera de los campos estándar del panel izquierdo para insertarlos en su formulario. Sin embargo, si desea utilizar cualquiera de los Campos de lujo o Campos de pago, deberá actualizar a la versión pro de WPForms.

Campos de lujo y pago premium

Los campos de lujo y los campos de pago están reservados para la versión premium de WPForms.

Si hace clic en un campo estándar desde el panel de la izquierda, se agregará a su formulario al instante. Desde allí, puede arrastrarlo y soltarlo en una nueva posición, o hacer clic en el campo para comenzar a editarlo..

Configurar un campo de formulario

Al hacer clic en un campo de su formulario, la configuración del campo se mostrará en el panel izquierdo.

La edición del campo del formulario se lleva a cabo en el panel izquierdo del generador, lo que le permite modificar la etiqueta y la descripción del campo, establecer el tamaño del campo e ingresar cualquier texto de marcador de posición. La configuración disponible depende del tipo de campo que esté editando; por ejemplo, con el campo de correo electrónico puede habilitar fácilmente un campo de confirmación que requiere que el usuario ingrese su dirección de correo electrónico dos veces. Una vez que esté satisfecho con los campos del formulario y su configuración, haga clic en el botón Guardar.

Configuración del campo del formulario de correo electrónico

Algunos tipos de campo tienen su propia configuración única, como la opción de campo de confirmación de correo electrónico.

Configurando su formulario de contacto

Cada formulario que cree con WPForms se puede configurar individualmente para satisfacer sus necesidades. Entonces, para ver la configuración actual o personalizar la forma en que funciona su formulario, simplemente haga clic en la pestaña Configuración de la pantalla del generador de formularios para abrir las opciones de configuración para el formulario en el que está trabajando.

La configuración se agrupa en tres secciones, que cubren las opciones General, Notificación y Confirmación del formulario..

Configuración del formulario de contacto de WPForms

Cada formulario que cree con WPForms se puede configurar individualmente.

A través de la configuración general, puede editar el título y la descripción del formulario, cambiar el texto del botón de envío y habilitar las funciones de honeypot anti-spam. Se recomienda utilizar la función honeypot anti-spam, ya que ayudará a reducir la cantidad de envíos de spam que reciba, sin afectar la experiencia del usuario de sus formularios al requerir que los visitantes completen un campo de captcha.

La configuración de notificaciones le permite especificar a qué dirección de correo electrónico deben enviarse las entradas del formulario, con la posibilidad de ingresar varias direcciones si es necesario. WPForms utiliza etiquetas inteligentes para llenar dinámicamente el correo electrónico de notificación con contenido de los campos del formulario, como el asunto del correo electrónico y el nombre del formulario. Si desea crear varias notificaciones, como un mensaje por separado que se envía por correo electrónico al usuario que envió la entrada del formulario, deberá actualizar a las versiones premium de WPForms. Sin embargo, es posible usar las etiquetas inteligentes para enviar el mismo correo electrónico de notificación a la persona que envió el formulario, así como a cualquier otro destinatario que especifique.

Notificaciones de entrada de formulario

WPForms enviará un correo electrónico con la entrada del formulario a la dirección que elija.

También puede usar la configuración de confirmación para personalizar el mensaje que se muestra después de que un visitante ha enviado el formulario. Alternativamente, en lugar de mostrar un mensaje personalizado, puede optar por mostrar una página en su sitio web, o llevar al usuario a la URL de su elección, después de que se haya enviado una entrada de formulario.

Configuración de confirmación de formulario

Con WPForms puede elegir qué sucede después de que se haya enviado una entrada de formulario.

Nuevamente, una vez que esté satisfecho con la confirmación del formulario, haga clic en el botón Guardar para confirmar los cambios..

Publicar el formulario de contacto en su sitio web

Una vez que haya guardado su formulario, puede publicarlo en su sitio web de WordPress para que esté disponible para sus visitantes. Al hacer clic en el botón Incrustar en la pantalla del generador de formularios, se mostrará un código corto para el formulario en el que está trabajando. Luego puede copiar y pegar este shortcode en una publicación o página de WordPress para que el formulario sea accesible. De manera útil, se muestra un video tutorial para demostrar lo que debe hacer para insertar su código abreviado de formulario en una publicación o página. Sin embargo, el proceso es muy sencillo..

El shortcode de WPForms

Después de hacer clic en el botón Incrustar, se muestra el código corto para el formulario en el que está trabajando.

Otra forma de agregar uno de sus formularios a su sitio web es crear una nueva publicación o página, o abrir una existente para editarla, y luego hacer clic en el botón Agregar formulario.

Agregar botón de formulario

WPForms agrega un botón útil al Editor de WordPress para insertar formularios.

Una vez que haya hecho clic en el botón Agregar formulario, puede elegir qué formulario insertar y también si desea mostrar el título o la descripción del formulario.

Insertar un formulario

WPForms le ofrece la opción de mostrar el nombre y la descripción del formulario o no.

Después de insertar el formulario, se agregará un código corto a su publicación o página. Luego, una vez publicado, el shortcode se reemplazará con el formulario correspondiente. Debido a la forma en que funcionan los códigos cortos, si realiza algún cambio en su formulario, se aplicarán automáticamente a su formulario publicado (descubra más en nuestro artículo anterior, Explicación de códigos cortos de WordPress.

El shortcode de formulario WPForms

El shortcode para el formulario que desea mostrar se insertará en la publicación o página.

Ahora, si sus visitantes desean enviarle un mensaje, todo lo que tienen que hacer es completar el formulario y presionar el botón Enviar.

Ejemplo de un formulario publicado

Cuando se publica su formulario, su apariencia debe integrarse con su tema de WordPress.

WPForms Lite también incluye un widget que le permite mostrar sus formularios en la barra lateral y otras áreas listas para widgets de su tema de WordPress. Dependiendo de su elección de tema, el widget WPForms podría darle la posibilidad de mostrar un formulario en el pie de página de su sitio web, como se muestra a continuación.

Usando el WPForms Widget

El widget WPForms le permite mostrar formularios en las áreas de widget de su tema.

Administrar sus formularios de contacto de WordPress

Si necesita realizar algún cambio en sus formularios, puede acceder a ellos a través del elemento Todos los formularios en el menú WPForms.

Pantalla de gestión de formularios

Puede ver y administrar sus formularios a través de la página WPForms dentro de su Panel de WordPress.

Desde esta sección de su Panel de WordPress, puede eliminar o editar cualquier formulario existente y, si actualiza a WPForms Pro, puede ver las entradas de formulario que han enviado los visitantes de su sitio.

Como se mencionó anteriormente, cualquier cambio que realice se reflejará instantáneamente en sus formularios publicados, gracias al poder de los códigos abreviados de WordPress.

Pensamientos finales

Como puede ver, el complemento gratuito WPForms Lite proporciona una manera muy fácil de agregar formularios de contacto a los sitios web de WordPress.

Al usar la plantilla de formulario de contacto estándar, puede agregar este tipo de formulario a su sitio web con solo unos pocos clics y, gracias al editor de arrastrar y soltar, si necesita realizar cambios en la plantilla (como agregar campos de formulario o modificar el texto predeterminado), todo el proceso es realmente muy sencillo.

Nota: Para obtener más información sobre las características avanzadas y la funcionalidad de WPForms, asegúrese de consultar nuestra revisión exhaustiva de WPForms Pro.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map