Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar una calculadora de IMC en WordPress (paso a paso)

¿Está buscando una forma de hacer que su sitio web de salud y bienestar sea más atractivo?

Una calculadora del Índice de Masa Corporal (IMC) puede ser un gran recurso para sus lectores. Permite a los usuarios obtener información valiosa, e incluso puede usarla para captar clientes potenciales o vender sus servicios de nutrición y fitness.

En este artículo, le mostraremos cómo agregar fácilmente una calculadora de IMC en WordPress sin necesidad de codificación ni cálculos.

Siguiendo nuestro enfoque paso a paso, estará bien equipado para crear este recurso de salud y bienestar para sus visitantes.

Agregar una calculadora de IMC en WordPress (paso a paso)

¿Por qué agregar una calculadora de IMC a WordPress?

IMC significa Índice de Masa Corporal. Es una medida aproximada de la grasa corporal de una persona basada en su altura y peso utilizando el siguiente cálculo:

IMC = kg/m2

El kg es el peso de la persona en kilogramos, y m2 es su altura en metros al cuadrado.

Alternativamente, si está trabajando con unidades imperiales, puede usar esta fórmula, donde lb es el peso en libras, y in2 es su altura en pulgadas al cuadrado, multiplicado por 703:

IMC = lb/in2 ∗ 703

Una lectura del IMC puede ayudar a sus visitantes, pacientes o clientes a determinar si tienen bajo peso, sobrepeso o un peso saludable para su altura. Sin embargo, pedir a las personas que hagan el cálculo por sí mismas no es una buena experiencia de usuario.

Aquí es donde entra en juego una calculadora de IMC.

Si ha iniciado un blog de salud o fitness, una calculadora de IMC puede ayudar a los visitantes a planificar los próximos pasos en su viaje de salud. Por ejemplo, alguien que decide reducir su IMC puede inscribirse en su rastreador de fitness.

Una calculadora de IMC también puede animar a las personas a pasar más tiempo en tu sitio. Esto puede aumentar las visitas a la página y disminuir tu tasa de rebote.

Cuanto más tiempo pase alguien en tu sitio, más probable será que convierta. Por ejemplo, podrían reservar una clase de prueba en tu gimnasio de CrossFit o comprar equipo de ejercicio en tu tienda en línea.

Con esto en mente, veamos cómo puedes agregar fácilmente una calculadora de IMC en WordPress. En este tutorial, cubriremos dos métodos, y puedes usar los enlaces a continuación para saltar al método de tu elección:

Método 1: Crear una calculadora de IMC con WPForms (Fácil)

Puedes crear fácilmente una calculadora de IMC en WordPress con WPForms. Es el mejor plugin de calculadora del mercado que viene con un constructor de arrastrar y soltar, más de 2000 plantillas prehechas y protección completa contra spam.

El plugin también ofrece un complemento de Cálculos que te permite agregar cualquier formulario de calculadora que desees, incluida una calculadora de IMC, una calculadora de hipotecas y una calculadora de edad. Para obtener más información, consulta nuestra reseña de WPForms.

Primero, necesitas instalar y activar el plugin WPForms. Para obtener instrucciones detalladas, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: WPForms tiene un plan gratuito. Sin embargo, necesitarás el plan pro del plugin para desbloquear el complemento de Cálculos.

Después de la activación, dirígete a la página WPForms » Ajustes desde el panel de WordPress para ingresar tu clave de licencia. Puedes encontrar esta información en tu cuenta en el sitio web de WPForms.

wpforms-license-key

Después de eso, visita la página WPForms » Complementos y localiza el 'Complemento de Cálculos'.

Luego, simplemente haz clic en el botón ‘Instalar Complemento’ para activarlo en tu sitio.

Instala y activa el complemento Calculations

A continuación, debes dirigirte a la página WPForms » Agregar Nuevo desde la barra lateral de administración de WordPress.

Aquí, puedes empezar escribiendo un nombre para el formulario de calculadora que estás a punto de crear.

Después de eso, busca la plantilla 'Formulario de Calculadora de IMC' y haz clic en el botón 'Usar Plantilla' debajo de ella.

Haz clic en el botón Usar plantilla debajo de la plantilla de formulario de calculadora de IMC

El constructor de formularios de WPForms se abrirá ahora en tu pantalla, donde notarás una vista previa del formulario a la derecha con los campos del formulario en la columna izquierda.

