Skip to content

Pricing Sections

A Pricing section shows a set of priced items under the standard section header. In Pricing Table mode each item is a plan card with a price, billing period, feature list and button, and any plan can be marked as featured. In Product Cards mode each item is a card with an image, name, description, price and button, for menus, packages or a short list of products.

  • Service tiers, membership levels or subscription plans.
  • Fee schedules and packages.
  • A short menu or set of items with images and prices, using Product Cards.

For WooCommerce products pulled from your store, use a Product Grid section: Pricing’s Product Cards are entered by hand and are not connected to WooCommerce. To list what a plan includes without prices, use a Checklist section.

FieldWhat it isNotes
Eyebrow HeadingSmall text above the heading.Optional.
HeadingThe section heading.Required. Wrap words in {curly braces} to highlight them.
Body ContentIntroductory text before the plans.Rich text.
Pricing PlansOne item per plan or product. Select Add Pricing Plan.Fields below.
Outro ContentText after the plans.Optional, rich text.
ButtonsSection buttons.Optional.

Each item has these fields. Which appear depends on Display Mode:

FieldModeWhat it is
Plan Name / Product NameBothThe plan or item name.
Featured PlanPricing TableHighlights the plan with a badge and visual emphasis.
Badge TextPricing TableText for the badge on a featured plan. Shown when Featured Plan is on. Defaults to “Most Popular”.
Product ImageProduct CardsThe item’s image, with an Image Position control for cropping.
Price AmountBothThe price as it should appear, such as $79, Custom or Market Price.
Billing PeriodPricing TableOptional text below the price, such as month, year or one-time.
Features / DescriptionBothRich text: the feature list for a plan, or a short description for a product.
CTA Button TextBothThe button label. Leave empty for no button.
CTA Button URLBothWhere the button goes.
CTA Link TargetBothSame Window or New Window.
Button StyleBothPrimary, Secondary or Ghost.

In Product Cards mode, Upload Images under the list adds images to several items at once. Images fill items without an image first, in the order you select them, and any extra images create new items.

Choose Display Mode on the Layout tab, under Layout Structure.

Display ModeWhat visitors see
Pricing Table (default)Plan cards with name, price, billing period, features and a button. Featured plans carry a badge.
Product CardsCards with an image, name, description, and the price beside a compact button.

Both modes use the same items, so switching keeps your content. Fields that belong to the other mode are hidden, not deleted.

OptionWhat it doesDefault
Heading SizeDefault, L or XL for the section heading.Default
Theme VariantLight or Dark section.Light
Section PaletteOverrides this section’s colours with a saved palette.Site colours
Scroll AnimationFades elements in as they scroll into view.Disabled
Background TypeSolid Color or Image, with a custom colour and image options.Solid Color
Layout VariantLeft, Center or Right: how the section header is arranged.Center
OptionWhat it doesShown whenDefault
Display ModePricing Table or Product Cards.AlwaysPricing Table
Plans Per Row1 to 4.Always3
Row AlignmentLeft or Center: how an incomplete last row lines up.AlwaysCenter
Button PositionAfter Body or After Outro, for the section buttons.AlwaysAfter Outro
Content AlignmentCenter or Left Align text inside the plan cards.Pricing TableCenter
Price Font SizeLarge or Medium. Use Medium for long prices such as “Custom Pricing”.Pricing TableLarge
CTA Button PositionBottom of the card, or After Price.Pricing TableBottom
Product Image Aspect RatioWide (16:9), Standard (4:3) or Square (1:1).Product CardsWide
OptionWhat it does
Section MediaNone, Image, Video or Shortcode beside the header content.
Video Poster ImagePreview image shown before a video plays. Shown for video.
Video CaptionsA captions file for a self-hosted video. YouTube and Vimeo carry their own.
Image StylingStyled (rounded corners and shadow) or Raw (no styling). Also applies to product images.

The Advanced tab holds the section’s anchor ID, CSS classes and custom CSS. See Working with Sections.

Promptless WP adds a Product entry with an Offer for each plan whose Price Amount is a plain number with a currency, such as $79, €19.99, $12,500 or 79 USD. A plan is left out if it has no name, or if its price has no currency or has other text in it, such as Custom, Contact us or $79/mo. Put the period in Billing Period instead. If the plan’s button has a working URL, it becomes the offer’s link. See SEO Panel & Schema.

  • No monthly/yearly switch. There is no billing toggle. Put the period in Billing Period, or use two Pricing sections.
  • A button shows but does nothing. Its CTA Button URL is empty or #, so it is shown as a label, not a link. Add a URL.
  • A long price wraps or overflows. Set Price Font Size to Medium.
  • A plan is missing from the structured data. Its price is not a plain number with a currency, for example $79/mo. Move /mo to Billing Period. “Custom” or “Contact us” prices are always left out.