Price Calculator Block – give customers instant price estimates

Let customers slide to a quantity and see their price instantly – including your bulk discounts – right on the page. Demos Why Price Calculator Block? Nobody likes emailing back and forth just to learn a price. Price Calculator Block lets you create and display pricing calculator sliders on your website, so visitors get an instant estimate based on the quantity they choose. You can create different pricing rules for different quantities. For example, if you sell 1 unit for 10 and offer a discount when a customer buys 5, simply set a pricing rule based on quantity – the calculator applies it automatically. All the options related to a price calculator are supported, and everything is configured visually in the Gutenberg editor. Free Features

• Quantity-Based Pricing Rules: Set different prices for different quantity ranges, including bulk discounts.
• Interactive Slider: Visitors drag a range slider to pick a quantity and see the price update.
• Currency Option: Choose the currency shown with the calculated price.
• Fully Customizable: All the options you need to arrange the showcase to your liking.

How to Use

1. Install and activate the Price Calculator block plugin.
2. Open a post or page in the Gutenberg editor.
3. Add the Price Calculator block from the "Widgets" block category.
4. Set your pricing rules and adjust the design from the right-side settings sidebar.
5. Publish – your calculator is live!

Use Cases

• Product Sellers: Show quantity discounts for bulk orders.
• Service Providers: Let clients estimate costs based on units, hours, or seats.
• Print & Manufacturing Shops: Give instant quotes for different order sizes.

Did you like this plugin? Do you have a feature request? Please share your feedback with us. Check out the Parent Plugin of this plugin- B Blocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts.

From your WordPress dashboard (recommended):

1. Go to Plugins → Add New.
2. Search for "Price Calculator".
3. Click Install Now, then Activate.
4. Add the Price Calculator block to any post or page in the Gutenberg editor.

Manual installation:

1. Download the Price Calculator block plugin (.zip file).
2. In your admin area, go to Plugins → Add New and click Upload Plugin.
3. Choose the price-calculator.zip file and click Install Now.
4. Activate the plugin, then add the block from the Gutenberg editor.

Alternatively, upload the plugin folder to the /wp-content/plugins/ directory and activate it through the Plugins menu in WordPress.

1.1.1 - 14 Jun 26

• Update: Block API Version 3

1.1.0

• Fix: render issue

1.0.9

• Reduce assets loads

1.0.8

• Add translate feature

1.0.7

• Fix Width

1.0.6

• Fix HTML Render

1.0.5

• Reduce PHP Code
• Performance Improvement

1.0.4

• Reduce PHP Code.

1.0.3

• Add option for currency.

1.0.2

• Performance upgrade.

1.0.1

• Fix Range Style.

1.0.0

• Initial Release.