Cómo hacer formularios en WordPress con Everest Forms










  • 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».

    pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo"

    En el cuadro «Buscar complementos…», ingrese «Everest Forms».

    busque el complemento de WordPress Everest Forms

    Una vez que haya localizado el complemento, haga clic en el botón «Instalar ahora».

    haga clic para instalar el complemento de WordPress Everest Forms

    Cuando se haya instalado el complemento, haga clic en el botón «Activar».

    haga clic para activar el complemento de WordPress Everest Forms

    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»).

    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».

    haga clic en el enlace "Todos los formularios"

    Como puede ver, el complemento ya ha creado un formulario.

    ya se ha creado un formulario

    cómo se ve el formulario predeterminado

    Configuración del formulario predeterminado

    Haga clic en el enlace «Editar».

    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.

    forma a la derecha adiciones 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.

    arrastrar el campo de izquierda a derecha

    Luego personaliza el campo en el lado izquierdo.

    personalizar campo a la izquierda

    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.

    haga clic en el botón "Guardar"

    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».

    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.

    comenzar con un formulario en blanco

    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.

    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.

    haga 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.

    haga clic en la imagen de la fila de un solo campo

    Eso da como resultado una sola fila de campo.

    fila de un solo 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.

    arrastrar un campo a una fila 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:

    shortcode en la lista de formularios

    También puede encontrar el código abreviado directamente desde la pantalla de edición del formulario.

    shortcode en la pantalla de edición de 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).

    abrir bloque de shortcode e insertar shortcode

    formulario en una publicación

    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.

    Bloque "Everest Forms" en la sección Widgets

    Simplemente haga clic en él y elija qué formulario desea insertar desde un menú desplegable.

    elija el formulario del 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».

    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».

    seleccione un formulario del menú desplegable

    Haga clic en el enlace «Ver» para ver la respuesta del formulario.

    haga clic en el enlace ver

    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».

    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.