Desde aquí, puedes agregar cualquier campo que desees y arrastrarlos para reorganizar su orden.

A continuación, haz clic en el campo 'Unidad de Medida' en la columna izquierda para abrir su configuración. La calculadora de IMC ofrece a los usuarios la opción entre los sistemas de medición imperial y métrico.

Sin embargo, si solo deseas usar un único sistema de medición en tu calculadora, puedes hacer clic en el ícono (-) junto a un sistema para eliminarlo.

Recuerda que usar ambos sistemas de medición en tu calculadora de IMC te ayudará a llegar a una audiencia más amplia.

Elige las unidades de medida para el formulario

Después de eso, notarás dos campos de unidad diferentes que se mostrarán a los usuarios una vez que seleccionen una de las unidades de medida del menú desplegable.

Sin embargo, si estás utilizando un único sistema de medición, uno de los campos de unidad no será necesario y podrás eliminarlo.

Por ejemplo, si solo ofreces IMC en unidades imperiales, entonces debes eliminar los campos de unidad para altura (cm) y peso (kg) porque son unidades métricas.

Elimina un campo de diseño según el sistema de medición que hayas elegido

A continuación, desplázate hacia abajo hasta los campos 'IMC' y 'Veredicto'. Estos campos calcularán automáticamente la altura y el peso de los usuarios y les mostrarán sus resultados de IMC.

Si eliminas alguno de estos campos, el formulario de calculadora de IMC no podrá realizar ningún cálculo por ti.

Una vez que estés satisfecho con tu formulario, simplemente haz clic en el botón 'Guardar' en la parte superior para almacenar tus cambios.

Guarda tu formulario de calculadora de IMC

A continuación, abre una página/publicación en el editor de bloques donde quieras agregar la calculadora de IMC.

Desde aquí, haz clic en el botón ‘+’ para agregar un bloque, abre el menú de bloques y localiza el bloque WPForms.

Una vez que lo hagas, agrega el formulario de calculadora de IMC desde el menú desplegable dentro del propio bloque.

Agrega el formulario de calculadora de IMC a la página con el bloque WPForms

Finalmente, haz clic en el botón ‘Actualizar’ o ‘Publicar’ para guardar tu configuración. Ahora, puedes visitar tu sitio web de WordPress para ver la calculadora de IMC en acción.

Aquí, los visitantes pueden simplemente escribir su peso y altura, y la calculadora les mostrará su IMC y les dirá si tienen bajo peso, peso saludable, sobrepeso u obesidad.

Vista previa de la calculadora de IMC de WPForms

Método 2: Crear una calculadora de IMC con Formidable Forms (Avanzado)

Si deseas mostrar un rango de IMC dentro de tu calculadora, te recomendamos crear 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. Hemos probado a fondo la herramienta y nos pareció genial para cálculos más complejos. Para saber más sobre nuestra experiencia, consulta nuestra reseña de Formidable Forms.

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 de 'Calculadora' solo están disponibles en el plan pro del plugin. Sin embargo, aún necesitarás instalar Formidable Forms Lite porque proporciona la base principal para las funciones más avanzadas del plugin premium.

Al activar, visita la página Formidable » Global Settings desde el panel de WordPress y selecciona la opción 'Click to enter a license key manually'.

Puedes encontrar la clave en tu cuenta en el sitio web de Formidable Forms. Una vez que ingreses la información, simplemente haz clic en el botón 'Save License' para guardar tu configuración.

Ingresar la clave de licencia de Formidable Forms

A continuación, debes visitar la página Formidable » Forms desde el panel de WordPress.

Aquí, haz clic en el botón '+ Add New' para empezar a construir tu calculadora.

Agregar un nuevo formulario de calculadora

Esto te llevará a la página 'Form Templates'. Aquí, puedes hacer clic en la pestaña 'Calculator' de la columna izquierda para ver las más de 55 plantillas de formularios de calculadora, incluyendo una calculadora avanzada de hipotecas, calculadora de porcentajes, calculadora de interés compuesto y más.

Adelante, haz clic en el botón 'Use Template' debajo de la plantilla 'BMI Calculator'.

Elige la plantilla de calculadora de IMC

