Cómo agregar una computadora BMI a WordPress (paso a paso)

¿Le gustaría agregar una computadora BMI a su sitio web de WordPress? Si proporciona contenido, salud y servicios físicos y fitness, entonces una computadora de IMC podría ser realmente útil para su audiencia en este artículo, le mostraremos cómo agregar fácilmente una computadora IMC a WordPress. ¡No se necesitan matemáticas ni código!

¿Qué es el IMC y por qué es importante? IMC significa el índice de masa corporal. Es una medida aproximada de la grasa corporal basada en el cuerpo. El cálculo de IMC le da una indicación rápida si tiene bajo peso, sobrepeso o sobre el peso correcto para su altura.
Si comenzó un blog de fitness o salud, entonces podría tener mucho sentido dar una computadora de IMC para sus visitantes que agregan una computadora de IMC a su sitio puede hacer que las personas pasen más tiempo en su sitio, incluso podría comprar algo de Usted o una de las ofertas afiliadas.

También es una buena manera de alentar la repetición del tráfico. Si alguien está tratando de perder peso, puede regresar a su sitio para ver si el IMC ha mejorado. ¿Cómo calculo el IMC? Puede calcular IMC usando el siguiente cálculo: IMC = kg / m 2
KG es el peso de una persona en kilogramos, y M 2 es su altura en metros cuadrados. Si prefiere calcular el IMC usando unidades imperiales, puede usar la siguiente fórmula: IMC = [Peso kg / altura pulgadas 2] x 703 Un IMC saludable está en el rango 18.5 – 25. Un IMC a continuación indica que la persona tiene bajo peso, y un IMC más de 25 indica que tiene sobrepeso. Obviamente, la solicitud de los lectores para eliminar su computadora no es muy útil. Puede agregar una computadora simple a su sitio web, donde los usuarios pueden ingresar su altura y peso para que la computadora pueda mostrarles su IMC. Por lo tanto, los usuarios permanecen involucrados en su sitio web y es más probable que se conviertan en el cliente. Creando una computadora de WordPress para este tutorial, utilizaremos el complemento de formularios formidables. Es uno de los mejores complementos para los formularios de WordPress en el mercado y le permite crear formas avanzadas utilizando herramientas de deslizamiento y colocación simples. Viene con toneladas de plantillas de formulación, computadoras, campos repetidos avanzados y otras herramientas. Esto le permite crear formularios avanzados muy interactivos para su sitio web. Primero, deberá registrarse para una cuenta de formularios formidables, luego instalar y activar el complemento. Para obtener más detalles, consulte nuestras instrucciones sobre cómo instalar un complemento de WordPress.
Después de la activación, debe visitar la formulación de la página formidable »y luego hacer clic en el botón” Agregar un nuevo “para crear su computadora IMC.
Después de haber hecho esto, verá una variedad de plantillas que puede usar para crear un formulario. Desplácese hacia abajo para encontrar la computadora IMC o simplemente escriba “BMI” en la barra de búsqueda para ubicar. Luego se le pedirá que proporcione un nombre para su formulario y una descripción. Puede usar el nombre predeterminado y omitir la descripción si lo desea. Después de que esté listo, haga clic en el botón “Crear”.

Una vez que haya hecho esto, los formularios formidables crearán automáticamente el formulario de computadora IMC. Se le dirigirá directamente a la vista de “construir” de su formulario, como puede ver, tiene el formulario en el lado derecho de la pantalla. A la izquierda, hay un área donde puede agregar o editar los campos de campo.

La computadora IMC funcionará perfectamente con la configuración predeterminada. Si desea agregar campos adicionales, puede hacerlo haciendo clic en el campo izquierdo y se agregará automáticamente a su formulario. Es posible que desee eliminar el cuadro BMI Prime si desea mantener el formulario simple. No es necesario que el formulario funcione.

Para eliminar el campo, haga clic en él, luego haga clic en el icono de basura.

Si desea que el usuario envíe el formulario para ver sus resultados de IMC, también puede eliminar los campos de bajo peso, saludable, con sobrepeso y obesidad. Ajuste de la configuración de su computadora IMC Después de que esté satisfecho con la computadora BMI, haga clic en la pestaña “Configuración” en la parte superior de la pantalla.
Es posible que desee hacer cambios aquí. Por ejemplo, puede cambiar los mensajes predeterminados que se muestran a los usuarios después de enviar el formulario. Si se desplaza a la parte inferior de la página, puede verlos en la lista en el cuadro de envío. Cuando alguien use la computadora, el resultado se mostrará de la siguiente manera:

