--- title: Comparison Matrix Pro, Product & Feature Comparison Tables for HubSpot description: Product and feature comparison table module for HubSpot CMS. Collapsible categories, billing toggle, featured columns, tooltips, and 80+ style controls. image: https://www.studionope.com/hubfs/studio-nope-og-card.png --- [Studio Nope](https://www.studionope.com/) [Services](https://www.studionope.com/services) [Themes](https://www.studionope.com/themes) [Modules](https://www.studionope.com/modules) [Bundles](https://www.studionope.com/bundles) [Tools](https://www.studionope.com/tools) [Blog](https://www.studionope.com/blog) [Contact](https://www.studionope.com/contact) HubSpot Comparison Module # Comparison Matrix Comparison Matrix is a HubSpot comparison-table module — a side-by-side product and plan comparison with collapsible feature categories, a billing toggle, tooltips, and a featured column. [Get it on HubSpot →](https://ecosystem.hubspot.com/marketplace/modules/studio-nope-comparison-matrix-module-by-studio-nope) [View demo →](https://www.nopethemes.com/comparison-matrix-pro-for-hubspot) Features ## What this module does. A side-by-side product and plan comparison table with collapsible feature categories, a billing toggle, tooltips, and a featured column. Every option below is a real, editable field in the HubSpot page editor. 01 ### 2 layouts (table / cards) 2–6 products, each with name, icon, featured flag, badge, dual prices (price\_1/price\_2), price note, CTA (text/link + style primary/secondary/ghost) 02 ### 1–10 feature categories (collapsible, expanded-by-default toggle), each with up to 30 features; each feature has name, tooltip, and per-product values (up to 6) of type check / cross / text / partial 03 ### Billing toggle with 2 labels, discount badge, default active (first/second) 04 ### 7 display toggles sticky header, sticky first column, striped rows, show CTA row, hover highlight, animate collapse, scroll animation 05 ### Heading with tag h1–h5, alignment 76 style fields across 13 groups (fonts, section, container, heading, table, header, featured column, badges, category, features incl. check/cross/partial colors + tooltip, buttons primary/secondary/ghost, toggle, responsive tablet/mobile) 06 ### CSS-grid (not \) IntersectionObserver scroll reveal; pure vanilla JS Pricing ## One-time price. Buy it once on the HubSpot Marketplace. No subscription. Comparison Matrix $34.99one-time One-time price on the HubSpot Marketplace. Works with any theme; every option is a field in the page editor. - Standalone HubSpot CMS module - Full Style tab so it matches your brand - Clean, documented HubL — no dependencies - Free updates and support [Get it on HubSpot →](https://ecosystem.hubspot.com/marketplace/modules/studio-nope-comparison-matrix-module-by-studio-nope) Framer ## Also available for Framer. The same comparison table, rebuilt as a Framer code component. You set it up and edit every option from the properties panel. [View on Framer Marketplace →](https://www.framer.com/marketplace/components/comparison-table-kit/) Comparison Table Kit for Framer $35one-time One-time purchase. After payment you get the component link and the setup steps. - Framer code component - Every option in the properties panel - One license for unlimited personal and client sites [Buy for Framer →](https://buy.stripe.com/fZu3cw4UBcebgk4gCf5Rm0b) FAQ ## Common questions. What does Comparison Matrix do? It gives you a side-by-side product and plan comparison table with collapsible feature categories, a billing toggle, tooltips, and a featured column. Do we need a developer to use it? No. Once it is installed, every setting is a field in the HubSpot page editor, so your marketing team drops it into a page and edits it like any native module. Can we match it to our brand? Yes. Colors, fonts, spacing, and layout are all controlled from the module's Style tab and inherit your theme tokens, so it matches the rest of your site. How much does it cost? It is a one-time purchase of $34.99 on the HubSpot Marketplace. That includes free updates and support. ## Tell us whatyou're building. Themes, modules, full builds, audits, migrations. Send the shape of it and we'll come back with a clear scope and a price. [Get in touch →](https://www.studionope.com/contact) [Studio Nope](https://www.studionope.com/) © 2026 Studio Nope. All rights reserved. ##### Products [Themes](https://www.studionope.com/themes)[Modules](https://www.studionope.com/modules)[Bundles](https://www.studionope.com/bundles)[Tools](https://www.studionope.com/tools) ##### Services [Custom themes](https://www.studionope.com/services/custom-hubspot-theme-development)[Branding & design](https://www.studionope.com/services/hubspot-branding-design)[HubL & CMS dev](https://www.studionope.com/services/hubl-hubspot-cms-development)[Website builds](https://www.studionope.com/services/hubspot-website-funnel-builds)[Audits & migrations](https://www.studionope.com/services/hubspot-audits-fixes-migrations) ##### Company [Blog](https://www.studionope.com/blog)[FAQ](https://www.studionope.com/faq)[Contact](https://www.studionope.com/contact)[Legal](https://www.studionope.com/legal) ##### Get in touch [hello@studionope.com](mailto:hello@studionope.com)[Contact](https://www.studionope.com/contact)[YouTube](https://www.youtube.com/@Hello-Studio-Nope)[Framer](https://www.framer.com/@studionope/) ```json { "@context" : "https://schema.org", "@id" : "https://www.studionope.com/comparison-matrix-pro#breadcrumb", "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "https://www.studionope.com/", "name" : "Home", "position" : 1 }, { "@type" : "ListItem", "item" : "https://www.studionope.com/modules", "name" : "HubSpot Modules", "position" : 2 }, { "@type" : "ListItem", "item" : "https://www.studionope.com/comparison-matrix-pro", "name" : "Comparison Matrix", "position" : 3 } ] } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.studionope.com/comparison-matrix-pro#product", "@type" : "Product", "brand" : { "@type" : "Brand", "name" : "Studio Nope" }, "category" : "HubSpot CMS module", "description" : "HubSpot product and plan comparison table with collapsible feature categories, a billing toggle, tooltips, and a featured column.", "name" : "Comparison Matrix", "offers" : { "@type" : "Offer", "availability" : "https://schema.org/InStock", "price" : "34.99", "priceCurrency" : "USD", "url" : "https://ecosystem.hubspot.com/marketplace/modules/studio-nope-comparison-matrix-module-by-studio-nope" }, "url" : "https://www.studionope.com/comparison-matrix-pro" } ``` ```json { "@context" : "https://schema.org", "@type" : "FAQPage", "mainEntity" : [ { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "It gives you a side-by-side product and plan comparison table with collapsible feature categories, a billing toggle, tooltips, and a featured column." }, "name" : "What does Comparison Matrix do?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "No. Once it is installed, every setting is a field in the HubSpot page editor, so your marketing team drops it into a page and edits it like any native module." }, "name" : "Do we need a developer to use it?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Yes. Colors, fonts, spacing, and layout are all controlled from the module's Style tab and inherit your theme tokens, so it matches the rest of your site." }, "name" : "Can we match it to our brand?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "It is a one-time purchase of $34.99 on the HubSpot Marketplace. That includes free updates and support." }, "name" : "How much does it cost?" } ] } ```