Esto abrirá el constructor de formularios, donde verá una vista previa del formulario a la derecha con los campos del formulario en la columna izquierda. Ahora puede agregar 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. Sin embargo, puede agregar uno desde el panel izquierdo para recopilar más información sobre sus usuarios.

Agrega los campos del formulario de tu elección en la calculadora de IMC desde la columna izquierda

Después de eso, deberá hacer clic en el campo 'Unidad de medida' para abrir su configuración en la columna izquierda.

Desde aquí, puede eliminar cualquiera de los dos sistemas de medición (métrico o imperial) haciendo clic en el ícono (-) junto a los sistemas.

Sin embargo, si desea conservar ambos en la calculadora de IMC, puede seleccionar uno como el sistema de medición predeterminado.

Elige el sistema de medición predeterminado para la calculadora de IMC

Por otro lado, si decide usar solo un sistema de medición para la calculadora, tendrá que eliminar los campos de valor de unidad para el otro sistema.

Por ejemplo, si solo desea trabajar con el sistema métrico, deberá eliminar los campos de altura (pies y pulgadas) y peso (libras) del formulario.

Para hacer esto, simplemente haga clic en el ícono de tres puntos encima del campo y luego seleccione la opción 'Eliminar'.

Elimina los campos de unidades para el sistema de medición que hayas eliminado

A continuación, desplácese hacia abajo hasta el campo 'IMC'. Este campo calculará automáticamente el IMC de sus usuarios y proporcionará un veredicto.

Si elimina este campo, la calculadora de IMC no funcionará. Recomendamos dejarlo como está.

Campo de IMC en Formidable Forms

Después de eso, haga clic en el botón 'Guardar' en la parte superior para almacenar su configuración.

Esto abrirá un cuadro de diálogo en la pantalla. Debe agregar un nombre para su formulario y hacer clic en el botón 'Guardar'.

Agrega un nombre para el formulario de calculadora de IMC

A continuación, debe cerrar el editor de formularios y abrir la página/publicación donde desea agregar la calculadora de IMC en el editor de bloques.

Una vez que esté allí, haga clic en el botón 'Agregar bloque' (+) para abrir el menú de bloques y agregar el bloque Formidable Forms.

Después de eso, seleccione el formulario que acaba de crear en el menú desplegable dentro del propio bloque.

Agrega la calculadora de IMC con el bloque Formidable Forms

Finalmente, haz clic en el botón ‘Actualizar’ o ‘Publicar’ para guardar tu configuración.

Ahora, puedes visitar tu blog de WordPress o sitio web para ver la calculadora de IMC. Aquí, el visitante puede escribir su altura y peso para ver su IMC. Si desean más información, pueden hacer clic en el botón ‘Ver mi rango’.

La calculadora mostrará entonces los rangos para todas las diferentes categorías de peso.

Vista previa de la calculadora de IMC de Formidable Forms

Extra: Crear un rastreador de fitness en WordPress

Además de agregar una calculadora de IMC, también puedes agregar un rastreador de fitness a tu sitio de WordPress. Este rastreador puede ser un formulario simple que los usuarios completan cada mes para seguir sus procesos de pérdida de peso.

Si tienes un blog de fitness, agregar este rastreador puede aumentar la interacción en tu sitio y animar a más usuarios a registrarse y formar parte de tu lista de correo.

Puedes crear fácilmente un rastreador de fitness con Formidable Forms sin necesidad de aprender a programar. Luego, los usuarios podrán seguir su progreso de pérdida de peso a lo largo del tiempo.

Rastreador de fitness en vivo

Para más detalles, consulta nuestro tutorial sobre cómo crear un rastreador de fitness en WordPress.

Esperamos que este tutorial te haya ayudado a aprender cómo agregar una calculadora de IMC en WordPress. También te puede interesar consultar nuestra guía sobre cómo crear un formulario de contacto y nuestros consejos de expertos para crear formularios más interactivos en WordPress y aumentar las conversiones.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

5 CommentsLeave a Reply

  1. Estaba leyendo la guía relacionada aquí sobre cómo crear una calculadora personalizada después de leer que esto facilita el proceso y el seguimiento. Algo genial para implementar.

  2. ¿Es posible insertar el formulario de la calculadora de IMC en un sitio de WordPress manualmente sin usar ningún plugin? Si es así, ¿puedes referir una guía paso a paso? En realidad, evito instalar demasiados plugins en mi sitio y quiero implementar cosas manualmente.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.