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.
When to use it
Section titled “When to use it”- 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.
Content
Section titled “Content”| Field | What it is | Notes |
|---|---|---|
| Eyebrow Heading | Small text above the heading. | Optional. |
| Heading | The section heading. | Required. Wrap words in {curly braces} to highlight them. |
| Body Content | Introductory text before the plans. | Rich text. |
| Pricing Plans | One item per plan or product. Select Add Pricing Plan. | Fields below. |
| Outro Content | Text after the plans. | Optional, rich text. |
| Buttons | Section buttons. | Optional. |
Each item has these fields. Which appear depends on Display Mode:
| Field | Mode | What it is |
|---|---|---|
| Plan Name / Product Name | Both | The plan or item name. |
| Featured Plan | Pricing Table | Highlights the plan with a badge and visual emphasis. |
| Badge Text | Pricing Table | Text for the badge on a featured plan. Shown when Featured Plan is on. Defaults to “Most Popular”. |
| Product Image | Product Cards | The item’s image, with an Image Position control for cropping. |
| Price Amount | Both | The price as it should appear, such as $79, Custom or Market Price. |
| Billing Period | Pricing Table | Optional text below the price, such as month, year or one-time. |
| Features / Description | Both | Rich text: the feature list for a plan, or a short description for a product. |
| CTA Button Text | Both | The button label. Leave empty for no button. |
| CTA Button URL | Both | Where the button goes. |
| CTA Link Target | Both | Same Window or New Window. |
| Button Style | Both | Primary, 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.
Layouts and display styles
Section titled “Layouts and display styles”Choose Display Mode on the Layout tab, under Layout Structure.
| Display Mode | What visitors see |
|---|---|
| Pricing Table (default) | Plan cards with name, price, billing period, features and a button. Featured plans carry a badge. |
| Product Cards | Cards 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.
Options
Section titled “Options”Heading size and Section Theme
Section titled “Heading size and Section Theme”| Option | What it does | Default |
|---|---|---|
| Heading Size | Default, L or XL for the section heading. | Default |
| Theme Variant | Light or Dark section. | Light |
| Section Palette | Overrides this section’s colours with a saved palette. | Site colours |
| Scroll Animation | Fades elements in as they scroll into view. | Disabled |
| Background Type | Solid Color or Image, with a custom colour and image options. | Solid Color |
| Layout Variant | Left, Center or Right: how the section header is arranged. | Center |
Layout Structure
Section titled “Layout Structure”| Option | What it does | Shown when | Default |
|---|---|---|---|
| Display Mode | Pricing Table or Product Cards. | Always | Pricing Table |
| Plans Per Row | 1 to 4. | Always | 3 |
| Row Alignment | Left or Center: how an incomplete last row lines up. | Always | Center |
| Button Position | After Body or After Outro, for the section buttons. | Always | After Outro |
| Content Alignment | Center or Left Align text inside the plan cards. | Pricing Table | Center |
| Price Font Size | Large or Medium. Use Medium for long prices such as “Custom Pricing”. | Pricing Table | Large |
| CTA Button Position | Bottom of the card, or After Price. | Pricing Table | Bottom |
| Product Image Aspect Ratio | Wide (16:9), Standard (4:3) or Square (1:1). | Product Cards | Wide |
Section Media
Section titled “Section Media”| Option | What it does |
|---|---|
| Section Media | None, Image, Video or Shortcode beside the header content. |
| Video Poster Image | Preview image shown before a video plays. Shown for video. |
| Video Captions | A captions file for a self-hosted video. YouTube and Vimeo carry their own. |
| Image Styling | Styled (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.
Structured data
Section titled “Structured data”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.
Limits and common problems
Section titled “Limits and common problems”- 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/moto Billing Period. “Custom” or “Contact us” prices are always left out.