Es posible que desee cambiar la formulación para que sea adecuada para su público. Otra opción aquí es agregar enlaces para una orientación adicional. Por ejemplo, puede tener contenido que ofrezca consejos de dieta o ejercicio. Puede ingresar el código HTML en el cuadro. Para cambiar el tamaño de la fuente y el color de fondo de la caja, puede usar la característica de formularios formidables. Iremos a este tutorial más tarde. Aquí hay un ejemplo de un resultado del resultado con un enlace relevante incluido:

Consejo: El cuadro donde puede editar el mensaje de resultados es bastante pequeño. Puede copiar el mensaje en el cuadro y puede pegarlo a un editor de códigos para facilitar la edición. Copiéelo al cuadro de mensaje cuando haya terminado. Cambiar el texto del botón de su computadora IMC Si desea cambiar el texto del botón Formulario, puede hacerlo en el estilo y los botones de configuración ». Ingrese solo el texto que desea usar. Usaremos el texto “Mostrar mi gama BMI” en lugar de “¡Mira mi gama!” Para el texto del botón. También cambié “actualizar los resultados” en lugar de “actualizar” para el texto en el botón que aparece después de que se envió el formulario.

Cambiando el estilo de su computadora IMC predeterminada, la computadora IMC se ve bastante simple. El texto también es bastante pequeño, como sigue:

Puede cambiar el estilo de su forma usando diferentes colores, tamaños de fuente y más. Para hacer esto, primero tendrá que ir formidables »estilos del tablero de WordPress. Luego puede hacer clic en el botón”+ nuevo estilo “para comenzar a crear un nuevo estilo. Alternativamente, puede editar el estilo predeterminado existente, si desea usar el mismo estilo para todos sus formularios. Crearemos un nuevo estilo solo para nuestro formulario de computadora BMI.


Si hace clic en el menú Drop -down junto a la pestaña Etiqueta de campo, puede cambiar el tamaño de las etiquetas en los campos de su formulario. Lo mejoraremos de 14 px original a 18 px.

En el lado derecho de la pantalla, verá una vista previa del estilo de su formulario a medida que realiza cambios, se actualizará automáticamente. Probablemente desee aumentar el tamaño de la fuente y la altura del campo de campo, en la sección “Configuración de campo”. Puede cambiar el tamaño de los botones de radio (Imperial vs Metric) en la pestaña “Selección y campos de radio”. También puede aumentar el tamaño de la fuente del botón en la pestaña Botones. También puede elegir un color para el botón. Si desea aumentar el mensaje de resultados o cambiar el color de fondo, puede hacerlo en la pestaña Mensajes de formulario. Después de realizar todos los cambios deseados, haga clic en “Actualizar” a la parte superior derecha para guardar sus cambios con estilo.

Luego puede aplicar el estilo de su formulario primero, acceder a formularios formidables », luego busque el formulario. Haga clic en el título del formulario para editarlo o cruzar el cursor sobre el formulario y haga clic en el enlace “Editar” justo debajo.

Luego puede acceder a la pestaña Configuración y hacer clic en Estilo y botones para establecer los estilos de formulario. Aquí puede usar el menú de depósito de saglón de estilo estilo para seleccionar la nueva plantilla de estilo. Simplemente haga clic en el menú Drop -down y luego haga clic en el estilo que desea usar. Ahora su formulario se estilizará según la plantilla. Así es como se ve nuestro propio:

Agregar el formulario para la computadora IMC en su sitio web Una vez que esté listo, puede poner su formulario en vivo primero en su sitio, deberá hacer clic en el botón “Actualizar” a la parte superior derecha para guardar los cambios:

Luego deberá editar una publicación o página existente o crear una nueva. Una vez que haya hecho esto, puede hacer clic en el botón (+) para agregar un nuevo bloque. Vaya a la sección Widgets y haga clic en el bloque formidable de formularios. O, si lo prefiere, puede usar la barra de búsqueda para encontrarla.

Ahora puede simplemente elegir su formulario IMC. Haga clic en el menú de caída “Seleccionar un formulario” y elija la computadora BMI, de la siguiente manera:

Es posible que desee una vista previa de su página para ver qué se completa su computadora BMI en vivo en su sitio aquí: