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 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 de ellos 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 amplia 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 y le permite actualizar sus formularios si tiene requisitos más avanzados en el futuro.
Gracias a las plantillas de WPForms, puede agregar rápidamente un formulario de contacto a su sitio de WordPress. Si es necesario, puede utilizar el generador de formularios intuitivo 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. WPForms viene en dos versiones principales: una versión gratuita y una opción comercial avanzada. Pero si solo está buscando una forma simple de contacto, la versión gratuita es más que adecuada.
La forma más rápida de agregar un complemento a su sitio es iniciar sesión en su área de administración de WordPress y navegar hasta el área de complementos del tablero.
En la página Agregar complementos, escriba «WPForms Lite» en el cuadro de búsqueda e instale el primer complemento devuelto en los resultados.
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 por ser el complemento de formulario de WordPress más fácil de usar, WPForms muestra un útil mensaje de bienvenida después de la activación del complemento.
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 luego haciendo clic en Agregar nuevo elemento.
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 configuración lo guiará a través de los cinco pasos para crear un formulario, desde nombrarlo hasta publicarlo en su sitio.
Ya sea que lo use solo o con el asistente cuando comience, encontrará que la interfaz de usuario personalizada de WPForms toma el control del panel de control de WordPress para darle más espacio para editar su formulario. Una vez que se carga la interfaz de creación de formularios, primero debe nombrar su formulario. Intente elegir algo útil y relevante que pueda usar para identificar la forma en el futuro.
Puede comenzar con un formulario en blanco, pero se recomienda que elija la plantilla de formulario de contacto simple.
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 predeterminados en el panel izquierdo para agregarlos a su formulario. Sin embargo, si desea utilizar uno de los campos de lujo o de pago, actualice a la versión pro de WPForms.
Al hacer clic en un cuadro predeterminado en el panel izquierdo, se agregará a su formulario de inmediato. Desde allí, puede arrastrarlo y soltarlo en una nueva posición o hacer clic en el cuadro para comenzar a editar.
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 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, simplemente puede habilitar un cuadro de confirmación donde el usuario debe ingresar su 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.
Crea tu formulario de contacto
Cada formulario que cree con WPForms puede configurarse individualmente para satisfacer sus necesidades. Para ver la configuración actual o personalizar el funcionamiento de su 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.
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 habilitar las funciones antispam de 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 a qué entradas del 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 del 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, p. Por ejemplo, un mensaje separado enviado por correo electrónico al usuario que envió la entrada del formulario debe actualizarse a 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 que especifique.
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 o dirigir al usuario a la URL seleccionada después de enviar una entrada de formulario.
Cuando esté satisfecho con la confirmación de su formulario, haga clic nuevamente en el botón Guardar para confirmar sus cambios.
Publique el formulario de contacto en su sitio
Una vez que guarde 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 de WordPress o en una página de WordPress para que el formulario esté disponible. Un video tutorial es útil para demostrar lo que necesita hacer para insertar su código de formulario corto en una publicación o página. Sin embargo, el proceso es muy simple.
Otra forma de agregar uno de sus formularios a su sitio 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.
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.
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 cómo funcionan los códigos de tarjeta, los cambios en su formulario se aplican automáticamente a su formulario publicado cuando realiza cambios en su formulario (para obtener más información, consulte nuestro artículo anterior, Explicación del código de la tarjeta de WordPress).
Si sus visitantes desean enviarle un mensaje, todo lo que tienen que hacer es completar el formulario y hacer clic en el botón Enviar.
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 de su tema, puede usar el widget WPForms para mostrar un formulario en la línea inferior de su sitio, como se muestra a continuación.
Administre sus formularios de contacto de WordPress
Si necesita cambiar sus formularios, puede acceder a ellos a través del elemento Todos los formularios del menú WPForms.
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 de su sitio.
Como se mencionó anteriormente, gracias al poder de los códigos abreviados de WordPress, cualquier cambio que realice aparecerá inmediatamente en sus 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 predeterminada, puede agregar este formulario a su sitio con solo unos pocos clics, y gracias al editor de arrastrar y soltar, puede realizar cambios en la plantilla (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 y las características de WPForms en nuestras pruebas detalladas de WPForms Pro.