Con Metform, puedes crear un formulario calculado en WordPress para tu página de Elementor. Los campos de entrada de MetForm se pueden convertir en formularios de campos calculados de WordPress.

Empezar #

Realice cálculos en los campos del formulario para mostrar el valor calculado automáticamente con MetForm. Puede realizar cualquier tipo de cálculo en el campo del formulario con MetForm.

Cuidado con la video guía

O siga el proceso paso a paso a continuación para crear un formulario calculado en WordPress:

Cómo crear un formulario calculado en WordPress usando MetForm #

Echemos un vistazo a cómo puedes utilizar MetForm como tu Elementor calculadora de formularios. Puede convertir los archivos de entrada de MetForm en un formulario de campos calculados de WordPress siguiendo los pasos a continuación:

Paso 1: crear un formulario usando MetForm #

Tome una nueva página o publicación y comience a editar con Elementor. Luego, busque el widget Metform y arrástrelo al área de ubicación del widget.

Ahora ven abajo, el Pestaña Contenido de la configuración del widget y seguir Formularios > Editar foro.

Verá una ventana emergente como la imagen a continuación, aquí elija crear una nueva forma. Entonces ingresa un nombre para el formulario y seleccione el formulario en blanco.

Y, golpea el Editar formulario botón. Al hacer esto, se abrirá una pantalla del editor de formularios.

Paso 2: configurar el formulario de campos calculados de WordPress #

Todos los widgets de MetForm lo ayudan a personalizar el formulario de la calculadora de la forma que prefiera. Nuestro ejemplo en este tutorial muestra el proceso de cálculo entre paquetes y cantidades. Para esta solución, también necesita insertar un Seleccionar y Número widget.

Selecciona el Valor Paquete 1: 50

Copie el nombre del campo Paquetes

Copia el Cantidad nombre del campo

Paso 3: Configurar la multiplicación #

La multiplicación es cuando tomas un número y lo sumas varias veces.

Buscar Campo de cálculo=> Arrastrar y soltar debajo del Campo de paquete

Editar cálculo=> Ajustes=> Proporcionar el Expresión

• Pegue el nombre del campo Paquetes y el nombre del campo Cantidad con operadores: paquetes * cantidad
• Además, active el botón de alternancia al lado de "Habilitar coma"Opción si desea mostrar un valor separado por comas.

Vista del sitio

Seleccionar Paquete 1=> Selecciona el Valor de cantidad: 1

• Mostrando el precio: $50

Ahora configura el Valor de cantidad: 2

• Mostrando el precio: $100

Paso 4: realizar la suma #

La suma es un proceso o acción de agregar algo a otra cosa.

• Editar cálculo=> Ajustes=> Pegue el nombre del campo Paquetes y el nombre del campo Cantidad
• Proporcionar Suma expresión. Por ejemplo: paquetes + cantidad

Vista del sitio

Seleccionar Paquete 1=> Selecciona el Valor de cantidad: 3

Mostrando el precio adicional: $53

Paso 5: Sumar resta #

Es la operación de retirar objetos de una colección indicada por el signo menos.

• Editar cálculo=> Ajustes=> Pegue el nombre del campo Paquetes y el nombre del campo Cantidad
• Proporcionar Sustracción expresión. Por ejemplo: paquetes – cantidad

Vista del sitio

Seleccionar Paquete 1=> Selecciona el Valor de cantidad: 3

Mostrando el Precio restado: $47

Paso 6: Agregar división #

Realizar división: Un número que divide a otro número completamente o con resto

• 1. Editar cálculo=> Ajustes=> Pegue el nombre del campo Paquetes y el nombre del campo Cantidad
• 2: Proporcionar División expresión. Por ejemplo: paquetes / cantidad

Vista del sitio

1: Seleccionar Paquete 1=> Selecciona el Valor de cantidad: 3

• Mostrando el Precio dividido: $16.666666666666668

Paso 7: Mostrar valor flotante #

Un flotante es un número que tiene un decimal.

• Editar cálculo=> Ajustes=>Pegue el nombre del campo Paquetes y el nombre del campo Cantidad
• Establezca el número después de la coma que desea colocar después del punto decimal.
• Proporcionar la Expresión de coma flotante. Por ejemplo: flotador(paquetes/cantidad,2). Aquí obtendrá 2 decimales ya que ha establecido el valor 2.

Vista del sitio

1: Seleccionar Paquete 1=> Selecciona el Valor de cantidad: 3

• Mostrando el precio flotante con 2 números de entrada después del punto decimal : 16.67

Paso 8: Mostrar valor redondeado #

Un número que mantiene su valor cercano al que era.

• 1: Editar cálculo=> Ajustes=> Pegue el nombre del campo Paquetes y el nombre del campo Cantidad
• 2: Proporcionar expresión redonda. Por ejemplo: redondo(paquetes/cantidad)

Vista del sitio

1: Seleccionar Paquete 1=> Selecciona el Valor de cantidad: 3

• Mostrando el precio redondeado: 17

Paso 9: Mostrar valor de formato numérico #

NumberFormat le permite mostrar valores separados por comas.

• 1: Editar cálculo=> Ajustes=> Pegue el nombre del campo Paquetes y el nombre del campo Cantidad
• 2: Proporcionar expresión de formato numérico. Por ejemplo: númeroFormato(paquetes * cantidad)

Vista del sitio

1: Seleccionar Paquete 1 => Ahora establezca el valor de cantidad: 100000

• Mostrando los valores separados por comas: $5,000,000

Paso 10: Mostrar valor mínimo #

Los valores mínimos le permiten devolver el número entero más cercano menor o igual a un número determinado.

• Editar cálculo=> Ajustes=> Pegue el nombre del campo Paquetes y el nombre del campo Cantidad
• Proporcionar Piso Expresión. Por ejemplo: piso(paquetes/cantidad)

Vista del sitio

1: Seleccionar Paquete 1=> Selecciona el Valor de cantidad: 3

• Mostrando el precio mínimo: 16

Paso 11: Mostrar el valor del techo #

Espectáculo Fortificar techo Valor: Los valores máximos le permiten devolver el número entero más cercano mayor o igual a un número determinado.

• 1: Editar cálculo=> Ajustes=> Pegue el nombre del campo Paquetes y el nombre del campo Cantidad
• 2: Proporcionar Fortificar techo Expresión. Por ejemplo: techo (paquetes / cantidad)

Vista del sitio

1: Seleccionar Paquete 1=> Selecciona el Valor de cantidad: 3

• Mostrando el Fortificar techo precio: 17

• Aquí está toda la operación con un ejemplo de expresión.

• Descripción de opciones

Así es como puedes crear campos de formulario calculados con MetForm en Elementor fácilmente y sin problemas. Entonces, ¿por qué demorarse? Cree un formulario de campos calculados de WordPress en Elementor con MetForm.