Pricing pages make or break revenue. Too vague and you attract unqualified leads; too complex and you paralyze decision-makers. The Aura Pricing page template strikes the balance HubSpot CMS sellers and SaaS teams need: transparent tier comparison, universal value stacking, enterprise upsell, objection-handling FAQ, and a closing CTA that captures both self-serve buyers and sales-assisted opportunities.
This article breaks down all six sections, every module used, the psychology behind the layout, and the commercial objectives each block fulfills—so you can launch a pricing page that converts, not confuses.
Before examining modules, clarify the job of a pricing page:
Aura's Pricing template executes all five in six scroll sections—no tabs, no JavaScript pricing calculators required.
Located at templates/pricing.html, the template uses the base layout, global header/footer, and a DnD area labeled Pricing. Scoped styles load from aura-pricing-sections.css. Sections alternate cream and sand backgrounds consistent with the Aura brand palette.
A centered Aura Hero module introduces "Simple, Transparent Pricing" with subheading about lifetime access or clear billing—depending on your model. No buttons here; pricing pages convert below the fold once value is established.
Objective: Set expectations immediately. Words like "Simple" and "Transparent" reduce anxiety—the top emotional barrier on pricing pages.
The centerpiece is the Aura Pricing module with three cards:
Each card includes price, feature bullet list, and button linking to checkout or contact. The featured plan uses border, badge, or background treatment to exploit the "center stage" effect—buyers disproportionately choose the highlighted option when tiers are comparable.
Module benefits:
Commercial objective: Enable self-serve conversion for Starter and Professional while routing complex buyers to sales via Enterprise.
The Aura Pricing Includes module lists nine benefits included in every plan: source code access, design tokens, responsive components, SEO structure, performance optimization, browser compatibility, updates, community access, and documentation.
Why this section matters: Buyers compare themes and SaaS tools on perceived total value, not sticker price alone. A universal inclusion block prevents tier-skimming—visitors understand baseline value before comparing upgrades.
Psychology: Checklist formatting triggers completion bias; more checked items increase willingness to pay.
Two columns—Custom Development and Dedicated Support—detail enterprise capabilities: custom modules, integrations, SLA, training, white-glove onboarding, and priority support queues.
Objective fulfilled: Capture high-ACV opportunities without cluttering the three-tier grid. Enterprise buyers self-identify; sales teams receive warmer inbound.
Module design: Bullet lists with icons keep scanability high. Sand background separates enterprise content from mass-market tiers psychologically—"this section is for teams like yours at scale."
Six accordion questions address payment methods, one-time vs subscription pricing, upgrade paths, refund policy, nonprofit discounts, and support tier differences. Single-column layout maximizes readability on mobile.
Common objections handled:
SEO benefit: Pricing FAQs match high-intent searches ("HubSpot theme refund," "lifetime license CMS theme").
Full-bleed gradient Aura CTA Banner: "Ready to Get Started?" with Purchase Now and Contact Sales buttons. Dual CTAs respect buyer autonomy—some want checkout; others want a conversation.
Aura's Home template previews pricing mid-page; the dedicated Pricing template closes the deal. Visitors often loop: Home → Features → Pricing → FAQ → Purchase. Consistent modules across templates mean visual familiarity reduces cognitive load.
See how the homepage orchestrates the full funnel—including pricing preview and testimonial placement—in our guide to the Aura Home page template. Understanding that entry point helps you align messaging from first touch to checkout.
Revenue teams need autonomy over pricing copy without deploy cycles. Here is the step-by-step HubSpot workflow for the Aura Pricing template:
Pricing pages convert heavily on mobile—buyers compare options on phones during procurement reviews. Aura's Pricing template handles responsive reflow as follows:
Hero: Centered text scales with fluid typography. Subheading wraps cleanly without orphan words on narrow viewports.
Pricing cards: Three-column desktop layout stacks vertically on mobile. Featured plan retains border/badge emphasis at full width—buyers still see the recommended option first if you order it that way in the repeater. Feature bullet lists use full container width; no truncated text with ellipsis.
Pricing Includes: Nine-item checklist reflows from three columns to two to one depending on breakpoint. Checkmark icons align consistently on all sizes.
Enterprise section: Two-column layout stacks on tablet. Bullet lists remain scannable with adequate line spacing for touch scrolling.
FAQ: Single-column layout on all breakpoints for maximum readability. Accordion tap targets expand to full row width.
CTA Banner: Dual buttons stack on mobile. Gradient background renders without horizontal overflow on iOS Safari.
Pricing is where token-driven design pays off most visibly—one accent color change updates every tier card simultaneously.
Colors: Primary accent drives featured plan border, checkmark icons in Pricing Includes, and CTA button backgrounds. Secondary accent may appear in enterprise section icons. Card background and border colors inherit from neutral tokens for consistency with Features and Home pricing previews.
Typography: Price display size uses heading scale tokens—large, bold numerals anchor each card. Feature list text uses body token at comfortable reading size. Ensure heading/body pairing maintains contrast on sand backgrounds.
Buttons: Per-plan CTA buttons and banner CTAs share primary/secondary button tokens. Border radius and hover transitions match site-wide behavior so buyers feel continuity when navigating from homepage pricing preview to this dedicated page.
Aura Pricing module: Section heading, billing note (e.g., "billed annually"), plan repeater fields—plan name, price string, price suffix (/month, /year, one-time), description, feature list (repeater), CTA label, CTA link (HubSpot link picker), featured boolean, badge text for featured plan. Style tab: card shadow, accent override.
Aura Pricing Includes module: Section heading, subheading, inclusion repeater (icon, text), column layout, background token.
Pricing Enterprise module: Column repeater (heading, description, bullet list, CTA optional), section heading, background style.
Aura FAQ module: Question/answer repeater, layout single-column recommended for pricing objections, first-item-open toggle.
Aura CTA Banner: Heading, subheading, primary CTA, secondary CTA, full-bleed gradient style.
For marketers: Run pricing page as paid ad landing destination for high-intent keywords. Track tier CTA click rates in HubSpot. Test featured plan positioning (Professional vs Enterprise). Use FAQ content in sales enablement docs. Coordinate pricing page updates with email campaigns—HubSpot workflows can notify sales when pricing page views spike from target accounts.
For developers: Pricing module uses repeater fields—no hardcoded tier count in template HTML. Adding a fourth tier is a marketer action, not a code deploy. Checkout links should use absolute URLs to external payment systems. If integrating HubSpot Payments, test link field behavior in staging before production publish.
For agency owners: Transparent pricing filters unqualified leads before discovery calls. Publish tiered packages (Starter site, Growth retainer, Enterprise custom) using the three-card layout. Enterprise section captures clients needing SOW-based work. Link Pricing from every service page and proposal deck. Update pricing quarterly and clone the page for client-specific private pricing URLs using HubSpot password protection.
Pricing pages attract high-intent organic traffic for queries like "[product] pricing" and "[theme] cost." Optimize title tag and meta description with pricing keywords. Internal link from homepage hero CTA, Features page CTA banner, Services hero, and blog posts about product value. The existing link to the Home template guide supports blog SEO clustering— replicate on your site by linking Pricing to Features ("see what's included") and Contact ("questions about plans?").
Consider FAQ schema markup for pricing questions if your SEO strategy targets featured snippets. Keep H2 headings descriptive: "Compare Plans," "What's Included in Every Plan," "Enterprise Options" rather than generic labels.
Great pricing pages do not trick people into buying—they help the right buyers decide faster. The Aura Pricing template encodes years of conversion best practices into six editable sections powered by modules your marketing team owns. Launch it, measure it, refine copy before layout, and let the structure do the heavy lifting.