Formidable Pro: una guía completa

Formidable Pro es una herramienta de creación de formularios de nivel profesional con muchas características y planes para elegir. Cree y administre formularios, agregue condiciones, cree múltiples estilos y selecciónelos, cree múltiples diseños dentro de un formulario, realice cálculos y mucho más. Es una de nuestras mejores opciones para complementos de formularios de contacto de WordPress y vale mucho su peso en oro.

En esta guía, estamos usando la Licencia Personal. Echaremos un vistazo a sus características y crearemos algunos ejemplos. Las imágenes de los ejemplos se tomaron de Unsplash.com.

Instalación

Cargue el complemento en Complementos, Agregar nuevo en el tablero y actívelo. Una vez que esté activado, deberá pegar su clave de licencia. Se puede acceder a todas las funciones desde el nuevo menú que se agrega al tablero llamado Formularios.

En el tablero, vaya a Formularios y seleccione Configuración global. Pegue su clave en el campo superior y seleccione Guardar licencia.

Agregar nuevo

Seleccione Formularios y luego seleccione Agregar nuevo. Esto abrirá el generador de formularios con todos los campos que necesitará para crear su formulario.

Crear nuevo formulario

En la parte superior hay un menú con Build, Settings, Entries, Views, Reposts y Switch Form. En el medio de la pantalla está tu lienzo. Puede agregar campos aquí o seleccionar una de las cuatro plantillas para comenzar. A la derecha está la lista de opciones que incluye campos, diseños y valores predeterminados. Haga clic en los campos para agregarlos a su lienzo y comience a crear su formulario. Los diseños son clases de CSS que agrega a los campos.

Las plantillas incluyen:

  • Contáctenos
  • Aplicacion de trabajo
  • Listados de Bienes Raíces
  • informacion del usuario

Esta es la plantilla de Bienes Raíces. Modifíquelo arrastrando y soltando los campos en el orden que desee.

Seleccione el campo en sí para abrir las opciones de campo. Cambie valores, agregue clases CSS, elija posiciones de etiquetas, defina el tamaño y el formato de los campos, establezca la lógica condicional, realice cálculos y validaciones, etc.

Insertar formulario

Una vez que haya terminado, haga clic en Crear. Una vez que se crea el formulario, puede pegar su código abreviado en su contenido para mostrarlo o seleccionarlo desde el botón Formulario en el Editor visual.

Al hacer clic en el botón Formularios en el Editor visual, se abre una ventana donde puede elegir el formulario que desea y seleccionar opciones. Todas las opciones crean el shortcode que luego puede agregar a su contenido.

Puede insertar varias cosas desde esta ventana:

  • Forma
  • Vista
  • Grafico
  • Buscar
  • Sola entrada
  • Lista de entradas

Aquí hay un vistazo al formulario de Bienes Raíces en una página normal. Es bastante detallado y es un gran ejemplo de lo que puede hacer Formidable Pro.

Ajustes

La Configuración de formulario incluye General, Acciones de formulario y Personalizar HTML. Ajuste la configuración de envío, AJAX, permisos, estilo, mensajes, notificaciones por correo electrónico y agregue clases de formulario y personalice el HTML para cada campo de forma independiente.

Formularios

Todos sus formularios se enumeran en Formularios en el menú Formularios en el tablero. Aquí puede editar, ajustar la configuración, duplicar, eliminar, obtener una vista previa de un formulario, ordenar, ver entradas, etc. Elija el formulario que desea mostrar y copie su código abreviado.

Entradas

Entradas proporciona la lista de envíos de formularios para cada formulario por separado. Puede verlos, editarlos, duplicarlos, eliminarlos y descargarlos como archivos CSV. La información de la entrada también se envía a su correo electrónico.

Puntos de vista

Una vista le permite mostrar los datos que se envían a través de sus formularios. Crea una vista y luego la muestra en las páginas. Puede mostrar todas las entradas de un formulario o entradas individuales, ambas (lo que vincula cada entrada a una página individual), o ver las entradas dentro de un calendario.

Tiene la opción de colocar contenido antes de los listados en las páginas de Listado y Detalles. La configuración avanzada le permite ordenar y filtrar los mensajes. Personalice las Vistas insertando campos, condiciones y campos avanzados.

Las vistas requieren un código adicional para funcionar. La documentación proporciona un código de muestra que puede pegar y modificar de acuerdo con las instrucciones. Es fácil de hacer, pero requiere algunos pasos adicionales.

Una vez que haya creado la Vista, aparecerá en la ventana debajo de la pestaña Ver cuando haga clic en el botón Formularios en el Editor visual. Elija la vista para insertar el shortcode en su contenido. También puede copiar el código abreviado de la lista Vistas en el menú del panel.

En este ejemplo, la Vista se muestra en una tabla. Incluye toda la información que se envió.

Informes

Los informes muestran gráficos de las estadísticas de cada uno de los campos. Muestran el número de entradas diarias, entradas mensuales, etc. Al hacer clic en Examinar, accederá a la página Entradas, donde podrá verlas en la lista.

Estilos

La pestaña Estilos incluye herramientas para simplificar el proceso de diseño.

Editar estilos

Aquí puede duplicar o crear un estilo sin tener que usar código. Los campos de la izquierda le brindan las herramientas para diseñar fuentes, cuadros, campos, botones, fechas, mensajes, etc. Elija lo que desea diseñar, asigne un nombre al estilo, haga sus elecciones y guarde el estilo. A continuación, puede elegir ese estilo como predeterminado o seleccionarlo para formularios individuales.

Administrar estilos de formulario

En Administrar estilo de formulario, se le proporciona una lista de sus formularios con un cuadro desplegable de sus estilos. Seleccione el estilo que desee para cada formulario. Usarán el estilo predeterminado si no realiza una selección.

Cambiar de estilo es rápido. Simplemente cree un nuevo estilo y selecciónelo. Si ya ha creado varios, puede alternar entre ellos para ver los formularios en un fondo claro u oscuro. Duplique un estilo y luego puede modificarlo según sus necesidades mientras conserva el original para reutilizarlo.

CSS personalizado

Agregue su propio CSS usando el cuadro de CSS personalizado.

Importación y exportación

Importará y exportará archivos XML y CSV. Para importar, simplemente elija el archivo y haga clic en Cargar archivo e importar. Una vez que el formulario haya terminado de cargarse, aparecerá en la lista de formularios.

Para exportar, seleccione el tipo de archivo que desea crear, elija los datos (formularios, entradas, vistas y estilos), seleccione los formularios que desea exportar del cuadro desplegable y haga clic en Exportar selección.

Ajustes globales

Esta configuración le permite realizar un ajuste una vez para todos los formularios. Ajuste la configuración global para:

  • Estilos y secuencias de comandos : elija qué páginas cargan el estilo del formulario, para usar HTML5, para incluir jQuerry CSS en todas las páginas e incluir acordeón javascript.
  • Usar permisos : elija quién tiene permiso para ver formularios y plantillas, realizar ediciones, ver entradas e informes, etc.
  • reCAPTCHA : configure sus claves, idioma y elija reutilizar o no.
  • Mensajes predeterminados : cree mensajes para entradas fallidas, envíos exitosos, inicio de sesión, etc.
  • Varios : ajuste el formato de fecha/hora, configure la etiqueta del menú de administración y elija una página de vista previa.

Creación de un formulario personalizado

Para mi ejemplo, estoy creando un formulario personalizado para una agencia de viajes. En este formulario, he creado un campo para calcular el costo según el número de su grupo y la cantidad de días que el usuario selecciona en el cuadro desplegable.

El cálculo se realiza calculando los valores que el usuario ha seleccionado. Multipliqué el número de personas ingresadas (número de campo 131 en mi ejemplo) por $150. Este es el costo para cada persona por un día (un número que elegí solo como ejemplo). Alternativamente, podría crear un cálculo avanzado para asignar un valor diferente según la selección de destino. La información para hacer esto se proporciona en la documentación.

A continuación, multipliqué el costo por día por persona por la cantidad de días que los usuarios seleccionaron en el cuadro desplegable Número de días (número de campo 138 en mi ejemplo). Incluso podría continuar con los cálculos agregando otras opciones, como tipo de viaje aéreo, tipo de hotel, eventos a los que asistir, comidas, etc. Esto puede convertirse fácilmente en un formulario complejo.

Estilo incorporado

