WordPress.org

Plugin Directory

WBD Pricing Tables – Gutenberg Pricing Table & Comparison Block

WBD Pricing Tables – Gutenberg Pricing Table & Comparison Block

Description

Pricing Tables Block for Gutenberg is a powerful and easy-to-use WordPress pricing table plugin that helps you create stunning pricing tables, pricing comparison tables, and pricing plans layouts directly inside the block editor.

Live Demos | Pricing | Support

Whether you’re building SaaS pricing pages, product comparison tables, or service plans — this Gutenberg pricing table block gives you full control without any coding.Lightweight, fast, and fully responsive — works with every WordPress theme.

🚀 Perfect for freelancers, agencies, SaaS, startups, and WooCommerce websites.

Features

✅ Free Features

Free Templates – Add up to 3 pricing plans displayed side by side in a responsive grid.
Customizable Plan Details — Set plan name, price, currency symbol, billing period, and description for each plan.
Feature Lists — Add unlimited features per plan with optional checkmark or cross icons to indicate included/excluded features.
Call-to-Action Buttons — Customize button text and URL for each plan with option to open links in a new tab.
Featured/Recommended Plan — Highlight a plan as “recommended” with a badge and visual emphasis.
Color Customization — Choose header background color, header text color, button color, button text color, and featured plan accent color.
Layout Options — Choose between 1 to 4 columns layout.
Responsive Design — Plans stack gracefully on smaller screens.
Live Preview — See all changes in real time within the editor.

⚡ Pro Version Features

If you need even more features, styling options, or premium support, you can upgrade to the Pro version:

Five Premium Templates
Comparison pricing table block
Advanced Styling & Layout Controls
Priority Support — Dedicated help within 24 hours

Why Choose This Pricing Table Block Plugin?

  • Built specifically for Gutenberg (Block Editor)
  • Lightweight and fast loading (better SEO performance)
  • Fully responsive pricing table design
  • No shortcode required – 100% block-based
  • Clean UI inspired by modern SaaS pricing tables

Use Cases

  • SaaS pricing pages
  • Service pricing plans
  • Product comparison tables
  • Subscription plans
  • Agency packages

SEO-Friendly Pricing Sections

WBD Pricing Tables helps you create structured and readable pricing sections using the WordPress Block Editor.

The plugin focuses on:

Clean frontend markup.
Responsive layouts.
Lightweight implementation.
Accessible interactive elements where applicable.
Mobile-friendly pricing sections.
Clear pricing and feature presentation.

The plugin does not replace an SEO plugin. Search engine rankings depend on your overall website content, technical SEO, performance, competition, backlinks, and other factors.

Development

The uncompiled source code for this plugin is fully open-source and publicly accessible.

  • Source Code Repository: https://github.com/wpbranddigital/wbd-pricing-table
  • Source Folder: The human-readable and modifiable source files are included in the /src directory of the plugin.

Build tools and environment:
– Node.js & npm
– webpack
– @wordpress/scripts

To regenerate the compiled files from source:
1. Clone the repository or navigate to the plugin directory.
2. Run npm install to install dependencies.
3. Run npm run build to compile the production assets into the /build directory.
4. Run npm run start to start the development watcher.

Screenshots

Blocks

This plugin provides 1 block.

  • Pricing Table A beautiful, fully customizable pricing table block with multiple plans, feature lists, CTA buttons, and featured plan highlighting.

Installation

  1. Log in to your WordPress admin dashboard.
  2. Go to Plugins Add New.
  3. Search for WBD Pricing Tables.
  4. Click Install Now.
  5. Click Activate.
  6. Edit or create a page using the WordPress Block Editor.
  7. Click the + Block Inserter.
  8. Search for Pricing Table.
  9. Add the pricing table block to your page.
  10. Configure your plans, features, buttons, colors, and layout from the Block Inspector.

You can also install the plugin manually:

  1. Download the plugin ZIP file.
  2. Go to Plugins Add New Upload Plugin.
  3. Upload the plugin ZIP file.
  4. Click Install Now.
  5. Click Activate Plugin.

FAQ

How many plans can I add?

You can add up to 6 pricing plans in a single block.

Can I highlight a recommended plan?

Yes! Each plan has a “Featured” toggle that adds a visual badge and elevated styling.

Is the block responsive?

Yes, the pricing table is fully responsive and adapts to all screen sizes.

Reviews

Read all 1 review

Contributors & Developers

“WBD Pricing Tables – Gutenberg Pricing Table & Comparison Block” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2.0

  • New Two Premium Theme.
  • Fixed Theme Style Problem
  • Performance optimazation.
  • Added new Comparison Pricing table block.

1.1.2

  • Compliance update: Remove all Freemius premium feature gating and overlays. All built-in templates and layouts are now 100% free and functional.
  • Remove auto-deactivation hook to prevent deactivating other plugins without consent.
  • Document public repository source code and build steps in the readme.
  • Bump version and tested up to tags.

1.1.1

  • Fix conflict with Pro version.
  • Fixed Theme Style Problem

1.1.0

  • Add new Layout Style theme.
  • Performance optimazation.

1.0.0

  • Initial release with full pricing table functionality.