
Pricing table with three plans in the editor.
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.
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.
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.
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?
💡 Use Cases
The uncompiled source code for this plugin is fully open-source and publicly accessible.
/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.