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

Un formulario de contacto es un recurso esencial para casi todos los tipos de sitios web. Si desea recibir comentarios de sus visitantes o solicitudes de clientes y prospectos, agregar un formulario de contacto es una de las mejores maneras de permitir que las personas se comuniquen.

No es sorprendente que la forma más fácil de agregar un formulario de contacto a su sitio de WordPress es usar un complemento especialmente diseñado. Uno es el popular y poderoso WPForms en el equipo detrás de OptinMonster y Soliloquy.

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

¿Por qué usar WPForms?

Cuando se trata de complementos de formulario de contacto de WordPress, hay una gran variedad. 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 y le permite actualizar sus formularios si tiene requisitos más avanzados en el futuro.

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

Gracias a las plantillas de WPForms, puede agregar rápidamente un formulario de contacto a su sitio de WordPress. Si es necesario, puede usar el generador intuitivo de formularios de arrastrar y soltar, que le permite crear formularios personalizados para casi cualquier propósito.

Ahora que sabe por qué WPForms es una excelente opción, le mostramos a continuación cómo agregar un formulario de contacto básico de WordPress con este complemento gratuito.

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

El primer paso para crear un formulario de contacto básico con WPForms es agregar un complemento a su sitio web. WPForms viene en dos versiones principales: una versión gratuita y una opción comercial avanzada. Pero si solo está buscando una manera simple de ponerse en contacto, la versión gratuita es más que adecuada.

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

WPForms Lite se puede instalar directamente en el panel de WordPress.

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

Busque WPForms Lite

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

Haga clic en el botón Activar en la siguiente pantalla y WPForms se puede usar en su sitio de WordPress.

Cómo crear un formulario de contacto simple de WordPress con WPForms

Como parte del esfuerzo para facilitar el uso del complemento de formulario de WordPress, WPForms muestra un útil mensaje de bienvenida después de que se activa el complemento.

Agregar pantalla de inicio

La pantalla de bienvenida de WPForms Lite contiene un video que puede usar para crear su primer formulario.

En la pantalla de bienvenida, verá instrucciones útiles en video sobre cómo crear su primer formulario de contacto con WPForms. Alternativamente, simplemente haga clic en el botón Crear primer formulario para comenzar. Si, por alguna razón, no aparece la pantalla de bienvenida, puede crear un nuevo formulario de contacto haciendo clic en el menú de la barra lateral de WPForms y haciendo clic en Agregar nuevo elemento.

WPForms Lite Agregar nuevo menú de formulario

El menú dedicado de WPForms proporciona un fácil acceso a las funciones del complemento.

Además de hacer clic en el botón “Crear primer formulario”, ahora tiene la oportunidad de asumir el desafío WPForms, que lo lleva a través del proceso de creación de su primer formulario en menos de cinco minutos. Si enfrenta el desafío, el Asistente de instalación lo guiará a través de los cinco pasos para crear un formulario, desde el nombre hasta la publicación en el sitio web.

Acepta el desafío WPForm

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

Independientemente de si lo usa solo o con el asistente al inicio, encontrará que la interfaz de usuario personalizada de WPForms se hace cargo del panel de control de WordPress para proporcionar más espacio para editar su formulario. Después de cargar la interfaz de creación de formularios, primero debe nombrar su formulario. Intente elegir algo útil y relevante que pueda usarse para identificar la forma en el futuro.

Ingrese el nombre del formulario

Cada formulario que cree con WPForms necesita un nombre.

Puede comenzar con un formulario en blanco, pero le recomendamos que elija la plantilla de formulario de contacto simple.

Interfaz de usuario de Form Builder

La plantilla de formulario de contacto simple contiene todos los campos importantes que necesita.

La plantilla de formulario de contacto simple debería ser suficiente para la mayoría de los propósitos. Sin embargo, si necesita agregar campos adicionales a su formulario de contacto, simplemente haga clic en uno de los campos estándar en el panel izquierdo para agregarlos a su formulario. Sin embargo, si desea utilizar uno de los cursos de lujo o de pago, actualice a la versión pro de WPForms.

Tarifas de lujo y pago premium

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

Al hacer clic en un cuadro estándar en el panel izquierdo, se agregará a su formulario inmediatamente. Desde allí, puede arrastrarlo y soltarlo en una nueva posición o hacer clic en el cuadro para comenzar a editar.

Crear un campo de formulario

Cuando hace clic en un campo en su formulario, la configuración del campo aparece en el panel izquierdo.

El campo del formulario se edita en el área izquierda del generador, por lo que puede cambiar la etiqueta y la descripción del campo, definir el tamaño del campo e insertar 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, simplemente puede activar un cuadro de confirmación donde el usuario debe ingresar la dirección de correo electrónico dos veces. Cuando esté satisfecho con los campos del formulario y su configuración, haga clic en el botón Guardar.

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

