---
title: "How to Add a Pricing List in WordPress?"
url: https://nexterwp.com/docs/add-a-pricing-list-in-wordpress/
date: 2024-12-11
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "Menus and price lists are the sort of thing a table handles badly — the price needs to sit apart from the description, and the whole row needs to read..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Pricing-List-in-WordPress_-1024x519.jpg
word_count: 776
---

# How to Add a Pricing List in WordPress?

## Key Takeaways

- Pricing List block is built for one menu row with a tag, title, description, and price, and a menu of ten dishes needs ten Pricing List blocks stacked up because there is no repeater inside it.
- Style 3 is the only style that shows an image, while styles 1 and 2 ignore the image setting and give no warning.
- Tag field splits on a vertical bar, so Small|Medium|Large renders as three separate tags and Chef special renders as one.
- Box Align setting has no effect on published pages across every style and every value, so the block’s own alignment rules never apply.

Menus and price lists are the sort of thing a table handles badly — the price needs to sit apart from the description, and the whole row needs to read well on a phone.

The Pricing List block is built for exactly that row: a tag, a title, a description and a price, in three arrangements.

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

## Before You Start

- **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Pricing List, switched on under **Nexter > Blocks** in your WordPress dashboard.

## Video Tutorial

https://www.youtube.com/watch?v=VDg3o0j5ado

## Steps

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

![Adding the Pricing List block](https://nexterwp.com/wp-content/uploads/2024/12/pricing-list-activate-new-1.webp)

- Choose a **Style** — 1 is a plain row, 2 flips on hover, 3 puts an image beside the text.

![Choosing the pricing list style](https://nexterwp.com/wp-content/uploads/2024/12/pricing-list-design-type.webp)

- Fill in the **tag**, **title**, **description** and **price**.

![The tag, title, description and price fields](https://nexterwp.com/wp-content/uploads/2024/12/pricing-list-content-new.webp)

- In style 3, choose the **image** and its shape.

![Choosing the image in style 3](https://nexterwp.com/wp-content/uploads/2024/12/pricing-list-content-demo.webp)

- Style it, then **duplicate the block** for each further item.

![Styling the pricing list row](https://nexterwp.com/wp-content/uploads/2024/12/pricing-list-style-new.webp)

> ***One block is one item.** There is no repeater inside it, so a menu of ten dishes is ten Pricing List blocks stacked up, not one block with a list in it. Build the first one, style it, then duplicate it.*

## How It Behaves

The Pricing List block is one row of a menu or price list — a tag, a title, a description, a price, and in one of the three styles an image.

- **One block is one item.** There is no repeater inside it, so a menu of ten dishes is ten Pricing List blocks stacked up, not one block with a list in it. Build the first one, style it, then duplicate it.- **Only style 3 shows an image.** Measured: the same block given the same picture rendered no image at all in styles 1 and 2, and the image in style 3. If you want photographs beside your items, style 3 is the only choice — choosing an image in the other two styles does nothing and gives no warning.- **The tag field splits on a vertical bar.** Measured: `Small|Medium|Large` rendered as three separate tags, and `Chef special` as one. That is how you get several labels from one field — but it also means a `|` you meant literally will be split.- **In the flip style the description moves to the back.** Measured: the front carried the tag, title and price, and the description was on the reverse. It is not hidden — it is on the face the visitor sees after hovering.- **Empty fields are left out entirely.** Measured: a blank title, description or price renders no element at all, so the row closes up rather than leaving a gap.

## Limitations

- **The Box Align setting currently has no effect.** Measured on published pages across every style and every value: the alignment class is never added to the markup, so the block's own alignment rules never apply. Use the block's ordinary alignment and spacing controls instead. This is reported to the development team.- **Images are style 3 only** — measured, the setting is ignored in styles 1 and 2.- **One item per block**, so a long menu means a lot of blocks. Duplicating a styled one is much faster than building each from scratch.- **The block does not sell anything** — it is a presentation block, with no cart, no stock and no ordering.

## Troubleshooting

### My image is not showing

**Only style 3 shows an image.** Measured: the same block given the same picture rendered no image at all in styles 1 and 2, and the image in style 3. If you want photographs beside your items, style 3 is the only choice — choosing an image in the other two styles does nothing and gives no warning.

### My tag has been split into pieces

The tag field treats a vertical bar as a separator. Measured: `Small|Medium|Large` renders three tags. Remove the bar if you meant it literally.

### Box Align does nothing

**The Box Align setting currently has no effect.** Measured on published pages across every style and every value: the alignment class is never added to the markup, so the block's own alignment rules never apply. Use the block's ordinary alignment and spacing controls instead. This is reported to the development team.

### The description has vanished in style 2

It is on the back of the card. Measured: the flip style puts the tag, title and price on the front and the description on the reverse. See the [flip box style guide](https://nexterwp.com/docs/add-a-flip-box-style-pricing-list-in-wordpress/).

### The block is there but empty

Every field is blank. Measured: each empty field is omitted, so an entirely empty block renders a box with nothing in it and no error.

## Related Docs

- [Add a flip box style pricing list](https://nexterwp.com/docs/add-a-flip-box-style-pricing-list-in-wordpress/)- [Create a food menu in WordPress](https://nexterwp.com/docs/create-a-food-menu-in-wordpress/)- [Advanced tab settings](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/)

## Frequently Asked Questions

**Q: What do I need before adding a pricing list in WordPress?**
A: The setup is simple, but it depends on three things being in place: the default WordPress Block editor, the Nexter Blocks plugin, and the Pricing List block being activated. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides the Pricing List block inside the block editor, so if any of those pieces are missing the block will not be available to add.

**Q: Why is the Pricing List block not showing up in WordPress?**
A: The usual cause is that the block has not been turned on yet. The page says to go to Nexter → Blocks, search for Pricing List, and activate it. That matters because Nexter Blocks ships blocks in a disabled state until you enable them. If the default WordPress Block editor is also inactive, the block still will not appear where you expect it.

**Q: Can I use a preset template instead of building the pricing list from scratch?**
A: The Pricing List block supports both approaches. The page says you can click Design from Scratch for a custom layout or use Import Pre-Designed Template to start from a preset and customize it. That is useful when you want speed over manual setup, especially if you are building repeated layouts across pages. A preset can save time while still letting you adjust the final design.

**Q: Which pricing list style should I use for a food menu or flip box layout?**
A: Classic is the better fit for a food menu or similar image-based pricing list because the page says it can create a pricing list with an image. Modern is described as a flip box style pricing list item, while Simple is for a modern pricing list item with a background image or color. The choice matters because each style changes how much visual content you can present at once.

**Q: How do I add tags and prices to each pricing list item?**
A: The block uses separate fields for structure: Title for the item name, Tag for labels above the title, Price for the cost, and Description for extra detail. The page also notes that multiple tags can be separated with a separator like |. That helps when one item needs more than one label without crowding the layout.

**Q: What can I customize in the Pricing List block styling?**
A: Styling is handled in the Style tab, where you can control Title, Tag, Price, Description, and Background Options. Classic style adds extra controls: Line appears only for Classic so you can add and style a divider between title and price, and Image appears only when an image is selected for Classic. Advanced options are shared across blocks through the Advanced tab tutorial.