Description

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

Install and activate the Price Calculator block plugin.
Open a post or page in the Gutenberg editor.
Add the Price Calculator block from the “Widgets” block category.
Set your pricing rules and adjust the design from the right-side settings sidebar.
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.

Source Code

You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository:
Price Calculator on GitHub

Third-Party Libraries

This plugin bundles the following third-party JavaScript libraries.

bpl-tools

Source / GitHub: https://github.com/bPlugins/bpl-tools
License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html
Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.
External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made

Screenshots

Blocks

This plugin provides 1 block.

Price Calculator Calculate price of products based on quantity.

Installation

From your WordPress dashboard (recommended):

Go to Plugins Add New.
Search for “Price Calculator”.
Click Install Now, then Activate.
Add the Price Calculator block to any post or page in the Gutenberg editor.

Manual installation:

Download the Price Calculator block plugin (.zip file).
In your admin area, go to Plugins Add New and click Upload Plugin.
Choose the price-calculator.zip file and click Install Now.
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.

FAQ

Is the Price Calculator block free?: Yes, the Price Calculator block is a free Gutenberg block plugin.
Does it work with any WordPress theme?: Yes, it works with any standard WordPress theme.
Can I create quantity-based discounts?: Yes. You can create different pricing rules for different quantities – for example, a lower unit price when a customer buys 5 instead of 1.
Can I change the currency?: Yes, the block includes an option to set the currency displayed with the price.
Can I change block settings?: Yes, you can change all block settings from the Gutenberg block editor’s right sidebar.
How many times can I reuse the block?: You can use the block an unlimited number of times across your site.
Where can I get support?: You can post your questions on the support forum here.

Reviews

paulahstv June 24, 2024 2 replies

Your input form element does not have an associated label (if you run it through lighthouse it throws up this on accessibility). Is there and chance you can add a label to it so the error doesn’t come up? If this is fixed it will be 5* from me 😉

senator80 December 10, 2021

Thanks

Read all 2 reviews

Contributors & Developers

“Price Calculator Block – give customers instant price estimates” is open source software. The following people have contributed to this plugin.

Translate “Price Calculator Block – give customers instant price estimates” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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.

Great Little Plugin!

Great Plugin