Pricing

What this section does

Pricing tables

Where it goes

• Can be used as many times as you like on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Cards

  Freecards

  Standard pricing cards

  Specific to this style: title, subtitle, tiers, anchorId, columns, tabletColumns, mobileColumns

• Table

  Freetable

  Comparison table view

  Specific to this style: title, subtitle, tiers, anchorId

• Simple

  Page Editorsimple

  Minimal pricing display

  Specific to this style: title, subtitle, tiers, anchorId

• Featured

  Page Editorfeatured

  Highlighted featured plan

  Specific to this style: title, subtitle, tiers, anchorId

• Dark

  Page Editordark

  Dark themed pricing section

  Specific to this style: title, subtitle, tiers, anchorId, columns, tabletColumns, mobileColumns

• Minimal

  Page Editorminimal

  Clean minimal pricing display

  Specific to this style: title, subtitle, tiers, anchorId

• Monthly / Annual Toggle

  Page Editortoggle

  Cards with a billing switch that swaps each plan price

  Specific to this style: title, subtitle, tiers, monthlyLabel, annualLabel, annualPeriod, annualBadge, defaultBilling, anchorId, columns, tabletColumns, mobileColumns

• Gradient

  Page Editorgradient

  Bold gradient-backed cards with a glow on the highlighted plan

  Specific to this style: title, subtitle, tiers, anchorId, columns, tabletColumns, mobileColumns

• Offer Card

  Page Editoroffer-card

  Rich purchase card per programme or course: badge, feature chips, struck-through price, the price inside the button and fine print. One tier fills the row.

  Specific to this style: title, subtitle, tiers, priceInButton, anchorId

• Media Plan Cards

  Page Editormedia-plans

  Plan cards topped by a video or image, with a ghost number, price pill, chips and check bullets, plus a notice box underneath.

  Specific to this style: title, eyebrow, highlightedWord, tiers, notice, anchorId

• Module Ladder

  Page Editormodule-ladder

  Module cards with one active step, a registration card with rows and a dashed price box, and a pair of quote lines.

  Specific to this style: modules, regTitle, regRows, regPriceTag, regPrice, regPriceNote, regNote, regWarning, regButtonText, regButtonHref, quoteLines, supportNote, anchorId

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height