---
title: "How to Add a Pricing Table in WordPress?"
url: https://nexterwp.com/docs/add-a-pricing-table-in-wordpress/
date: 2024-12-10
modified: 2026-09-18
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Pricing-Table-in-WordPress_-1024x519.jpg
word_count: 627
---

# 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.

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.

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-pricing-table/)

## 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

https://www.youtube.com/watch?v=RCmNUbEATzo&t

## Steps

- Add the **Pricing Table** block to your page.

![Enabling the Pricing Table block in Nexter > Blocks](https://nexterwp.com/wp-content/uploads/2024/12/pricing-table-activate-new-1.png)

- Pick a **Style**. On a free site stay on **Style 1** — see the note below.

![The style options](https://nexterwp.com/wp-content/uploads/2024/12/pricing-table-design-type-1024x190.png)

- Fill in the title area: plan name, sub-title and any icon or image.

![The title area settings](https://nexterwp.com/wp-content/uploads/2024/12/pricing-table-layout-new.png)

- Set the price, the currency symbol and the billing period.

![The price settings](https://nexterwp.com/wp-content/uploads/2024/12/pricing-table-price-area-new.png)

- Set **Content Style** to **Stylish List** and add your features, one row each.

![Content style and the feature list](https://nexterwp.com/wp-content/uploads/2024/12/pricing-table-previous-price-new.png)

- Add the button, and optionally a ribbon such as "Most popular".

![Button and ribbon settings](https://nexterwp.com/wp-content/uploads/2024/12/pricing-table-button-new.png)

> ***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:

| Feature | Free | Needs Pro |
| ------- | ---- | --------- |
| Style 1 | Yes | — |
| Style 2 and Style 3 | No — renders an empty box | Yes |
| Ribbon (Recommended / Popular tag) | Yes | — |
| Show More button for long feature lists | Yes | — |
| Tooltips on individual features | No — no tooltip markup at all | Yes |
| Scale highlight on a plan | No — no effect | Yes |

- 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](https://nexterwp.com/docs/add-a-pricing-list-in-wordpress/) 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](https://nexterwp.com/docs/add-a-tooltip-to-a-wordpress-pricing-table/).

## Related Docs

- [Add a ribbon](https://nexterwp.com/docs/add-a-ribbon-to-a-wordpress-pricing-table-recommended-popular-tag/)- [Show More button](https://nexterwp.com/docs/add-a-show-more-button-for-features-in-wordpress-pricing-table/)- [Highlight a plan](https://nexterwp.com/docs/highlight-a-pricing-plan-with-scale-effect-in-wordpress/)- [Feature tooltips](https://nexterwp.com/docs/add-a-tooltip-to-a-wordpress-pricing-table/)