{"id":24564,"date":"2023-02-06T11:51:00","date_gmt":"2023-02-06T11:51:00","guid":{"rendered":"https:\/\/fluentforms.com\/?p=24564"},"modified":"2024-11-27T05:41:15","modified_gmt":"2024-11-27T05:41:15","slug":"wordpress-bmi-calculator","status":"publish","type":"post","link":"https:\/\/fluentforms.com\/wordpress-bmi-calculator\/","title":{"rendered":"Create a WordPress BMI Calculator for Health-Focused Website"},"content":{"rendered":"\n<p>Do you want to add a BMI calculator to your health and fitness-focused website? If your business offers health and fitness products or services, a BMI calculator on your website can be a great addition. It can also drive a considerable amount of traffic to your website, which will eventually lead to higher revenue.&nbsp;<\/p>\n\n\n\n<p>On top of that, adding a BMI calculator is easier than you think. In this article, we will show you how to create a WordPress BMI calculator. So, let&#8217;s get started!&nbsp;<\/p>\n\n\n<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id34332_caa25c-c2{margin-top:20px;margin-bottom:20px;}.kb-row-layout-id34332_caa25c-c2 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id34332_caa25c-c2 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id34332_caa25c-c2 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:40px;padding-right:0px;padding-bottom:40px;padding-left:40px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id34332_caa25c-c2{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;overflow:clip;isolation:isolate;}.kb-row-layout-id34332_caa25c-c2 > .kt-row-layout-overlay{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.kb-row-layout-id34332_caa25c-c2{background-image:url('https:\/\/fluentforms.com\/wp-content\/uploads\/2022\/09\/bar-1.png');background-size:contain;background-position:96% 50%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id34332_caa25c-c2 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id34332_caa25c-c2 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id34332_caa25c-c2 > .kt-row-column-wrap{padding-right:20px;padding-left:20px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id34332_caa25c-c2{background-image:url('https:\/\/fluentforms.com\/wp-content\/uploads\/2022\/09\/bar-1.png');background-size:cover;background-position:60% 81%;background-attachment:scroll;background-repeat:no-repeat;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id34332_caa25c-c2 alignnone kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column34332_b45ea5-94 > .kt-inside-inner-col{padding-right:10%;}.kadence-column34332_b45ea5-94 > .kt-inside-inner-col,.kadence-column34332_b45ea5-94 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column34332_b45ea5-94 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column34332_b45ea5-94 > .kt-inside-inner-col{flex-direction:column;}.kadence-column34332_b45ea5-94 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column34332_b45ea5-94 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column34332_b45ea5-94{position:relative;}@media all and (max-width: 1024px){.kadence-column34332_b45ea5-94 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column34332_b45ea5-94 > .kt-inside-inner-col{padding-right:0%;flex-direction:column;justify-content:center;}}.kadence-column34332_b45ea5-94 span{font-style: italic;}<\/style>\n<div class=\"wp-block-kadence-column kadence-column34332_b45ea5-94\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f, .wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"]{display:block;padding-right:100px;font-size:20px;line-height:35px;font-weight:400;font-style:normal;font-family:Lexend;}.wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}.wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"] a, .kt-adv-heading-link34332_718f01-0f, .kt-adv-heading-link34332_718f01-0f .kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"]{color:#ffd600;}.wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"] a:hover, .kt-adv-heading-link34332_718f01-0f:hover, .kt-adv-heading-link34332_718f01-0f:hover .kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"]{color:#ffd600;}.wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"] a, a.kb-advanced-heading-link.kt-adv-heading-link34332_718f01-0f{text-decoration:underline;}.wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"] a:hover, a.kb-advanced-heading-link.kt-adv-heading-link34332_718f01-0f:hover{text-decoration:underline;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f, .wp-block-kadence-advancedheading.kt-adv-heading34332_718f01-0f[data-kb-block=\"kb-adv-heading34332_718f01-0f\"]{padding-right:0px;text-align:center!important;}}<\/style>\n<span class=\"kt-adv-heading34332_718f01-0f wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color hls-underline\" data-kb-block=\"kb-adv-heading34332_718f01-0f\">Fluent Forms is the most beginner-friendly form builder.<\/span>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0, .wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"]{display:block;padding-right:100px;font-size:20px;line-height:35px;font-weight:400;font-style:normal;font-family:Lexend;}.wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"] img.kb-inline-image{width:150px;vertical-align:baseline;}.wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"] a, .kt-adv-heading-link34332_0d4632-b0, .kt-adv-heading-link34332_0d4632-b0 .kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"]{color:#ffd600;}.wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"] a:hover, .kt-adv-heading-link34332_0d4632-b0:hover, .kt-adv-heading-link34332_0d4632-b0:hover .kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"]{color:#ffd600;}.wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"] a, a.kb-advanced-heading-link.kt-adv-heading-link34332_0d4632-b0{text-decoration:underline;}.wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"] a:hover, a.kb-advanced-heading-link.kt-adv-heading-link34332_0d4632-b0:hover{text-decoration:underline;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0, .wp-block-kadence-advancedheading.kt-adv-heading34332_0d4632-b0[data-kb-block=\"kb-adv-heading34332_0d4632-b0\"]{padding-right:0px;text-align:center!important;}}<\/style>\n<span class=\"kt-adv-heading34332_0d4632-b0 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color hls-underline\" data-kb-block=\"kb-adv-heading34332_0d4632-b0\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffd600\" class=\"has-inline-color\"><a href=\"https:\/\/wordpress.org\/plugins\/fluentform\/\" target=\"_blank\" rel=\"noreferrer noopener\">Download now<\/a> <\/mark>and start crafting beautiful forms FREE!!!<\/span>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">What is a BMI calculator?&nbsp;<\/h2>\n\n\n\n<p>Body Mass Index (BMI) is a measure of <a href=\"https:\/\/fluentforms.com\/calculators\/body-fat-percentage-calculator\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/fluentforms.com\/calculators\/body-fat-percentage-calculator\/\" rel=\"noreferrer noopener\">body fat<\/a> based on an individual\u2019s weight and height. It is a commonly used tool to broadly categorize people as underweight, healthy, overweight, and obese.\u00a0<\/p>\n\n\n\n<p>To calculate BMI, you need to know your weight and height in the correct measurement unit. Once you have this information, you can enter it into the BMI calculator, which will then calculate your BMI.&nbsp;<\/p>\n\n\n\n<p>The formula for calculating BMI is &#8211;&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>BMI = Weight (kg) \/ Height (m)<sup>2<\/sup><\/strong>&nbsp;<\/p>\n\n\n\n<p>The result is then presented as a number, which helps you understand if your weight is within a healthy range.&nbsp;Some examples of BMI calculators are the ones on the official website of the <a href=\"https:\/\/www.nhs.uk\/live-well\/healthy-weight\/bmi-calculator\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.nhs.uk\/live-well\/healthy-weight\/bmi-calculator\/\" rel=\"noreferrer noopener\">National Health Service (NHS)<\/a> and <a href=\"https:\/\/www.diabetes.ca\/managing-my-diabetes\/tools---resources\/body-mass-index-(bmi)-calculator\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.diabetes.ca\/managing-my-diabetes\/tools---resources\/body-mass-index-(bmi)-calculator\" rel=\"noreferrer noopener\">Diabetes Canada<\/a>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/01\/BMI-calculator-1024x456.png\" alt=\"BMI calculator on Diabetes Canada website\" class=\"wp-image-25030\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/01\/BMI-calculator-1024x456.png 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/01\/BMI-calculator-300x133.png 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/01\/BMI-calculator-768x342.png 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/01\/BMI-calculator-360x160.png 360w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/01\/BMI-calculator-1536x683.png 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/01\/BMI-calculator.png 1722w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Why create a WordPress BMI Calculator?&nbsp;<\/h2>\n\n\n\n<p>If you offer products or services related to the health and fitness industry, a BMI calculator on your business website can be a helpful tool. It can be especially useful for people trying to <a href=\"https:\/\/pointerpro.com\/use-cases\/risk-assessment-software\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/pointerpro.com\/use-cases\/risk-assessment-software\/\" rel=\"noreferrer noopener\">assess their risk<\/a> for health problems related to being overweight or obese.&nbsp;<\/p>\n\n\n\n<p>You can also take advantage of the WordPress BMI calculator to <a href=\"https:\/\/fluentforms.com\/wordpress-lead-generation-plugins\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/fluentforms.com\/wordpress-lead-generation-plugins\/\" rel=\"noreferrer noopener\">generate leads<\/a>. By offering a BMI calculator on your website, you can collect email addresses from visitors who are interested in receiving more information about health and fitness.&nbsp;<\/p>\n\n\n\n<p>Now that you know why you need a BMI calculator for your WordPress site, let\u2019s create one.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to create a WordPress BMI calculator&nbsp;<\/h2>\n\n\n\n<p>To create a BMI calculator for a WordPress website, all you need is a plugin that takes numeric inputs from the visitors, calculates the BMI and shows the result. One great plugin which is capable of doing all these is Fluent Forms.&nbsp;<\/p>\n\n\n\n<p>It is the most lightweight and smartest plugin for <a href=\"https:\/\/fluentforms.com\/create-wordpress-forms-with-calculation\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/fluentforms.com\/create-wordpress-forms-with-calculation\/\" rel=\"noreferrer noopener\">real-time calculations<\/a> based on user inputs. But Fluent Forms doesn\u2019t stop here; it is packed with tons of powerful features like &#8211;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Drag-and-drop form-building interface&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/fluentforms.com\/uses-of-conditional-logic-on-wordpress-forms\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conditional logic<\/a>&nbsp;<\/li>\n\n\n\n<li>Dozens of useful pre-built form templates&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/fluentforms.com\/fluent-conversational-forms\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/fluentforms.com\/fluent-conversational-forms\/\" rel=\"noreferrer noopener\">Conversational forms<\/a>&nbsp;<\/li>\n\n\n\n<li>Multi-column form layout&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/fluentforms.com\/integration\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/fluentforms.com\/integration\/\" rel=\"noreferrer noopener\">45+ native integrations<\/a>&nbsp;<\/li>\n\n\n\n<li>Payment feature&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>As we have selected the right tool, let\u2019s dive into the process of making a WordPress BMI calculator.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install Fluent Forms&nbsp;<\/h3>\n\n\n\n<p>Installing Fluent Form is similar to installing any other WordPress plugin. Go to&nbsp;<strong>Plugins<\/strong>&nbsp;from your WordPress dashboard and click on the&nbsp;<strong>Add New&nbsp;Plugin<\/strong> button. Search for Fluent Forms, install and activate it.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1616\" height=\"1068\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/02\/Install-FF.png\" alt=\"Installing Fluent Forms\" class=\"wp-image-36812\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/02\/Install-FF.png 1616w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/02\/Install-FF-300x198.png 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/02\/Install-FF-1024x677.png 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/02\/Install-FF-768x508.png 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/02\/Install-FF-1536x1015.png 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/02\/Install-FF-360x238.png 360w\" sizes=\"auto, (max-width: 1616px) 100vw, 1616px\" \/><\/figure>\n\n\n\n<p>You need to upgrade to the Pro version of Fluent Forms to use the&nbsp;<strong><a href=\"https:\/\/fluentforms.com\/numeric-calculation\/\" data-type=\"link\" data-id=\"https:\/\/fluentforms.com\/numeric-calculation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Numeric Field<\/a><\/strong>&nbsp;feature. With Fluent Forms Pro, you can reveal a whole bunch of extra features and functionalities.&nbsp;<\/p>\n\n\n<style>.kadence-column16792_ffab46-25 > .kt-inside-inner-col,.kadence-column16792_ffab46-25 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column16792_ffab46-25 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column16792_ffab46-25 > .kt-inside-inner-col{flex-direction:column;}.kadence-column16792_ffab46-25 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column16792_ffab46-25 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column16792_ffab46-25{position:relative;}.kadence-column16792_ffab46-25, .kt-inside-inner-col > .kadence-column16792_ffab46-25:not(.specificity){margin-bottom:35px;}@media all and (max-width: 1024px){.kadence-column16792_ffab46-25 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column16792_ffab46-25 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}.kb-dynamic-html.kb-dynamic-html-id-31266_50dc67-18 a {    color: #ffffff;}<\/style>\n<div class=\"wp-block-kadence-column kadence-column16792_ffab46-25\"><div class=\"kt-inside-inner-col\">\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-fill\" style=\"font-size:18px\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/fluentforms.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Fluent Forms Pro<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Create a BMI calculator&nbsp;<\/h3>\n\n\n\n<p>Now, hover over Fluent Forms Pro on your WordPress dashboard and click on&nbsp;<strong>New Form<\/strong>&nbsp;&gt;&nbsp;<strong>New Blank Form<\/strong>&nbsp;to start creating a BMI calculator.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/09\/ff-create-a-new-form-3-1024x445.png\" alt=\"Creating a new form\" class=\"wp-image-30912\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/09\/ff-create-a-new-form-3-1024x445.png 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/09\/ff-create-a-new-form-3-300x130.png 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/09\/ff-create-a-new-form-3-768x334.png 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/09\/ff-create-a-new-form-3-360x156.png 360w, https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/09\/ff-create-a-new-form-3.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You will be landed on the form editor interface. Rename the form by clicking on the top left corner of the form editor.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"627\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.29.12\u202fPM-1024x627.webp\" alt=\"Renaming a form\" class=\"wp-image-38959\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.29.12\u202fPM-1024x627.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.29.12\u202fPM-300x184.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.29.12\u202fPM-768x470.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.29.12\u202fPM-1536x940.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.29.12\u202fPM-2048x1253.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.29.12\u202fPM-360x220.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To give your BMI calculator a title, add a&nbsp;<strong>Custom HTML<\/strong>&nbsp;field and customize it.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.35.02\u202fPM-1024x623.webp\" alt=\"Customizing numeric field\" class=\"wp-image-38961\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.35.02\u202fPM-1024x623.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.35.02\u202fPM-300x183.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.35.02\u202fPM-768x467.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.35.02\u202fPM-1536x935.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.35.02\u202fPM-2048x1246.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.35.02\u202fPM-360x219.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now add a&nbsp;<strong>Numeric Field<\/strong>. Customize the field by changing the&nbsp;<strong>Element Label<\/strong>,&nbsp;<strong>Placeholder<\/strong>&nbsp;and other necessary settings.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.36.04\u202fPM-1024x623.webp\" alt=\"Customizing numeric field\" class=\"wp-image-38963\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.36.04\u202fPM-1024x623.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.36.04\u202fPM-300x183.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.36.04\u202fPM-768x467.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.36.04\u202fPM-1536x935.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.36.04\u202fPM-2048x1246.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.36.04\u202fPM-360x219.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Similarly, add another&nbsp;<strong>Numeric Field<\/strong>&nbsp;for collecting information about height. Use&nbsp;<strong>Placeholder<\/strong>&nbsp;to mention the appropriate unit of measurement.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.37.16\u202fPM-1024x623.webp\" alt=\"Customizing numeric field\" class=\"wp-image-38965\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.37.16\u202fPM-1024x623.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.37.16\u202fPM-300x183.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.37.16\u202fPM-768x467.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.37.16\u202fPM-1536x935.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.37.16\u202fPM-2048x1246.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.37.16\u202fPM-360x219.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To calculate the BMI, add one more&nbsp;<strong>Numeric Field<\/strong>&nbsp;to the form editor and make the following changes &#8211;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hide the&nbsp;<strong>Element Label<\/strong>. <\/li>\n\n\n\n<li>Insert <strong>ff-hidden<\/strong> in the&nbsp;<strong>Element Class<\/strong>&nbsp;from the&nbsp;<strong>Advanced Options<\/strong>&nbsp;tab. This will keep the field hidden. <\/li>\n\n\n\n<li>Check the box beside&nbsp;<strong>Enable Calculation<\/strong>&nbsp;and put the following code as the <strong>Calculation Expression<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.47.50\u202fPM-1-1024x623.webp\" alt=\"Formula for calculating BMI\" class=\"wp-image-38968\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.47.50\u202fPM-1-1024x623.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.47.50\u202fPM-1-300x183.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.47.50\u202fPM-1-768x467.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.47.50\u202fPM-1-1536x935.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.47.50\u202fPM-1-2048x1246.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.47.50\u202fPM-1-360x219.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">round(({Name_Attribute_of_Weight}\/({Name_Attribute_of_Height}*{Name_Attribute_of_Height_1})),0)<\/code><\/pre>\n\n\n\n<p class=\"has-background\" style=\"background-color:#fff5e0\">Put appropriate name attributes of the respective fields in the above calculation. <\/p>\n\n\n\n<p>These changes will allow you to show the calculated BMI once a user provides the necessary data and clicks on a button.&nbsp;<\/p>\n\n\n\n<p>Lastly, customize the Submit button.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.50.40\u202fPM-1-1024x623.webp\" alt=\"customizing Submit button\" class=\"wp-image-38975\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.50.40\u202fPM-1-1024x623.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.50.40\u202fPM-1-300x183.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.50.40\u202fPM-1-768x467.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.50.40\u202fPM-1-1536x935.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.50.40\u202fPM-1-2048x1246.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.50.40\u202fPM-1-360x219.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Don\u2019t forget to click on the <strong>Save Form<\/strong> button.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Show calculated BMI <\/h3>\n\n\n\n<p>Now go to the <strong>Settings &amp; Integrations<\/strong> tab. Customize the <strong>Message to show<\/strong>. Here you can use the appropriate shortcode to show the calculated BMI from the submitted data. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-26-at-3.07.05\u202fPM-1024x623.webp\" alt=\"Customizing the confirmation message to show calculated BMI\" class=\"wp-image-38984\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-26-at-3.07.05\u202fPM-1024x623.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-26-at-3.07.05\u202fPM-300x182.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-26-at-3.07.05\u202fPM-768x467.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-26-at-3.07.05\u202fPM-1536x934.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-26-at-3.07.05\u202fPM-2048x1246.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-26-at-3.07.05\u202fPM-360x219.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>That&#8217;s all! Your BMI calculator is all set to be published on your website.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Display the calculator on your website&nbsp;<\/h3>\n\n\n\n<p>You can display the BMI calculator on your WordPress site in three ways.&nbsp;<\/p>\n\n\n\n<p>First, you can use the Gutenberg block editor to choose the BMI calculator you have just created. Click&nbsp;<strong>Add New&nbsp;Page<\/strong> under&nbsp;<strong>Pages<\/strong>&nbsp;in the WordPress dashboard\u2019s left sidebar. Give the page a title.&nbsp;<\/p>\n\n\n\n<p>In the block editor\u2019s blank area, click the plus (+) sign or insert a forward slash (\/). Then enter Fluent Forms in the search box and choose the BMI calculator.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1442\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.08\u202fPM-1-scaled.webp\" alt=\"Displaying WordPress BMI calculator in Gutenberg block for Fluent Forms\" class=\"wp-image-38977\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.08\u202fPM-1-scaled.webp 2560w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.08\u202fPM-1-300x169.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.08\u202fPM-1-1024x577.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.08\u202fPM-1-768x433.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.08\u202fPM-1-1536x865.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.08\u202fPM-1-2048x1153.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.08\u202fPM-1-360x203.webp 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>Fluent Forms\u2019 Shortcode feature is a second option that you can use to show the calculator. The shortcode is found at the top of the window that displays the form editor.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"626\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.56\u202fPM-1-1024x626.webp\" alt=\"Form shortocde\" class=\"wp-image-38978\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.56\u202fPM-1-1024x626.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.56\u202fPM-1-300x183.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.56\u202fPM-1-768x470.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.56\u202fPM-1-1536x939.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.56\u202fPM-1-2048x1252.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.55.56\u202fPM-1-360x220.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click on the&nbsp;<strong>shortcode<\/strong>&nbsp;to copy it and then paste it using a shortcode block anywhere you want to display the form on your website.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.58.12\u202fPM-1024x521.webp\" alt=\"Displaying bmi calculator in WordPress using shortcode\" class=\"wp-image-38979\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.58.12\u202fPM-1024x521.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.58.12\u202fPM-300x153.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.58.12\u202fPM-768x391.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.58.12\u202fPM-1536x781.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.58.12\u202fPM-2048x1042.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-5.58.12\u202fPM-360x183.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The third approach, which is the most impressive one, is to display the BMI calculator on a dedicated landing page. To do this, go to&nbsp;<strong>Settings &amp; Integrations<\/strong>&nbsp;&gt;&nbsp;<strong>Landing Page<\/strong>. Check the box to&nbsp;<strong>Enable Form Landing Page Mode<\/strong>. The landing page is fully customizable to match your brand identity.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"633\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-6.02.29\u202fPM-1024x633.webp\" alt=\"WordPress BMI calculator\" class=\"wp-image-38981\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-6.02.29\u202fPM-1024x633.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-6.02.29\u202fPM-300x185.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-6.02.29\u202fPM-768x474.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-6.02.29\u202fPM-1536x949.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-6.02.29\u202fPM-360x222.webp 360w, https:\/\/fluentforms.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-25-at-6.02.29\u202fPM.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Try out the BMI calculator below: <\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#fffef2\">Your data will be automatically deleted after form submission. We don&#8217;t store them. <\/p>\n\n\n<style>.kadence-column24564_c0ba90-ce > .kt-inside-inner-col,.kadence-column24564_c0ba90-ce > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column24564_c0ba90-ce > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column24564_c0ba90-ce > .kt-inside-inner-col{flex-direction:column;}.kadence-column24564_c0ba90-ce > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column24564_c0ba90-ce > .kt-inside-inner-col:before{opacity:0.5;}.kadence-column24564_c0ba90-ce{position:relative;}@media all and (max-width: 1024px){.kadence-column24564_c0ba90-ce > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column24564_c0ba90-ce > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column24564_c0ba90-ce\"><div class=\"kt-inside-inner-col\"><div class='fluentform ff-default fluentform_wrapper_228  ff_guten_block ff_guten_block-228 ffs_custom_wrap'><form data-form_id=\"228\" id=\"fluentform_228\" class=\"frm-fluent-form fluent_form_228 ff-el-form-top ff_form_instance_228_1 ff-form-loading ff_calc_form ffs_custom\" data-form_instance=\"ff_form_instance_228_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">BMI Calculator<\/legend>        <div\n                style=\"display: none!important; position: absolute!important; transform: translateX(1000%)!important;\"\n                class=\"ff-el-group ff-hpsf-container\"\n        >\n            <div class=\"ff-el-input--label asterisk-right\">\n                <label for=\"ff_228_item_sf\" aria-label=\"Newsletter\">\n                    Newsletter                <\/label>\n            <\/div>\n            <div class=\"ff-el-input--content\">\n                <input type=\"text\"\n                       name=\"item_228__fluent_sf\"\n                       class=\"ff-el-form-control\"\n                       id=\"ff_228_item_sf\"\n                \/>\n            <\/div>\n        <\/div>\n        <input type='hidden' name='__fluent_form_embded_post_id' value='24564' \/><input type=\"hidden\" id=\"_fluentform_228_fluentformnonce\" name=\"_fluentform_228_fluentformnonce\" value=\"cbf547d094\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wp-json\/wp\/v2\/posts\/24564\" \/><div class='ff-el-group  ff-custom_html' tabindex='-1' data-name=\"custom_html-228_1\" ><h2 style=\"text-align: center\"><strong>Calculate\u00a0Your BMI<\/strong><\/h2><\/div><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_228_numeric-field' id='label_ff_228_numeric-field' aria-label=\"Weight (KG)\">Weight (KG)<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric-field\" id=\"ff_228_numeric-field\" class=\"ff-el-form-control\" placeholder=\"Your weight in kg\" data-name=\"numeric-field\" inputmode=\"numeric\" step=\"any\" min=\"0\" aria-valuemin=\"0\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_228_numeric-field_1' id='label_ff_228_numeric-field_1' aria-label=\"Height (CM)\">Height (CM)<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric-field_1\" id=\"ff_228_numeric-field_1\" class=\"ff-el-form-control\" placeholder=\"Your height in centimeters\" data-name=\"numeric-field_1\" inputmode=\"numeric\" step=\"any\" min=\"0\" aria-valuemin=\"0\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_228_numeric-field_2' id='label_ff_228_numeric-field_2' aria-label=\"Numeric Field\">Numeric Field<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"numeric-field_2\" id=\"ff_228_numeric-field_2\" class=\"ff-el-form-control ff-hidden ff_has_formula\" data-name=\"numeric-field_2\" data-calculation_formula=\"round(({input.numeric-field}\/(({input.numeric-field_1}\/100)*({input.numeric-field_1}\/100))),0)\" readonly=\"1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Calculate BMI\">Calculate BMI<\/button><\/div><\/fieldset><\/form><div id='fluentform_228_errors' class='ff-errors-in-stack ff_form_instance_228_1 ff-form-loading_errors ff_form_instance_228_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_228_1 = {\"id\":\"228\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_228_1\",\"form_id_selector\":\"fluentform_228\",\"rules\":{\"numeric-field\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global\":false,\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"0\",\"message\":\"Minimum value is 0\",\"global\":false,\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"message\":\"Maximum value is 300\",\"global\":false,\"global_message\":\"Validation fails for maximum value\"},\"digits\":{\"value\":\"\",\"message\":\"The number of digits has to be \",\"global\":false,\"global_message\":\"Validation fails for limited digits\"}},\"numeric-field_1\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global\":false,\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"0\",\"message\":\"Minimum value is 0\",\"global\":false,\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"message\":\"Maximum value is \",\"global\":false,\"global_message\":\"Validation fails for maximum value\"},\"digits\":{\"value\":\"\",\"message\":\"The number of digits has to be \",\"global\":false,\"global_message\":\"Validation fails for limited digits\"}},\"numeric-field_2\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global\":false,\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"message\":\"Minimum value is \",\"global\":false,\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"message\":\"Maximum value is \",\"global\":false,\"global_message\":\"Validation fails for maximum value\"},\"digits\":{\"value\":\"\",\"message\":\"\",\"global\":false,\"global_message\":\"Validation fails for limited digits\"}}},\"debounce_time\":300};\n                            <\/script>\n            <\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping up&nbsp;<\/h2>\n\n\n\n<p>In this article, we showed you how you can create a WordPress BMI calculator. It\u2019s a great way to add valuable functionality to your website. With little effort, you can provide your visitors with a useful tool that helps them calculate their body mass index, track their progress, and achieve their fitness goals.&nbsp;<\/p>\n\n\n\n<p>The capability of Fluent Forms doesn&#8217;t end here. You can create almost any kind of calculator, interest rate calculator, <a href=\"https:\/\/fluentforms.com\/car-loan-calculator-in-wordpress\/\" data-type=\"URL\" data-id=\"https:\/\/fluentforms.com\/car-loan-calculator-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">car loan calculator<\/a>, sales tax calculator, ideal weight calculator, you name it. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to add a BMI calculator to your health and fitness-focused website? If your business offers health and fitness products or services, a BMI calculator&#8230;<\/p>\n","protected":false},"author":22,"featured_media":25076,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[258],"tags":[],"class_list":["post-24564","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial"],"acf":[],"taxonomy_info":{"category":[{"value":258,"label":"Tutorial"}]},"featured_image_src_large":["https:\/\/fluentforms.com\/wp-content\/uploads\/2023\/02\/Create_a_WordPress_BMI_Calculator_for_Health_Focused_Website_01-3-1-1024x536.png",1024,536,true],"author_info":{"display_name":"Shaugat Ashraf","author_link":"https:\/\/fluentforms.com\/author\/shaugat\/"},"comment_info":0,"category_info":[{"term_id":258,"name":"Tutorial","slug":"tutorial","term_group":0,"term_taxonomy_id":258,"taxonomy":"category","description":"This category covers different WordPress tutorials on many aspects. You can find well-explained articles under this category.","parent":0,"count":156,"filter":"raw","cat_ID":258,"category_count":156,"category_description":"This category covers different WordPress tutorials on many aspects. You can find well-explained articles under this category.","cat_name":"Tutorial","category_nicename":"tutorial","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/posts\/24564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/comments?post=24564"}],"version-history":[{"count":0,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/posts\/24564\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/media\/25076"}],"wp:attachment":[{"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/media?parent=24564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/categories?post=24564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/tags?post=24564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}