Aquí está el formulario después de haber agregado estilo. Agregué rojo al texto y los bordes. Utiliza diseños de varias columnas para mantener el nombre y la ciudad, el estado y el código postal en una sola línea. Los campos en la parte inferior se verían mejor si usaran varias columnas. Arreglemoslo. Continuaré y lo agregaré a un diseño Divi mientras estoy en eso.

Uso de Formidable Pro con Divi

Aquí hay un vistazo al formulario dentro de un módulo de texto Divi con una imagen de fondo para la sección. En este ejemplo, limité la cantidad de píxeles para el campo de precio a 100 px y configuré la clase de diseño en 1/3 en los campos Ciudad, Estado y Código postal, y en ½ para Destino y Número en Su grupo, y Campos Fecha de inicio y Número de días. Esto crea una mejor alineación y reduce el espacio vertical para el formulario.

En este ejemplo, creé un diseño con un cuadro de texto para el encabezado, varias imágenes y botones. Para que el formulario se ajuste al fondo claro, creé un nuevo estilo y lo seleccioné para este formulario.

Constructor visual

El módulo que contiene el shortcode se puede ajustar desde Visual Builder. Si hace clic en el formulario, simplemente mostrará el código abreviado, pero si solo hace clic en los controles del módulo, puede ver cómo los ajustes afectan el formulario en tiempo real. En este ejemplo, elegí un color de fondo, agregué un borde y agregué relleno.

Complementos

Hay 20 complementos que incluyen registros, correo electrónico, pasarelas de pago, bootstrap, idioma, captchas, seguimiento, automatizaciones, etc. Puede comprarlos individualmente y los precios variarán según la cantidad de sitios en los que desee usarlos. Las suscripciones incluyen diferentes números de complementos.

Actualizaciones

Las actualizaciones son automáticas durante un año para todos los paquetes excepto Lifetime, que por supuesto incluye actualizaciones de por vida.

Documentación

El sitio web de Formidable incluye una amplia documentación con una base de conocimientos en la que se pueden realizar búsquedas. Los temas incluyen todo, desde comenzar hasta desarrollar sus propias funciones con código. Incluso incluye ejemplos de PHP, JavaScript y CSS y una lista de códigos cortos.

La única vez que usé la documentación fue para aprender sobre Vistas y cálculos. Todo lo demás era lo suficientemente intuitivo como para no necesitarlo. Hice varias búsquedas de información y todo lo que busqué estaba en la documentación e incluía muchas imágenes e instrucciones claras.

Precio, licencia y soporte

Formidable Pro tiene cuatro planes diferentes. Cada uno de los planes incluye funciones Pro y soporte con boleto por un año. Los primeros tres planes incluyen actualizaciones por un año, mientras que Enterprise es de por vida.

Personal : $49, para un sitio, soporte estándar, los complementos se venden por separado.

Profesional : $99, para 3 sitios, soporte estándar, 6 complementos.

Pequeña empresa : $199, para 15 sitios, soporte prioritario, 16 complementos.

Enterprise : $ 399, sitios ilimitados, soporte de élite, 20 complementos.

Pensamientos finales

Formidable Pro es un poderoso creador de formularios que tiene algunas características que no he visto en los otros complementos de creación de formularios. Algunas de las características no son tan intuitivas como me gustaría, pero hizo todo lo que quería sin tener que pasar demasiado tiempo leyendo la documentación. Incluye algunos formularios prefabricados para que pueda comenzar. Los estilos se crean por separado y luego se seleccionan por formulario o puede seleccionar uno para que sea el estilo predeterminado.

La licencia Personal tiene las mismas funciones básicas que los otros planes y puede crear la mayoría de los formularios que la mayoría necesitará. La principal diferencia es que no incluye complementos, pero puede agregarlos por separado.

La facilidad de crear formularios eligiendo los campos, arrastrándolos y soltándolos donde desee, creando múltiples diseños dentro del formulario, agregando condiciones, realizando cálculos y creando múltiples estilos hace que Formidable Pro sea una excelente opción para cualquiera que desee crear formularios de calidad profesional. para WordPress.

¿Has probado Formidable Pro? ¡Háganos saber su experiencia en los comentarios a continuación!

Imagen destacada a través de Jane Kelly / shutterstock.com