---
title: Pricing Table block (Pro)
description: "This feature requires the Pro version of the PublishPress Blocks plugin. With the Pro version of the [PublishPress Blocks](https://publishpress.com/links/blocks) plugin, you can create an Pricing Table block when you need to show people the purchase or subscription options on your site. This…"
url: "https://publishpress.com/knowledge-base/pricing-table-block/"
updated: "2025-06-30"
category: PublishPress Blocks / PublishPress Blocks
---

# Pricing Table block (Pro)

This feature requires the Pro version of the PublishPress Blocks plugin.

With the Pro version of the [PublishPress Blocks](https://publishpress.com/links/blocks) plugin, you can create an Pricing Table block when you need to show people the purchase or subscription options on your site. This image below is a preview of how the block will appear inside the WordPress editing screen.

![Pricing Table](https://publishpress.com/wp-content/uploads/2021/06/pricing-table-1024x641.png)
Pricing Table

---

## How to create the Pricing Table block

You can create a PublishPress Pricing Table block by clicking the "Pricing Table - PublishPress" button in the [PublishPress Blocks](https://publishpress.com/links/blocks) category.

![Screen Shot 2022 10 05 At 18.17.34](https://publishpress.com/wp-content/uploads/2022/10/Screen-Shot-2022-10-05-at-18.17.34.png)
Screen Shot 2022 10 05 At 18.17.34

---

## Settings for the Pricing Table block

Once created, you can customize the display, spacing and colors. This from the sidebar.

![Gutenberg Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-12.42.29.png)

- **Heading**
  - **Display Heading:** enabled/disable the heading.
  - **Heading Tag:** choose the html tag for the heading.
  - **Border Bottom:** enabled/disable the border bottom (if enabled through Border panel).
  - **Padding top**
  - **Padding right**
  - **Padding bottom**
  - **Padding left**
- **Price**
  - **Display Price:** enabled/disable the price.
  - **Price Tag:** choose the html tag for the price.
  - **Border Bottom:** enabled/disable the border bottom (if enabled through Border panel).
  - **Padding top**
  - **Padding right**
  - **Padding bottom**
  - **Padding left**
- **Features**
  - **Padding top**
  - **Padding right**
  - **Padding bottom**
  - **Padding left**
- **Border**
  - **Border radius**
  - **Border style:** choose between solid, dotted, dashed, double, groove, ridge, inset and outset.
- **Colors**
  - **Heading Background**
  - **Price Background**
  - **Features Background**

---

## Edit content for the Pricing Table block

You can change the “Plan Heading” like you do with regular text, including formatting options for color and style.

![Gutenberg Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-12.59.57.png)

You can change the price and periodicity like you do with regular text, including formatting options for color and style.

![Gutenberg Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-13.00.16.png)

Customize the Features List block by typing, adding, removing and reordering. More details about the [Feature List](https://publishpress.com/links/feature-list) block [here](https://publishpress.com/knowledge-base/feature-list-block/).

![Gutenberg Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-13.01.29.png)

Also you can add other block types: Heading, Paragraph, Button, PublishPress Button, Spacer, Separator and PublishPress Icon.

![Gutenberg Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-13.02.31.png)

## Alignment

You can align the heading and the price through the toolbar.

![Gutenberg Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-19.42.14.png)

The other sample elements such as buttons and features have its own alignment settings.

---

## Pricing Tables with the PublishPress Columns block

In order to create the traditional pricing tables layout, you can combine PublishPress Pricing Table blocks with a PublishPress Columns block.

![Gutenberg Columns Manager and Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-14.15.24-1024x706.png)

Create a [PublishPress Columns](https://publishpress.com/knowledge-base/columns-manager-block/) block. Choose the number of columns depending the number of pricing tables you need. In our example we choose 3.

![Gutenberg Columns Manager and Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-14.17.50.png)

Choose the space between columns.

![Gutenberg Columns Manager and Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-14.22.30.png)

Insert a PublishPress Pricing Table block for each Column.

![](https://publishpress.com/wp-content/uploads/2022/10/Screen-Shot-2022-10-05-at-18.21.27.png)

At this point this is how it looks.

![Gutenberg Columns Manager and Pricing Table block](https://publishpress.com/wp-content/uploads/2021/06/Screen-Shot-2021-06-17-at-14.20.57.png)

As last step customize the content, colors and settings.