1. Introduction (Overview)

Interactive Pricing Master module lets you build flexible pricing plans with base price and feature selection using checkboxes or check, cross icons, with live total updates. Supports tabs for Base, Pro, Enterprise plans, multiple accordions, and is fully customizable and responsive.

2. Key Features

• Checkbox-Based Pricing

  • Select features via checkboxes or cross icons.

  • Totals update instantly for each plan.

  Base Price Support

  • Set a base price per plan.

  • Automatically adds to total when checkbox is selected.

  Tabbed Plans

  • Support for Base, Pro, and Enterprise tabs.

  • Customers can switch plans while seeing live totals.

  Multiple Accordions

  • Organize features in expandable sections.

  • Keep complex pricing tables clean and structured.

  Instant Total Calculation

  • Every checkbox selection instantly recalculates totals.

  • Clear, transparent, and interactive for users.

  Full Customization

  • Customize colors, fonts, sizes, and layout.

  • Make the pricing table match your website style.

  Fully Responsive

  • Works perfectly on desktop, tablet, and mobile.

  • Ensures smooth experience for all users.

3. Installation – Downloading the Module from HubSpot Marketplace

• Log in to your HubSpot account.
• Go to the Marketplace from the main navigation menu.
• Search for your module by name.
• Find the module in the results and click Install.
• If it’s a paid module, you can also click Buy Now to purchase and install directly.

4. How to Use – Adding the Module to Your Page

• Open your HubSpot page editor.
• Click on Add Module.
• Search for your module by name.
• Drag and drop the module into the desired section of your page.

• Interactive Pricing Master module lets you create flexible pricing plans easily. Add a base price and select features using checkboxes or cross icons, with totals updating instantly.
  
  Supports tabs for Base, Pro, and Enterprise plans, multiple accordions, and is fully responsive. Customize colors, fonts, and sizes to match your website.

   

5. Module Settings Guide

1. Content Tab 

• Tabbed Pricing: Base, Pro & Enterprise plans in separate tabs.
• Reset Button: Quickly reset selections for a clean start.
• Feature Info Text Header: Display helpful info for feature.
• Headers for Each Plan: Clear headers for Base, Pro, and Enterprise.
• Multiple Accordions: Add one or more accordion sections to organize options.
• Estimate Total: Shows real-time total cost as selections are made.
• Checkbox & Cross Icon Options: Select features via checkboxes or cross icons.
• Base Price Support: Set a starting price for each plan.
• Live Total Updates: Totals recalc instantly on every selection.

 

2. Style Tab

• Module Width: Choose between Custom Width or Full Width for the module.
• Module Spacing: Adjust spacing (margin & padding) around the module.
• Tabs: Fully customizable – font, background color, active color, border color (active), border radius.
• Reset Button: Customize font, border color, background color.
• Pricing Plan Header: Background color, active font, custom font, border-bottom color, box shadow.
• Pricing Plan Inner Section: Border color, border-bottom color, border-right color, border radius.
• Accordion: Font, hover label color, background color, hover background color, border-bottom color, title font, description font.
• Checkbox: Active color, circle color, border/color.
• Cross / Check Icon: Customizable color.
• Arrow: Customizable color.
• Estimate Total: Font, background color, top color, border color.
• Buttons: Customizable – font, background color, border radius, text color, hover color.

 

6. Examples / Demo Preview

View the module in action:https://www.modfrybus.shop/interactive-pricing-master

7. Support & Contact

For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!