En los sitios web dedicados a la salud y el bienestar, ofrecer herramientas atractivas puede mejorar considerablemente la experiencia del usuario. Una calculadora del índice de masa corporal (IMC) es un buen ejemplo, ya que ofrece a los visitantes un valioso recurso para evaluar su estado de peso.
Aquí en WPBeginner, nuestro dedicado equipo ha creado calculadoras de IMC con diferentes plugins para encontrar la que sea más fácil de usar para principiantes y que pueda empoderar a su audiencia con información personalizada sobre la salud.
Siguiendo nuestro enfoque paso a paso, estará bien equipado para añadir esta característica y contribuir a un recurso de salud y bienestar más completo para sus visitantes.
En este artículo, le mostraremos cómo añadir fácilmente una calculadora de IMC en WordPress sin ningún tipo de código o matemáticas obligatorias / requeridas / necesarias.
¿Por qué añadir una calculadora de IMC a WordPress?
IMC son las siglas de Índice de Masa Corporal. Es una medida aproximada de la grasa corporal de una persona basada en su altura y peso mediante el siguiente cálculo:
IMC = kg/m2
El kg es el peso de la persona en kilogramos, yel m2 es su estatura en metros al cuadrado.
Alternativamente, si está trabajando con unidades imperiales, entonces puede utilizar esta fórmula, donde lb es el peso en libras, e in2 es su altura en pulgadas al cuadrado, multiplicado por 703:
IMC = lb/pulg2 ∗ 703
Una lectura del IMC puede ayudar a sus visitantes, pacientes o clientes a averiguar si tienen un peso inferior al normal, sobrepeso o un peso saludable para su estatura. Sin embargo, pedir a la gente que haga el cálculo por sí misma no es una buena experiencia de usuario.
Aquí es donde entra en juego una calculadora de IMC.
Si ha creado un blog de salud o fitness, una calculadora de IMC puede ayudar a los visitantes a planificar los siguientes pasos en su camino hacia la salud. Por ejemplo, alguien que decida reducir su IMC puede suscribirse a tu rastreador de fitness.
Una calculadora de IMC también puede animar a la gente a pasar más tiempo en su sitio. Esto puede aumentar las visitas y reducir la tasa de rebote.
Cuanto más tiempo pase alguien en su sitio, más probabilidades tendrá de convertir. Por ejemplo, podrían reservar un periodo de prueba en su gimnasio de CrossFit o comprar aparatos de gimnasia en su tienda online.
Con esto en mente, veamos cómo puedes añadir fácilmente una calculadora de IMC en WordPress. En este tutorial, vamos a cubrir dos métodos, y puede utilizar los enlaces de abajo para saltar al método de su elección:
Método 1: Crear una calculadora de IMC con WPForms (Fácil)
Puede crear fácilmente una calculadora de IMC en WordPress con WPForms. Es el mejor plugin de calculadora del mercado que viene con un maquetador de arrastrar y soltar, más de 1300 plantillas prediseñadas y una completa protección contra el spam.
El plugin también ofrece una extensión de Cálculos que te permite añadir cualquier calculadora que desees, incluyendo una calculadora de IMC, una calculadora de hipotecas y una calculadora de edad.
Primero, necesita instalar y activar el plugin WPForms. Para obtener instrucciones detalladas, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Nota: WPForms tiene un plan gratuito. Sin embargo, necesitará el plan pro del plugin para desbloquear la extensión Calculations.
Tras la activación, diríjase a la página WPForms ” Ajustes desde el escritorio de WordPress para introducir su clave de licencia. Puede encontrar esta información en su cuenta del sitio web de WPForms.
Después, visite la página WPForms ” Extensiones y localice la extensión ‘Calculations Addon’.
A continuación, sólo tiene que hacer clic en el botón “Instalar extensión” para activarla en su sitio.
A continuación, debe dirigirse a la página WPForms ” Añadir nuevo desde la barra lateral del administrador de WordPress.
Aquí puede empezar escribiendo un nombre para el formulario de calculadora que está a punto de crear.
A continuación, busque la plantilla “Formulario de cálculo del IMC” y haga clic en el botón “Utilizar plantilla” situado debajo de ella.
El maquetador de formularios WPForms se abrirá ahora en su pantalla, donde observará una vista previa del formulario a la derecha con los campos del formulario en la columna de la izquierda.
Desde aquí, puede añadir los campos que desee y arrastrarlos y soltarlos para reorganizar su orden.
A continuación, haga clic en el campo “Unidad de medida” para abrir sus ajustes en la columna de la izquierda. Aquí verá que la calculadora de IMC permite elegir entre el sistema imperial y el sistema métrico.
Sin embargo, si solo desea utilizar un sistema de medida en su calculadora, puede hacer clic en el icono (-) situado al lado de un sistema para eliminarlo.
Ten en cuenta que utilizar ambos sistemas de medición en tu calculadora de IMC te ayudará a llegar a un público más amplio.
A continuación, observará dos campos de unidades diferentes que se mostrarán a los usuarios una vez que seleccionen una de las unidades de medida en el menú desplegable.
Sin embargo, si utiliza un único sistema de medición, uno de los campos de unidad no será necesario y podrá borrarlo.
Por ejemplo, si solo ofrece el IMC en unidades imperiales, deberá borrar los campos de unidad para la altura (cm) y el peso (kg) porque son unidades métricas.
A continuación, desplácese hasta los campos “IMC” y “Veredicto”. Estos campos calcularán automáticamente la altura y el peso de los usuarios y les mostrarán los resultados de su IMC.
Si borras alguno de estos campos, el formulario de la calculadora de IMC no podrá realizar ningún cálculo para ti.
Cuando esté satisfecho con su formulario, sólo tiene que hacer clic en el botón “Guardar” de la parte superior para guardar los cambios.
A continuación, abra una página/entrada en el editor de bloques donde desee añadir la calculadora de IMC.
Desde aquí, haga clic en el botón añadir bloque ‘+’ para abrir el menú de bloques y localice el bloque WPForms.
Una vez hecho esto, añade el formulario de la calculadora de IMC desde el menú desplegable dentro del propio bloque.
Por último, haz clic en el botón “Actualizar” o “Publicar” para guardar tus ajustes. Ahora, puede visitar su sitio web WordPress para ver la calculadora de IMC en acción.
Aquí, los visitantes sólo tienen que introducir su peso y estatura, y la calculadora mostrará su IMC y dirá si tienen un peso inferior al normal, están sanos, tienen sobrepeso o son obesos.
Método 2: Crear una calculadora de IMC con Formidable Forms (Avanzado)
Si desea mostrar un rango de IMC dentro de su calculadora, entonces le recomendamos hacer una calculadora de IMC en WordPress con Formidable Forms en su lugar.
Es un plugin de formularios avanzado con más capacidades de cálculo, incluyendo cálculos condicionales. También tiene características como un campo ChatGPT, campos dinámicos, plantillas prefabricadas, y un editor de arrastrar y soltar.
Primero, necesitas instalar y activar el plugin Formidable Forms. Para obtener instrucciones detalladas, puedes consultar nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.
Nota: Ten en cuenta que las plantillas ‘Calculadora’ solo están disponibles en el plan pro del plugin. Sin embargo, usted todavía tendrá que instalar Formularios Formidable Lite, ya que proporciona la base del núcleo de las características más avanzadas del plugin premium.
Tras la activación, visite la página Formidable ” Ajustes globales desde el escritorio de WordPress y seleccione la opción “Haga clic para introducir una clave de licencia manualmente”.
Encontrará la clave en su cuenta del sitio web de Formularios Formidables. Una vez introducida la información, basta con hacer clic en el botón “Guardar licencia” para guardar los ajustes.
A continuación, debe visitar la página Formidable ” Formularios desde el escritorio de WordPress.
Aquí, haz clic en el botón “+ Añadir nuevo” para empezar a crear tu calculadora.
Accederá a la página “Plantillas de formularios”. Aquí, puede hacer clic en la pestaña “Calculadora” de la columna izquierda para ver las más de 55 plantillas de formularios de calculadoras, incluida una calculadora avanzada de hipotecas, una calculadora de porcentajes, una calculadora de interés compuesto y mucho más.
Siga adelante y haga clic en el botón “Usar plantilla” situado bajo la plantilla “Calculadora de IMC”.
Esto abrirá el maquetador de formularios, donde verá una vista previa del formulario a la derecha con los campos del formulario en la columna de la izquierda. Ahora puede añadir cualquier campo al formulario y arrastrar y soltar estos campos para reorganizar su orden.
Por ejemplo, la plantilla de formulario de la calculadora de IMC no tiene un campo de nombre por defecto. Pero puede añadirlo al formulario desde el panel izquierdo para recopilar más información acerca de sus usuarios.
A continuación, haga clic en el campo “Unidad de medida” para abrir sus ajustes en la columna de la izquierda.
Desde aquí, puede quitar cualquiera de los dos sistemas de medida (métrico o imperial) al hacer clic en el icono (-) situado junto a los sistemas.
Sin embargo, si desea mantener ambos en la calculadora de IMC, puede seleccionar uno de ellos como sistema de medición por defecto.
Por otro lado, si decide utilizar solo un sistema de medida para la calculadora, tendrá que borrar los campos de valores unitarios del otro sistema.
Por ejemplo, si solo desea trabajar con el sistema métrico decimal, deberá borrar los campos de altura (pies y pulgadas) y peso (libras) del formulario.
Para ello, basta con hacer clic en el icono de tres puntos situado en la parte superior del campo y seleccionar la opción “Borrar”.
A continuación, debe desplazarse hasta el campo “IMC”. Este campo calculará automáticamente el IMC de sus usuarios y le proporcionará un veredicto.
Si borras este campo, la calculadora de IMC no funcionará. Le recomendamos que lo deje como está.
Después, haz clic en el botón “Guardar” de la parte superior para establecer los ajustes.
Se abrirá una indicación en la pantalla en la que deberá añadir un nombre para su formulario y hacer clic en el botón “Guardar”.
A continuación, debe cerrar el editor de formularios y abrir la página/entrada en la que desea añadir la calculadora de IMC en el editor de bloques.
Una vez allí, sigue adelante y haz clic en el botón ‘+’ de añadir bloque para abrir el menú de bloques y añadir el bloque Formularios Formidables.
A continuación, seleccione el formulario que acaba de crear en el menú desplegable del propio bloque.
Por último, haga clic en el botón “Actualizar” o “Publicar” para almacenar sus ajustes.
Ahora, puede visitar su blog WordPress o sitio web para ver la calculadora de IMC. Aquí, el visitante puede escribir su altura y peso para ver su IMC. Si quieren más información, entonces pueden hacer clic en el botón ‘Ver mi rango’.
A continuación, la calculadora mostrará los intervalos de las distintas categorías de peso.
Bonificación: Crear un Fitness Tracker en WordPress
Además de añadir una calculadora de IMC, también puede añadir un rastreador de fitness a su sitio de WordPress. Este rastreador puede ser un simple formulario que los usuarios rellenan cada mes para hacer un seguimiento de sus viajes de pérdida de peso.
Si tienes un blog de fitness, añadir este rastreador puede aumentar la participación en tu sitio y animar a más usuarios a registrarse y formar parte de tu lista de correo electrónico.
Puedes crear fácilmente un rastreador de fitness con Formidable Forms sin necesidad de aprender ningún código. Así, los usuarios podrán hacer un seguimiento de su pérdida de peso a lo largo del tiempo.
Para más detalles, consulte nuestro tutorial sobre cómo crear un rastreador de fitness en WordPress.
Esperamos que este tutorial te haya ayudado a aprender cómo añadir una calculadora de IMC en WordPress. También puedes marcar / comprobar nuestra guía sobre cómo crear un formulario de contacto y los plugins de WordPress imprescindibles para sitios de negocios.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Basit
Is it possible to insert BMI calculator form into wp site manually without using any plugin? If so can you refer a step by step guide? Actually I avoid installing too much plugins on my site and want to implement stuff manually.
WPBeginner Support
We do not have a beginner-friendly method for what you’re wanting to do but for your plugin concern, we would recommend taking a look at our article below:
https://www.wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Administrador
Ohue honesty
Nice and lovely.
WPBeginner Support
Glad you liked our article
Administrador