Calorie
Calculator

Calorie Calculator Module for HubSpot: A User-Friendly, Fully Customizable Tool with Popup Results

Web-Mockup-41-22

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 "Calorie 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 allows you to customize the section title, description, images, button text, icons, and even the calorie pop up card title.

Content Customizable (1)

Calorie Calculator

This feature helps users determine their daily calorie needs based on key personal information such as age, gender, height, weight, and activity level. By entering these details, the calculator generates accurate results.

Moduler Features2Advanced Filtering Capabilities

Interactive Value Output

When a user submits the calorie form, the calculated results are showcased in an animated pop-up. The pop-up displays the values in a neatly structured table.

Layout Customizable

Style Customization

The module offers extensive styling options, including background color or background image settings, font family, pop up style customization. You can also personalize the calculator design, including hover effects for buttons, and choose custom icons by uploading pictures.

Layout Customizable copy