---
title: Magazine Makers Comparison Pricing Table
description: HubSpot pricing cards plus feature comparison table. Mobile stacks by feature with no horizontal scroll. Layout and typography controls included.
---

[MM Magazine Makers](https://module.codebyaryan.com/magazine-makers-home?hsLang=en)

- [Modules](https://module.codebyaryan.com/magazine-makers-modules-hub?hsLang=en)
- [Documentation](https://module.codebyaryan.com/magazine-makers-documentation?hsLang=en)
- [Support](https://module.codebyaryan.com/magazine-makers-customer-support?hsLang=en)
- [Privacy](https://module.codebyaryan.com/magazine-makers-privacy-policy?hsLang=en)

[View Portfolio](https://www.codebyaryan.com/)

[Modules](https://module.codebyaryan.com/magazine-makers-modules-hub?hsLang=en) / Comparison Pricing Table

 Premium Module — $29

# Comparison Pricing Table

A full-width feature comparison table with pricing cards above, plan headers, section groups, checkmarks, and a mobile layout that stacks by feature — no horizontal scrolling.

[Get on HubSpot Marketplace](https://ecosystem.hubspot.com/marketplace/listing/comparison-pricing-table) [View live demo](https://module.codebyaryan.com/comparison-pricing-table-showcase?hsLang=en) [Documentation](https://module.codebyaryan.com/magazine-makers-documentation?hsLang=en)

## Overview

Comparison Pricing Table is built for SaaS pages that lead with pricing cards and a detailed feature matrix. Cards show plan highlights above the table; the comparison table below keeps the same responsive structure.

On mobile, the table transforms into a feature-by-feature layout — each feature shows all plans stacked vertically with plan name, price, CTA, and value. No pinch-to-scroll required.

## Features

- Pricing cards above comparison table (toggle on/off)
- Card layouts — grid, featured center, featured left, stacked
- Up to 6 pricing plans in cards and comparison table
- Responsive mobile layout — stacks by feature, not horizontal scroll
- Grouped feature sections with custom section headers
- Checkmark / X icons via yes/no values, or plain text cells
- Plan headers with name, price, and CTA button per column
- Monthly / yearly billing toggle with savings badge
- Feature tooltips on comparison rows
- Table styles — bordered, minimal, or compact
- Configurable mobile breakpoint (640px, 768px, 991px)
- Section width, padding, heading size & alignment
- Custom colors — background, table, borders, section headers, buttons
- Scroll animations — fade, slide, or scale
- Custom ID and Custom CSS Class (Advanced settings)

## How it differs from Premium Pricing Table

Premium Pricing Table (#2) uses separate pricing cards plus a scrollable comparison table on mobile. Comparison Pricing Table (#3) is comparison-first: the table is the entire pricing UI, and mobile restructures into readable feature blocks instead of scrolling sideways.

## Requirements

No third-party accounts or API keys. Works on HubSpot CMS landing pages and website pages with drag-and-drop areas.

### Module info

Price

$29

Version

1.0

Author

[CodeByAryan](https://www.codebyaryan.com/)

Support

[aryanantal2301@gmail.com](mailto:)

### Quick links

- [Live demo & variations](https://module.codebyaryan.com/comparison-pricing-table-showcase?hsLang=en)
- [Install documentation](https://module.codebyaryan.com/magazine-makers-documentation?hsLang=en)
- [Customer support](https://module.codebyaryan.com/magazine-makers-customer-support?hsLang=en)

[MM Magazine Makers](https://module.codebyaryan.com/magazine-makers-home?hsLang=en)

HubSpot CMS modules for the marketplace. Built by Aryan Antal · CodeByAryan.

### Modules

- [All modules](https://module.codebyaryan.com/magazine-makers-modules-hub?hsLang=en)
- [Advanced Pricing Table](https://module.codebyaryan.com/magazine-makers-advanced-pricing-table?hsLang=en)
- [Premium Pricing Table](https://module.codebyaryan.com/magazine-makers-premium-pricing-table?hsLang=en)
- [Comparison Pricing Table](https://module.codebyaryan.com/magazine-makers-comparison-pricing-table)
- [Documentation](https://module.codebyaryan.com/magazine-makers-documentation?hsLang=en)

### Legal

- [Privacy Policy](https://module.codebyaryan.com/magazine-makers-privacy-policy?hsLang=en)
- [Terms of Service](https://module.codebyaryan.com/magazine-makers-terms-of-service?hsLang=en)
- [Customer Support](https://module.codebyaryan.com/magazine-makers-customer-support?hsLang=en)

### Contact

- Email [aryanantal2301@gmail.com](mailto:aryanantal2301@gmail.com)
- Portfolio [codebyaryan.com](https://www.codebyaryan.com/)
- Response time Within 2 business days

© 2026 Magazine Makers · CodeByAryan. HubSpot CMS Modules.