Cómo hacer una calculadora de IMC usando Elementor y Element Pack Pro
Publicado: 2022-02-01Si ejecuta un sitio relacionado con la salud o inicia un blog sobre fitness o salud en WordPress que ofrece a sus visitantes productos, servicios o contenido relacionado con el bienestar y mantenerse en forma, entonces sería una buena decisión que les ofreciera una calculadora de IMC. utilizando Elementor.
Tus esfuerzos para crear conciencia sobre la salud serán inútiles si les das muchos consejos a tus visitantes y les dices que calculen su IMC ellos mismos. Como resultado, sus visitantes regresarán de inmediato y encontrarán otra fuente adecuada para ellos.
En cambio, será una buena consideración agregar una calculadora de IMC usando Elementor a su sitio y permitir que sus visitantes calculen fácilmente su IMC. Como resultado, sus visitantes pasarán más tiempo manteniéndose en contacto durante mucho tiempo y conseguirán que más visitantes a su sitio terminen comprándole algo.
Es una mejor manera de alentar a su tráfico a mantenerse en buena salud al hacer una calculadora de IMC usando Elementor y proporcionársela lista para usar. Si alguien está tratando de mantenerse en forma, puede regresar a su sitio para ver si su IMC ha mejorado.
¿Qué es el IMC y la calculadora de IMC?
IMC significa Índice de Masa Corporal. Es una medida aproximada de la grasa corporal basada en la altura y el peso que se aplica a hombres y mujeres adultos. El IMC indica la condición de peso de una persona para su altura. Con el IMC, puede indicar rápidamente bajo peso, sobrepeso, peso normal u obesidad.
La calculadora de IMC es la herramienta esencial para calcular el IMC que puede adjuntar a su sitio web. Después de hacer una calculadora de IMC usando Elementor, simplemente ingrese el peso en kg y la altura en pies y pulgadas, y obtenga el resultado del IMC. A partir de ese resultado, puede ver si una persona tiene un peso saludable o no.
¿Por qué medir el IMC es tan importante?
Al medir el IMC, puede averiguar su estado de salud. Cuanto mayor sea el IMC, mayor será el riesgo de desarrollar diversos problemas de salud como diabetes, presión arterial alta, enfermedad hepática, algunos tipos de cáncer, artritis, etc.
Al crear una calculadora de IMC con Elementor y agregarla a su sitio de WordPress, puede facilitar que sus visitantes midan el IMC y atraigan más tráfico y generen más tráfico repetido.
tabla de IMC
Un gráfico de IMC en la calculadora de IMC que usa Elementor muestra el indicador de peso según la altura:
En este artículo, le mostraré paso a paso la forma más fácil de agregar una calculadora de IMC usando Elementor a su sitio web de WordPress.
¡Vamos a sumergirnos!
Para agregar una calculadora de IMC a su sitio web, debe seguir estos sencillos pasos:
Paso 1: Personalización del campo de formulario
Primero, para hacer una calculadora de IMC usando Elementor, vaya al menú Admin, haga clic en el cuadro cuadrado, escriba 'calculadora' en la barra de búsqueda, aparecerán algunos widgets. Seleccione la 'Calculadora avanzada', manténgala presionada y arrástrela al área de texto.
Ahora, aparecerá un formulario que muestra el campo de valor y el botón de enviar.
Comience a personalizar con los campos Valor. Haga clic en 'Primer valor', haga clic en 'Contenido', seleccione 'Número' en la opción 'Tipo'.
Ahora, seleccione 'Primer valor' en la etiqueta, seleccione 'Ingrese su valor' en la opción 'Marcador de posición'. Escriba 'Su Peso (Kg)'.
A continuación, haga clic en 'Segundo valor', en la primera parte, configure 'Seleccionar' en la opción 'Tipo', configure 'Su altura (pies)' en la Etiqueta, configure el ancho de columna en 50%. En la sección de opciones, escriba del 1 al 7. Consulte el documento para insertar el valor.
Ahora, copie la sección y conviértala en otra porción. En la segunda parte, configure 'Seleccionar' en la opción 'Tipo', configure 'Su altura (pulgadas)' en la opción Etiqueta, configure el ancho de columna al 50%. En la sección de opciones, escriba del 1 al 12.
Paso 2: Inserción de fórmula
En este paso para hacer una calculadora de IMC usando Elementor, insertaremos una fórmula para calcular el IMC. Ahora, haga clic en la barra 'Fórmula', escriba la fórmula en el cuadro de fórmula. La fórmula es: SUMA (f1/ ((f2*0.3048 + f3 *0.0254)* (f2*0.3048 + f3 *0.0254))).
¡Un poco más para terminar! Ten paciencia y sigue leyendo.
Paso 3: personalización de columnas
En este paso para hacer una calculadora de IMC usando Elementor, personalizaremos la columna. Para hacer esto, haga clic en la opción 'Columna' y luego haga clic en la pestaña 'Avanzado' en la tercera posición superior izquierda, establezca el relleno en 80.
Después de eso, haga clic en la barra 'Estilo' en la segunda posición superior izquierda, personalice la sombra del cuadro.
¡Casi termino! Tenga paciencia, vamos a proceder al paso final.
Paso 4: Estilo
En este paso, haga una calculadora de IMC con Elementor, haga clic en 'Estilo de formulario', cambie el espaciado, el color del texto y la tipografía.
Después de eso, haga clic en la barra 'Campos', cambie el color del texto, el color del marcador de posición y el color de fondo.
Luego, en la sección de campos, cambie el ancho, el color y el relleno.
Después de eso, haga clic en el 'Botón Enviar', cambie el color y agregue algo de relleno alrededor.
Luego, haga clic en la pestaña 'Contenido', cambie la alineación del botón de enviar a 'justificar'.
Ahora, personalice el 'Resultado', cambie la condición de la sección de resultados.
Después de eso, haga clic en la barra 'Estilo', cambie la sección 'Error'. Esta sección mostrará un mensaje de error si el usuario ingresa información incorrecta.
Si el usuario inserta información incorrecta o no pone el valor, aparecerá un mensaje de error como este.
¡Todo listo! Ha terminado de hacer una calculadora de IMC usando Elementor con éxito. Ahora, puede ofrecer a sus visitantes que verifiquen su IMC usando esta calculadora muy fácilmente.
Ahora que su calculadora de IMC con Elementor está lista para funcionar. Así es como funciona.
Este blog está publicado en BDThemes
Conclusión
Le mostré el proceso fácil de hacer una calculadora de IMC usando Elementor y Element Pack Pro. Espero que puedas aplicar esto a tu propio sitio.
Gracias por leer pacientemente este artículo. ¡Hasta luego!