Algunos tipos de campos tienen sus propias configuraciones únicas, por ejemplo, por ejemplo. Configuración del campo de verificación de correo electrónico.

Crea tu formulario de contacto

Cada formulario que cree con WPForms se puede configurar individualmente para satisfacer sus necesidades. Para ver la configuración actual o personalizar el funcionamiento del formulario, simplemente haga clic en la pestaña Configuración en la pantalla Creación de formulario para abrir la configuración del formulario en el que está trabajando.

La configuración se divide en tres secciones, que cubren la configuración General, Notificación y Confirmación.

Configuración del formulario de contacto WPForm

Cada formulario que cree con WPForms se puede configurar individualmente.

Puede usar la configuración general para editar el título y la descripción del formulario, cambiar el texto del botón de envío y activar las funciones anti-spam del honeypot. Se recomienda utilizar la función antispam honeypot, ya que esto ayudará a reducir la cantidad de envíos de spam sin comprometer la experiencia del usuario de sus formularios, ya que los visitantes deberán completar un campo de captcha.

Puede usar la configuración de mensajes para especificar qué entradas en el formulario de dirección de correo electrónico desea enviar. Si es necesario, puede ingresar varias direcciones. WPForms utiliza etiquetas inteligentes para llenar dinámicamente el correo electrónico en el mensaje con contenido de los campos del formulario, como el asunto del correo electrónico y el nombre del formulario. Si desea crear más notificaciones, por ejemplo. Por ejemplo, un mensaje de correo electrónico separado enviado al usuario que envió la entrada del formulario debe actualizarse para las versiones premium de WPForms. Sin embargo, puede usar etiquetas inteligentes para enviar el mismo correo electrónico de notificación a la persona que envió el formulario y a cualquier otro destinatario especificado.

Formular mensajes de entrada

WPForms envía 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 aparece cuando un visitante envía el formulario. En lugar de mostrar un mensaje personal, también puede mostrar una página en su sitio web o dirigir al usuario a la URL seleccionada después de enviar una entrada de formulario.

Configuración de confirmación de formulario

Con WPForms, puede elegir qué hacer después de enviar una entrada de formulario.

Cuando esté satisfecho con la confirmación del formulario, haga clic nuevamente en el botón Guardar para confirmar los cambios.

Publique el formulario de contacto en su sitio web

Después de guardar su formulario, puede publicarlo en su sitio de WordPress para que sea accesible para sus visitantes. Al hacer clic en el botón Insertar en la pantalla de Creación de formularios, se muestra un código corto para el formulario en el que está trabajando. Luego puede copiar el código de esta tarjeta y pegarlo en una publicación o página de WordPress para que el formulario esté disponible. Un video tutorial es útil para demostrar lo que debe hacer para insertar su código de formulario corto en una publicación o página. Sin embargo, el proceso es muy simple.

Código de tarjeta WPForms

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

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

Botón Agregar formulario

WPForms agrega un botón útil para insertar formularios en el editor de WordPress.

Después de hacer clic en el botón Agregar formulario, puede elegir qué formulario insertar y si desea ver el título o la descripción del formulario.

Insertar un formulario

WPForms le permite mostrar el nombre y la descripción del formulario o no.

Después de insertar el formulario, se agrega un código de función a su publicación o página. Después de la publicación, el código corto se reemplaza con el formulario apropiado. Debido a la forma en que funcionan los códigos de tarjeta, los cambios en el formulario se aplican automáticamente al formulario publicado cuando realiza cambios en el formulario (para obtener más información, consulte el artículo anterior, se explica el código de la tarjeta de WordPress).

WPForms forman un código corto

El código de la tarjeta para el formulario que desea mostrar se inserta en el registro o en la página.

Si sus visitantes desean enviar un mensaje, simplemente complete el formulario y haga clic en 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 habilitadas para widgets de su tema de WordPress. Dependiendo de la selección del tema, puede usar el widget WPForms para mostrar un formulario en la línea inferior del sitio web, como se muestra a continuación.

Use el widget WPForms

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

Administre sus formularios de contacto de WordPress

Si necesita cambiar 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 en la página WPForms en su panel de WordPress.

En esta sección de su panel de WordPress, puede eliminar o editar formularios existentes. Cuando actualice a WPForms Pro, se mostrarán las entradas de formulario enviadas por los visitantes del sitio.

Como se mencionó anteriormente, gracias al poder de los códigos de acceso de WordPress, cualquier cambio que realice aparecerá inmediatamente en los formularios publicados.

Últimos pensamientos

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

Con la plantilla de formulario de contacto estándar, puede agregarla al sitio web con solo unos pocos clics. Gracias al editor de arrastrar y soltar, puede realizar cambios en el modelo (como agregar campos de formulario o cambiar el texto predeterminado), todo el proceso es realmente muy simple.

Nota: Puede encontrar más información sobre las características extendidas de WPForms y nuestras pruebas detalladas de WPForms Pro.

Publicaciones relacionadas

Botón volver arriba