Skip to content

How to Add a Pricing Table in WordPress?

Key Takeaways

  • Pricing Table block builds one plan at a time with title, price, features and a button, so two or three blocks in columns create a comparison page.
  • Nexter Blocks free version supports Style 1, the ribbon and the Show More button, while Style 2, Style 3, feature tooltips and the scale highlight need Nexter Blocks Pro.
  • Content Style set to Stylish List enables the feature list, and the block starts in WYSIWYG mode until that setting changes.
  • Show More button is unavailable on List Style 2, and Style 2 or Style 3 render an empty box without Pro.
Table of Contents

A pricing page has one job: let someone compare plans and pick one without having to hold three numbers in their head.

The Pricing Table block builds one plan at a time — title, price, features and a button — so you can place two or three side by side and highlight the one you want chosen.

Before You Start

  • Edition: Freemium — Style 1, the ribbon and the Show More button all work in the free Nexter Blocks. Style 2, Style 3, feature tooltips and the scale highlight need Nexter Blocks Pro.
  • Block to enable: Pricing Table, switched on under Nexter > Blocks in your WordPress dashboard.

Video Tutorial

Steps

  1. Add the Pricing Table block to your page.
Enabling the Pricing Table block in Nexter > Blocks
  1. Pick a Style. On a free site stay on Style 1 — see the note below.
The style options
  1. Fill in the title area: plan name, sub-title and any icon or image.
Pricing Table block, Style panel in the Layout tab
  1. Set the price, the currency symbol and the billing period.
Pricing Table block, Price Area panel in the Layout tab
  1. Set Content Style to Stylish List and add your features, one row each.
Pricing Table block, Previous Price panel in the Layout tab
  1. Add the button, and optionally a ribbon such as “Most popular”.
Pricing Table block, Button panel in the Layout tab

The feature list only exists when Content Style is set to Stylish List. The block starts in WYSIWYG content mode, which gives you a rich-text area instead — measured, no list items at all. Tooltips and the Show More button both hang off that list, so they need the same setting.

How It Behaves

This block is freemium, and the split was measured by publishing the same table twice — once with Nexter Blocks Pro active, then again with Pro switched off:

FeatureFreeNeeds Pro
Style 1Yes—
Style 2 and Style 3No — renders an empty boxYes
Ribbon (Recommended / Popular tag)Yes—
Show More button for long feature listsYes—
Tooltips on individual featuresNo — no tooltip markup at allYes
Scale highlight on a planNo — no effectYes
  • Each block is one plan. Put two or three side by side in columns to build a comparison.
  • Show More is not available on List Style 2. Measured: with that list style selected the button never appears and every feature shows, whatever the limit says. Use the default list style if you need the button.
  • The feature list, its tooltips and the Show More button all depend on Content Style being set to Stylish List — measured.

Limitations

  • Style 2 and Style 3 render an empty box without Pro. Measured on a published page with Pro deactivated: the block still appears in the markup but nothing renders inside it — no title, no price, no features. The editor offers all three styles either way, so on a free site stay on Style 1.
  • Tooltip trigger and placement are block-level settings, not per feature — only the tooltip text is set per row.
  • Show More is unavailable on List Style 2 — measured.
  • For a simple list of items and prices rather than plan comparison, the Pricing List block is the better fit.

Troubleshooting

My table is empty after choosing Style 2 or Style 3

Those two styles need Nexter Blocks Pro. Measured with Pro switched off: the block renders but nothing appears inside it. Switch back to Style 1 on a free site.

I cannot find where to add features

Set Content Style to Stylish List. The block starts in WYSIWYG mode, which gives a rich-text area instead of a feature list.

The Show More button never appears

Check two things: the feature list has more rows than the limit, and List Style is not set to style 2 — measured, the button is not available on that list style.

My tooltips do nothing

Feature tooltips need Nexter Blocks Pro. Measured without it, no tooltip markup is written to the page at all. See the tooltip doc.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!