Newsletter #31 – Plugins y Calculadoras 🧾

Esta semana hablamos de plugins que les permitirán a tus usuarios hacer cuentas o incluso calcular complejos presupuestos.

Esto puede servirte para ayudar a los clientes de tener una primera estimación de cuanto costarían tus servicios o a que puedan hacer cálculos de costes asociados más complejos.

Estos plugins son un poco más complejos de lo habitual porque requieren configurarse para crear las calculadoras pero lo resolveremos explicándolos un poco más en detalle.

Calculated Fields Form

Calculated Fields Form

Calculated Fields Form es un plugin de formularios creado específicamente para hacer calculadoras de todo tipo y todos los niveles de complejidad.

Lo mejor de este plugin es que funciona genial, está muy bien hecho y te permite hacer de todo. Si tuviera que elegir un plugin para crear calculadoras y no pudiera usar lo demás me quedaría con este.

Una de las cosas más útiles que incluye son varios ejemplos muy diferentes que podemos usar como base o para aprender a usar el plugin.

Para utilizarlo solo tenemos que instalarlo, activarlo y configurar nuestro primer formulario en el nuevo menú en la administración llamado Calculated Fields Form.

Cuando entremos al plugin encontraremos un panel donde podremos ver los formularios creados y los distintos ejemplos que hay creados.

A la hora de crear un formulario nos encontraremos algo como lo siguiente, al principio parece un poco complejo pero si utilizamos alguno de los ejemplos veremos que es bastante fácil de configurar.

Cost Calculator Builder

Cost Calculator Builder

Cost Calculator Builder es un plugin específicamente creado para calcular costes y presupuestos.

Se trata de un plugin mucho más cuidado gráficamente y bastante fácil de usar que nos permitirá crear formularios elegantes para que los clientes puedan calcular costes.

Para utilizarlo solo tienes que instalarlo, activarlo, ir al nuevo menú llamado Cost Calculator y crear tu primer formulario siguiendo las instrucciones cuando lo instalas.

Este es el panel que verás a la hora de crear un formulario y como puedes ver es muy intuitivo y te permitirá usar las variables de forma visual.

Stylish Cost Calculator

Stylish Cost Calculator

Stylish Cost Calculator es un plugin para crear formularios de presupuestos un poco más complejo pero con una gran versatilidad en el diseño y los campos.

Este plugin está al borde de ser demasiado complejo de utilizar ya que sin un video o un ejemplo es complicado entenderlo.

Por suerte el plugin incluye algunos ejemplos que podemos tomar como referencia para hacer un formulario mucho más elegante.

Para utilizarlo solo tienes que instalarlo, activarlo y configurarlo en el nuevo menú de administración llamado Stylish Cost Calculator. Justo abajo veremos los ejemplos de demo.

A la hora de crear un formulario encontraremos un panel como este donde veremos a la izquierda los campos que estamos configurando y a la derecha una previsualización de cómo se verá.

PVB Contact Form 7 Calculator Add-on

PVB Contact Form 7 Calculator Add-on

PVB Contact Form 7 Calculator Add-on es un plugin que extiende la funcionalidad del plugin Contact form 7 y que añade la posibilidad de meter campos de tipo calculadora.

Este plugin está en la lista porque es perfectamente funcional y relativamente fácil de usar.

El único problema es que obliga a los usuarios a darle a “Calcular” para que calcule el resultado en lugar de rellenar el campo automáticamente (cosa que soluciona el siguiente plugin).

Para utilizarlo tienes que instalarlo y activarlo, después puedes usar Contact form 7 para crear tus formularios donde verás algunas opciones de campos extra añadidas por el plugin.

Por ejemplo con este código podrías crear un formulario calculadora con este plugin

<label> Numero 1:
    [number number1] </label>

<label> Numero 2:
    [number number2] </label>

[calculate_button "Calcular"]

[calculation suma "number1 + number2"]

El aspecto del formulario calculadora será similar a este dependiendo de tu tema.

Aquí te dejo un fantástico tutorial en inglés sobre cómo utilizarlo.

Calculate Contact Form 7

Calculate Contact Form 7

Calculate Contact Form 7 es un plugin que extiende la funcionalidad del plugin Contact form 7 y que añade la posibilidad de meter un campo de cálculo que combine los anteriores automáticamente.

Lo bueno de este plugin es que hace los cálculos automáticamente sin pulsar ningún botón, lo malo es que no tiene mucha documentación y hay que saber buscarse la vida para utilizarlo.

Para utilizarlo sólo tienes que instalarlo y activarlo, después puedes usar Contact form 7 para crear tus formularios.

En la descripción del plugin encotrarás algunos ejemplos como estos:

EX-1   [calculator calculator-123 "Fieldname-1 + Fieldname-2 * (Fieldname-3 + Fieldname-4)"]
EX-2   [calculator calculator-900 "Fieldname-3 * Fieldname-4"]
EX-3(with prefix $)   [calculator calculator-959 Prefix:$ "Fieldname-3 * Fieldname-4"]
EX-4(sqrt)   [calculator calculator-265 "sqrt(Fieldname-1) ** Fieldname-2"]
EX-4(with prefix $ and Precision 2)   [calculator calculator-266 Prefix:$ Precision:2 " Fieldname-1 % Fieldname-2"]

Pero aun así resulta algo complejo por eso te pongo un ejemplo real.

Para crear un formulario calculadora simple con este plugin podríamos usar el siguiente código:

<label> Numero 1:
    [number number1] </label>

<label> Numero 2:
    [number number2] </label>

[calculator calculator-123 "number1 + number2"]

El resultado será algo como esto dependiendo del tema que estés utilizando.

Conclusión

Esta semana hemos tratado unos plugins muy complejos. Espero haberte ayudado a entenderlos un poco mejor y quitarte ese miedo o pereza a probarlos.

Sinceramente te digo que han sido más sencillos de utilizar de lo que pensaba 😉

¿Has descubierto algún plugin nuevo? Ayúdanos a compartir la newsletter.

Hoy he descubierto un nuevo plugin gracias a https://pluginlover.com. ¡Apúntate que es gratis! 😎 Clic para tuitear