Skip to content
HubSpot CMS

A New Pricing Table Module, Built for Side-by-Side Comparison

The rebuilt pricing-table module lays out multiple tiers, feature sections, and checkmarks side by side, driven entirely from dnd_module fields.

Comparing plans should not require a spreadsheet. The pricing-table module now renders any number of tiers side by side, with feature sections that make it obvious what changes as you move up.

Tiers, features, and sections in one module

Each tier is just an entry in a list: a title, a price, and a price description. Feature sections group related rows together — “Core access,” “Support,” “Updates” — and each row can carry a checkmark, an X, or a short description like “7 hours” instead of a plain yes or no.

Built for real pricing pages, not just demos

The theme package pricing and hourly-rate pages both run on this module now, and the new packages section stacks two pricing tables — theme tiers and hour bundles — on a single page without any custom CSS.

  • Any number of tiers, not locked to three
  • Feature sections with their own optional heading
  • Premium callouts for a standout row, like a discount badge
  • Fully driven by fields — no code changes needed to add a tier

What is next

We are folding the same feature-section pattern into a comparison module for services, so “what is included” pages read the same way across the whole site.

Comments