Uno de los complementos más comúnmente instalados para WordPress es un formulario de contacto. Tal vez haya oído hablar de, o haya utilizado, el Formulario de contacto 7 o el Formulario de contacto de WPForms . Si es así, sabe que el humilde complemento de formulario de contacto para WordPress ha recorrido un largo camino.
Permítame presentarle otro complemento a tener en cuenta cuando busque un formulario de contacto para usar en WordPress, Everest Forms . Si usted es del tipo “Solo deme un formulario que funcione”, hay plantillas para usted. Si tiene necesidades específicas, puede crear un formulario desde cero.
Hay algo para todos.
Desde el principio de los tiempos, los seres humanos se han centrado en la comunicación. Y desde los albores de la web, gran parte de esa comunicación se ha producido mediante el uso de formularios de contacto. Solo trate de pensar en otra tecnología web temprana que todavía usamos tanto como usamos los formularios de contacto. No es fácil.
Bueno, fuera del correo electrónico de todos modos.
¿Mapas de imágenes? Marcos? <parpadeo>? No simplemente no.
Pero cada sitio web todavía necesita un formulario de contacto.
Ya conoces los conceptos básicos, así que vayamos a los detalles.
Instalación del complemento de WordPress de Everest Forms
Inicie sesión en su panel de administración de WordPress.
En la navegación de la columna izquierda, pase el mouse sobre el enlace «Complementos» y haga clic en el enlace «Agregar nuevo».
En el cuadro «Buscar complementos…», ingrese «Everest Forms».
Una vez que haya localizado el complemento, haga clic en el botón «Instalar ahora».
Cuando se haya instalado el complemento, haga clic en el botón «Activar».
Uso de formularios de Everest
Después de activar el complemento, debe ser redirigido a una página de «Bienvenido a Everest Forms» en el administrador de WordPress. La página de bienvenida contiene un video, un enlace a la documentación detallada de Everest Forms y un enlace para crear su primer formulario.
No vamos a utilizar nada en esa página (aunque es posible que desee marcar la URL «Leer la guía completa»).
En la columna de navegación de la izquierda, pase el mouse sobre el enlace «Everest Forms» y haga clic en el enlace «Todos los formularios».
Como puede ver, el complemento ya ha creado un formulario.
Configuración del formulario predeterminado
Haga clic en el enlace «Editar».
El formulario está a la derecha, y las adiciones de campo de arrastrar y soltar disponibles están a la izquierda.
Las opciones de campo que están atenuadas no están disponibles en la versión gratuita del complemento.
Arrastre el campo que desea agregar de izquierda a derecha.
Luego personaliza el campo en el lado izquierdo.
Las opciones de campo disponibles varían según el tipo de campo.
Opciones avanzadas
- Texto de marcador de posición : texto que aparece en el campo antes de que el usuario ingrese algo. Generalmente se usa para mostrar un ejemplo, el formato preferido u otras instrucciones o sugerencias.
- Ocultar etiqueta : marcar esta casilla oculta la etiqueta del campo al usuario.
- Valor predeterminado : es similar al texto del marcador de posición, pero puede elegir una variable de la lista para insertarla. Si selecciona un valor predeterminado, reemplazará cualquier texto de marcador de posición.
- Clases de CSS : si desea que un campo sea visualmente diferente del resto de los campos del formulario, puede ingresar CSS aquí que solo se aplicará a este campo.
- Máscara de entrada : si necesita que la entrada siga un formato específico, puede obligar al usuario a seguirlo usando una máscara de entrada. Puede encontrar más detalles en la documentación de Everest Forms .
Haga clic en el botón «Guardar» para guardar cualquier cambio o adición.
Crear un nuevo formulario
En la columna de navegación de la izquierda, pase el mouse sobre el enlace «Everest Forms» y haga clic en el enlace «Agregar nuevo».
La primera página es donde nombra el formulario y elige comenzar con un formulario en blanco o usar la plantilla de contacto básica. Como ya vimos esa plantilla básica de formulario de contacto (eso es lo que era el formulario de contacto de demostración), comenzaremos desde cero.
Ahora puede ver que volvemos al mismo diseño que antes. El formulario está a la derecha, y las adiciones de campo de arrastrar y soltar disponibles están a la izquierda.
Una cosa que vale la pena señalar es el formato de fila a la derecha, en la plantilla en blanco. Por defecto, crea una fila con dos campos.
Eso podría ser útil para formularios con muchos campos cortos. Pero la mayoría de las veces, querrá un campo por fila. Así es como cambias eso.
Pase el mouse sobre la fila y verá aparecer dos íconos: una papelera (eliminar) y un lápiz (editar). Haz clic en el lápiz.
Aparecerá una ventana emergente de «Configuración de fila». Haga clic en la imagen de la fila de un solo campo a la izquierda.
Eso da como resultado una sola fila de campo.
Ahora puede arrastrar sus campos y editarlos.
Para agregar campos, puede hacer clic en el botón «Agregar fila» para una nueva fila o arrastrar un campo a uno existente.
Mostrar un formulario en una página o en una publicación
Después de haber creado un formulario, lo coloca en una página o publica usando un código abreviado. El shortcode se crea cuando se crea el formulario, en este formato: “ [everest_form id=”1363″] ”.
Puede encontrar el shortcode en la lista de formularios:
También puede encontrar el código abreviado directamente desde la pantalla de edición del formulario.
Copie el código abreviado, abra un bloque de código abreviado en una página o publicación nueva o existente, y péguelo. (Si está utilizando el editor clásico de WordPress, pegue el código abreviado en la página o publíquelo donde desee que aparezca).
El bloque de Gutenberg
Si está utilizando el editor Gutenberg de WordPress, hay una manera más fácil de insertar un formulario en una página o publicación.
El complemento crea un bloque de «Everest Forms» que puede encontrar en la sección Widgets.
Simplemente haga clic en él y elija qué formulario desea insertar desde un menú desplegable.
Visualización de respuestas de formulario
En la columna de navegación de la izquierda, pase el mouse sobre el enlace «Everest Forms» y haga clic en el enlace «Entradas».
De forma predeterminada, se muestran las respuestas al primer formulario de su lista. Para ver las respuestas de otro formulario, selecciónelo del menú desplegable y haga clic en el botón «Filtrar».
Haga clic en el enlace «Ver» para ver la respuesta del formulario.
Descarga de respuestas de formulario
Está bien ver las respuestas una por una si no está tratando con muchos mensajes. Pero si tiene muchas respuestas, puede descargarlas todas en un archivo CSV.
Haga clic en el botón «Exportar CSV».
Hay más en el Everest de lo que parece
Este es un tutorial introductorio, por lo que solo cubrimos las funciones fundamentales del complemento. Pero a medida que se familiarice con Everest, descubrirá más funciones que pueden llevar sus formularios al siguiente nivel.
También hay algunos complementos geniales disponibles, pero todos requieren la actualización a la versión paga del complemento, por lo que no los cubriré aquí. Para verlos, pase el mouse sobre el enlace «Everest Forms» en la navegación del complemento y haga clic en el enlace «Complementos».
Para mí, el beneficio de un complemento como Everest Forms es que almacena las respuestas del formulario en la base de datos de WordPress. Eso es preferible a usar un fragmento más simple de código de formulario que solo puede enviar respuestas por correo electrónico a una dirección. Esto también es útil en un entorno de equipo cuando necesita que varias personas vean las respuestas.
Puede escribir código para acceder a las respuestas en la base de datos, o incluso realizar integraciones con otras aplicaciones.
No voy a preguntarte si usas un formulario de contacto, porque sé que lo haces. Pero, ¿utiliza un formulario que almacena las respuestas en una base de datos o uno que envía las respuestas por correo electrónico? ¿Puede ver algún beneficio en tener respuestas de formulario en una base de datos? Házmelo saber en los comentarios.