Waist To Hip Ratio
Calculator

Waist To Hip Ratio Calculator Module for HubSpot: A User-Friendly, Fully Customizable Tool with Popup Results

28-08-25-m4-ezgif.com-webp-to-jpg-converter-1

Installation Guide

If you don't already know, HubXpert has a lot of published and developing modules in the marketplace. One of them is the "Waist To Hip Ratio Calculator" , which you can find here

This page will guide you through the installation process. So, let's begin: 

Step 1 Step 1 Step 1 Step 1
marketplace 1

Get to The Module Marketplace

If you haven't already, visit this link to get the module.​​ You can read all features this module has, which is a lot!

round-account-button-with-user-inside (1)

Select The Account

If you have multiple accounts, select the account where you want to install the module.

settings (1) (1)

Configure The Module

After selecting the account, you will be taken to the module configuration page. Follow the instructions to configure the module according to your needs.

add (1) 1

Add The Module to Your Page

Once the module is installed and configured, you can add it to your page.​ Go to the page where you want to add the module, and click the "+" icon to add a new module. Select our module from the list of available module.

User Guide

Now that you have installed the guide, let's see how you can use it and change it to your own style:

Content Customizable

This module lets you customize the section title, description, Images, button text, icons, different images based on gender and status.

Content  Customizable (1)

Waist To Hip Ratio Calculator

Users can quickly calculate their Waist-to-Hip Ratio (WHR) by entering their age, gender, waist, and hip measurements. The calculator instantly displays the WHR and health status (low, moderate, or high risk).

Content  Customizable copy (1)

Interactive Value Output

The results are shown in a clean popup, which includes separate tables for males and females, based on the selected gender. Each table displays the WHR, health risk (low, moderate, or high), and body shape (Pear, Avocado, or Apple).

Interactive  Value Output (1)

Section and Calculator Customization

Users can customize background images or colors, max width, and layout to fit their website. They can also adjust the calculator title, description, fonts, colors, placeholder text, and button styles, including hover effects. Full design control ensures alignment with the brand’s style.

Section and Calculator  Customization

Popup Customization

You can customize the popup's layout, including the table colors, fonts, and images based on gender and health status. The popup can also be styled to fit your design. It shows different images based on the user's gender and health status, making the results more personalized and engaging.

Popup  Customization