Calculated Fields Form. Cálculos Matemáticos

por | enero 28, 2020

Calculated-Fields-Form
En diferentes escenarios, nos puede resultar útil realizar cálculos matemáticos en formularios de WordPress. Con el plugin Calculated Fields Form, tenemos la posibilidad de hacer este tipo de operaciones de una forma muy amigable e intuitiva. Continúa leyendo y aprenderás como utilizar este estupendo plugin.

Instalación

La instalación no tiene ningún misterio. En el buscador de plugins introducimos las palabras, Calculated Fields Form, y una vez que se muestre lo instalamos y activamos. Después de activarlo, tendremos en el menú principal de WordPress los enlaces principales del plugin.

 CFF-instalacion

Lista de Formularios

En primer lugar vamos a ver la opción llamada Calculated Fields Forms, que no es mas que la relación de todos los formularios que tengamos disponibles. El plugin trae por defecto 5 formularios de ejemplo, en los que podemos ver algunas de las posibilidades de configuración que nos permite el plugin.

En cada uno de los formularios, hay disponibles 5 botones mediante los cuales se pueden realizar las siguientes acciones: Actualizar, Configurar, Mensajes, Clonar y Borrar. En la versión gratuita, se pueden usar todas excepto la opción de Mensajes, que sólo está activa en la versión Premium.

CFF-lista-de-formularios

El proceso de inserción del formulario en el contenido, se realiza mediante el «Shortcode» que se muestra en la última columna de la lista de formularios. También se puede utilizar el botón correspondiente en el editor de WordPress.

Las opciones de configuración que se muestran a continuación de la lista de formularios no es necesario que las cambiemos, excepto si tenemos algún tipo de problema al mostrar el formulario.

Creación del Formulario de Calculated Fields Form

Para insertar un nuevo formulario, introducimos su nombre y a continuación pulsamos en el botón «Añadir». En nuestro caso, hemos creado uno llamado «Multiplicar dos números». Una vez creado el formulario, si queremos cambiarle el nombre, simplemente tenemos que modificarlo y pulsar el botón «Actualizar»

Configuración del Formulario

Después de la creación del formulario debemos añadirle los campos que deseemos. Para ello hay que pulsar el botón «Configurar». Esta página es bastante extensa y se divide en las siguientes partes:

  • Maquetador del formulario.
  • Definición de los textos de los botones.
  • Ajustes del sistema de validación.
  • Configuración de pago (Versión Premium).
  • Procesamiento de formularios y ajustes de correo electrónico (Versión Premium).
  • Verificación de captcha (Versión Premium).

Maquetador del Formulario

En esta sección, vamos a establecer las propiedades del formulario, así como las opciones de los campos que crearemos. El maquetador se divide en dos columnas. En la izquierda, se mostrarán los tipos de campos que podemos añadir y también los atributos correspondientes de cada campo.

En la columna derecha, se visualizará la vista previa del formulario conforme lo vayamos creando. Haciendo clic en cada campo del formulario, veremos en la columna izquierda las propiedades que tiene asociadas.

CFF-maquetador-del-formulario-multiplicar

Para insertar un nuevo campo, simplemente pulsaremos el botón «Agregar un campo» y después haremos clic en el campo que pretendamos añadir. Una vez situado en la parte derecha, cada campo se puede arrastar y soltar para colocarlo en la posición que más nos interese. Para borrarlo o copiarlo, aparecen los iconos correspondientes en la parte inferior derecha del campo seleccionado.

Tipos de Campos o Controles en Calculated Fields Form

Los controles o campos que se pueden añadir al formulario son los siguientes:

  • Single Line Text.
  • Currency.
  • Number.
  • Slider.
  • Email.
  • Date Time.
  • Text Area.
  • Checkboxes.
  • Radio Buttons.
  • Dropdown.
  • Upload File.
  • Password.
  • Phone Field.
  • Instruct. Text.
  • Hiden.
  • Section break.
  • Page Break.
  • Summary.
  • Media.
  • Button.
  • HTML Content.
  • Acceptance (GDPR).
  • Calculated Field.

Podríamos explicar en detalle cada tipo de campo, pero no lo vamos a hacer, porque se entienden perfectamente. El único control que veremos será el más importante, que es el campo «Calculated Field».

En este campo, vamos a colocar las fórmulas correspondientes para hacer los cálculos que pretendamos. Cada vez que añadimos un campo, el plugin le asigna un nombre: <%fieldname1%>, <%fieldname2%>, etc. Para hacer referencia al campo, simplemente tenemos que colocar su nombre sin los caracteres de menor/mayor y porcentaje.

De manera que si queremos multiplicar dos números, primero debemos insertar los 3 controles: 2 de tipo «Number» y uno del tipo «Calculated Field». En el control «Calculated Field», en la propiedad «Set Equation», debemos colocar la fórmula que pretendamos realizar. En este caso, multiplicaremos el primero número por el segundo, por tanto la fórmula es bien sencilla: fieldname1 * fieldname2.

También se pueden realizar otro tipo de operaciones como: logaritmos, senos, cosenos, etc. Si queremos trabajar más cómodamente con las fórmulas, pulsaremos en el botón «Advanced Equation’s Editor», el cuál nos abrirá una ventana, en la que se mostrarán todas las opciones de cálculos disponibles.

Los cálculos se pueden complicar todo lo que queramos, te recomiendo que practiques con los ejemplos, para que veas las grandes posibilidades que tiene este plugin.

Definición de los Textos de los Botones en Calculated Fields Form

Un formulario puede tener varias páginas. Para ello tenemos que insertar al final del mismo el control llamado «Page Break». Pues bien, en esta sección se pueden configurar el texto de los botones y de información de los formularios que sean multipágina.

Ajustes del Sistema de Validación

Aqui colocaremos la información mostrada al usuario, cuando se produce algún aviso o error al introducir datos en los campos correspondientes.

Conclusión de Calculated Fields Form

Si quieres un plugin simple y a la vez potente para realizar cálculos matemáticos en formularios de WordPress, debes probar Calculated Fields Form. Es muy fácil de entender y, en pocos minutos, serás capaz de diseñar un formulario para realizar cálculos matemáticos desde simples a complejos.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)

Un pensamiento en “Calculated Fields Form. Cálculos Matemáticos

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *