Cost Calculator for WordPress
Cost Calculator for WordPress is a powerful and easy-to-use calculation and appointment plugin for WordPress. This unique tool allows you to easily create price estimation forms to give your client idea of the cost of your service. It comes with Calculation Form Builder, Calculations Manager, Dummy Data Importer and provides WPBakery Page Builder (Visal Composer) integration.
Full List Of Features
- 100% responsive and mobile compatible.
- High resolution and pixel perfect.
- Unlimited calculation forms and submitted calculations.
- Visual drag-and-drop form builder built-in.
- Support for unlimited rows and multi-column layout.
- Stripe Payments integration for secure one-time and subscription payments.
- Support for subscription payments with custom intervals (e.g., daily, weekly, every 2 weeks).
- Choose between immediate checkout redirection or sending payment links via email.
- Enhanced form customization with individual settings for payment modes and recurring periods.
- Dynamic controls allow users to select payment periods and intervals during form completion.
- Set and manage payments in any currency for international transactions.
- Predefined and customizable email templates for both clients and admins.
- Detailed payment tracking and editable success, cancel, and subscription pages.
- 11 pre-made calculation forms included in demo content:
- Cleaning Cost Calculator.
- Renovation Cost Calculator.
- Car Service Cost Calculator.
- LPG Savings Calculator.
- Mortgage Cost Calculator.
- BMI Calculator.
- Web Hosting Cost Calculator.
- Web Design Cost Calculator.
- Calorie Calculator.
- Bookkeeping Calculator.
- Loan Calculator.
- 5 predefined skin templates.
- Color picker built-in.
- Font configurator built-in.
- Different form components:
- Dropdown Box.
- Slider Box.
- Input Box (Type Text, Number, Email, Hidden, and Submit).
- Date Picker.
- Checkbox.
- Radio.
- Switch Box.
- Summary Box.
- Contact Details Box.
- Securely stores all calculations and submitted forms in the database.
- Access to the submitted calculations from the WordPress admin panel.
- Sends calculations to an email.
- Possibility to modify the email template and recipients.
- WordPress 5.0 Gutenberg editor integration.
- WPBakery Page Builder integration.
- Support for multiple calculation summary fields in one form.
- Support for currencies and units before and after value.
- reCaptcha built-in.
- Terms and conditions checkbox available.
- One-click demo importer.
- Valid HTML5 code.
- Cross-browser compatible.
- Documentation included.
Instructional Videos
Shortcodes
Cost Calculator
You can display cost calculator form by using below shortcode:
[cost_calculator id="your_calculator_id"]
This shortcode can be created configured under Cost Calculator in your WordPress admin area.
There are 6 components available which you can use to build your custom calculation form:
Dropdown Box
[cost_calculator_dropdown_box id="dropdown-box" name="dropdown-box" label="" default_value="" options_count="1" option_name0="Option 1" option_value0="10" show_choose_label="1" choose_label="Choose..." top_margin="none"]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| id | dropdown-box | Specifies the unique component id, which can be use later in the calculation formula (please check Summary Box section). |
| name | dropdown-box | Specifies the component name, which will be used as name html parameter for select dropdown. |
| label | Specifies the label of the dropdown component which will be displayed before it. | |
| hide_label | 0 | Specifies whether the label should be hidden. |
| default_value | Specifies default selected value. | |
| options_count | 1 | Specifies the number of available dropdown list options to choose. |
| option_name(n) | Specifies the name of the option available to choose from the dropdown list. | |
| option_value(n) | Specifies the value of the option available to choose from the dropdown list. | |
| show_choose_label | 1 | Specifies if the first option on the list should be a default 'Choose' label option |
| choose_label | Choose... | Specifies the choose label text |
| required | 0 | Specifies whether the field should be required. |
| required_message | This field is required | Specifies field required validation error message. |
| top_margin | none | Specifies the margin top value of the component. Possible values: none page-margin-top page-margin-top-section |
Slider Box
[cost_calculator_slider_box id="slider-box" name="slider-box" label="" default_value="6" unit_value="1" step="1" min="0" max="10" top_margin="none" el_class=""]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| id | slider-box | Specifies the component id, which can be use later in the calculation formula (please check Summary Box section). |
| name | slider-box | Specifies the component name, which will be used as name html parameter for input tag. |
| label | Specifies the label of the slider box component which will be displayed before it. | |
| hide_label | 0 | Specifies whether the label should be hidden. |
| default_value | 6 | Specifies the default value, which will be used as start value for the slider component after page load. |
| currency | Specifies the currency sign displayed before value number in slider tooltip. | |
| currency_after | Specifies the currency sign displayed after value number in slider tooltip. | |
| thousands_separator | , | Specifies the separator sign which will be used to separate groups of thousands for the slider value. |
| unit_value | 1 | Specifies the unique unit value for each slider step. For example if your slider input value is 6 and the unit value is 3, then the summary value will be 18. If you would like to use this value in the calculation formula (please check Summary Box section), you need to add -value suffix to the slider component id. For example slider-box-value |
| step | 1 | Specifies the minimum step between values in slider box component. |
| min | 0 | Specifies the minimum possible value available to select from slider box component. |
| max | 10 | Specifies the maximum possible value available to select from slider box component. |
| minmax_label | 0 | Specifies whether to show or hide minimum and maximum range. |
| input_field | 1 | Specifies whether to show or hide text input field next to the slider. |
| top_margin | none | Specifies the margin top value of the component. Possible values: none page-margin-top page-margin-top-section |
| el_class | Specifies the custom css class for the component. |
Input Box
[cost_calculator_input_box id="input-box" name="input-box" label="" default_value="" type="text" checked="1" checkbox_type="type-button" placeholder="" top_margin="none" el_class=""]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| id | input-box | Specifies the unique component id, which can be use later in the calculation formula (please check Summary Box section). |
| name | input-box | Specifies the component name, which will be used as name html parameter for input tag. |
| label | Specifies the label of the input box component which will be displayed before it. | |
| hide_label | 0 | Specifies whether the label should be hidden. |
| group_label | Specifies the label of the 'radio' type input box component which will be used in email message and submission data stored in database. | |
| default_value | Specifies the default value, which will be used as start value for the input box component after page load. | |
| type | text | Specifies the type of the input box component. Possible types: text number date email checkbox radio hidden submit |
| checked | 1 | Applies only when type parameter is set to checkbox. Specifies if checkbox should be checked by default on after page load. |
| checkbox_type | type-button | Applies only when type parameter is set to checkbox. Specifies the layout of the checkbox. Possible values: type-button default |
| required | 0 | Specifies whether the field should be required. |
| required_message | This field is required | Specifies field required validation error message. |
| placeholder | Specifies the placeholder text for the input. | |
| after_pseudo | Specifies ::after pseudo element class name. | |
| top_margin | none | Specifies the margin top value of the component. Possible values: none page-margin-top page-margin-top-section |
| el_class | Specifies the custom css class for the component. |
Switch Box
[cost_calculator_switch_box id="switch-box" name="switch-box" label="" yes_text="Yes" no_text="No" default_value="1" checked="1" top_margin="none" el_class=""]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| id | switch-box | Specifies the unique component id, which can be use later in the calculation formula (please check Summary Box section). |
| name | switch-box | Specifies the component name, which will be used as name html parameter for input tag. |
| label | Specifies the label of the input box component which will be displayed before it. | |
| hide_label | 0 | Specifies whether the label should be hidden. |
| yes_text | Yes | Specifies the text which will be displayed when switch component is in active position. |
| no_text | No | Specifies the text which will be displayed when switch component is in inactive position. |
| default_value | 1 | Specifies the default value for the switch box component when it is in active position. When the switch box is in inactive position the value is always 0. |
| checked | 1 | Specifies if the switch box should be in active position by default after page load |
| top_margin | none | Specifies the margin top value of the component. Possible values: none page-margin-top page-margin-top-section |
| el_class | Specifies the custom css class for the component. |
Summary Box
[cost_calculator_summary_box id="cost" name="total_cost" formula="" currency="$" currency_after="" currency_size="default" thousands_separator="," decimal_separator="." description="" icon="" el_class=""]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| id | cost | Specifies the unique component id. |
| name | total_cost | Specifies the component name, which will be used as name html parameter for input tag with total calculation value. |
| formula |
Specifies the calculation formula. You can use there components ids, numbers, sum sign (+), subtraction sign({-}) multiplication sign(*), division sign(/), power sign(^) and brackets ().
Example formulas: slider-box*input-box+30*switch-box slider-box-value*(input-box+slider-box-value*dropdown-box) Important note about subtraction sign {-}. As hyphen character can be used in component id you will need to surround it with brackets {} when you would like to make subtraction in the formula, example: slider-box{-}input-box+30*switch-box
You can also surround other operators with brackets {} but that is not required, example: slider-box{-}input-box{+}30{*}switch-box
How to use power operator (^)? If you would like to use power operator (^) you need to surround the power operation with {powerstart} and {powerend} tags, example: slider-box+{powerstart}input-box^2{powerend}*switch-box
If you will set custom ids for your components, you need to use them also in calculation formula. Example formula used for live Example 1 form from live preview site: cleaning-frequency*clean-area+cleaning-frequency*cleaning-supplies+cleaning-frequency*bedrooms*20+cleaning-frequency*bathrooms*20+cleaning-frequency*livingrooms*30+cleaning-frequency*kitchen-size+cleaning-frequency*bathroom-includes+cleaning-frequency*pets+cleaning-frequency*dining-room+cleaning-frequency*play-room+cleaning-frequency*laundry+cleaning-frequency*gym+cleaning-frequency*garage+cleaning-frequency*refrigerator-clean Example formula used for live Example 2 form from live preview site: ir-square-feet-value*ir-walls+ir-square-feet*ir-floors+ir-doors-value+ir-windows-value+ir-cleaning |
|
| currency | $ | Specifies the currency sign displayed before value number for your calculation sum. |
| currency_after | $ | Specifies the currency sign displayed after value number for your calculation sum. |
| currency_size | default | Specifies the currency sign size for your calculation sum. Possible values:default small |
| currency_align | top | Specifies the vertical align of currency sign displayed before value. Applies only when currency_size="small" parameter is set. Possible values:top bottom |
| currency_after_align | bottom | Specifies the vertical align of currency sign displayed after value. Applies only when currency_size="small" parameter is set. Possible values:top bottom |
| thousands_separator | , | Specifies the separator sign which will be used to separate groups of thousands in the calculation sum value. |
| decimal_separator | . | Specifies the separator sign which will be used to separate integer part from the fractional part of the calculation sum value. |
| decimal_places | 2 | Specifies the number of decimal places which should be displayed for the calculation sum value. |
| math_function | Specifies the additional math function which should be used for the calculation sum value. Possible values:ceil floor abs |
|
| not_number | 1 | Specifies whether display NaN (not number) calculation results as 0. |
| negative | 0 | Specifies whether display negative calculation results as 0. |
| description | Specifies the text description which will be displayed after calculation sum value. | |
| icon | Specifies the icon which will be displayed next to calculation sum value. Possible values:cc-template-calculation cc-template-card cc-template-wallet |
|
| el_class | Specifies the custom css class for the component. |
Contact Box
[cost_calculator_contact_box label="" submit_label="Submit now" name_label="YOUR NAME" name_required="1" email_label="YOUR EMAIL" email_required="1" phone_label="YOUR PHONE" phone_required="0" message_label="QUESTIONS OR COMMENTS" message_required="0" type="" labels_style="default" description="" el_class=""]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| label | Specifies the label of the contact box component which will be displayed before it. | |
| submit_label | Submit now | Specifies the label of the contact form submit button. |
| name_label | YOUR NAME | Specifies the label for the contact form name field. |
| name_placeholder | YOUR NAME | Specifies the placeholder text for the name field. |
| name_required | 1 | Specifies if the name field should be required to fill by the user. |
| email_label | YOUR EMAIL | Specifies the label for the contact form email field. |
| email_placeholder | YOUR EMAIL | Specifies the placeholder text for the email field. |
| email_required | 1 | Specifies if the email field should be required to fill by the user. |
| phone_label | YOUR PHONE | Specifies the label for the contact form phone field. |
| phone_placeholder | YOUR PHONE | Specifies the placeholder text for the phone field. |
| phone_required | 0 | Specifies if the phone field should be required to fill by the user. |
| message_label | QUESTIONS OR COMMENTS | Specifies the label for the contact form message field. |
| message_placeholder | QUESTIONS OR COMMENTS | Specifies the placeholder text for the message field. |
| message_required | 0 | Specifies if the message field should be required to fill by the user. |
| append | Specifies the additional form id. Data from provided form will be submitted as well. | |
| type | Specifies the additional form type hidden input which you can fill with custom value and receive in $_POST["type"] array index after submitting the form. | |
| labels_style | default | Specifies if the labels should be displayed before contact form fields or inside them as placeholders. Possible values:default placeholder |
| terms_checkbox | 0 | Specifies whether 'Terms and conditions checkbox' should be displayed. |
| terms_message | Specifies text label for 'Terms and conditions checkbox'. | |
| description | Specifies the text description which will be displayed next to contact form submit button. | |
| el_class | Specifies the custom css class for the component. | |
| payments_enabled | 1 | Specifies if payments will be enabled. |
Below you will find shortcodes which you can use on 'Payment success' and 'Payment cancel' pages.
Customer name
[cost_calculator_checkout_customer_name]
Customer email
[cost_calculator_checkout_customer_email]
Payment id
[cost_calculator_checkout_payment_id]
Amount
[cost_calculator_checkout_amount]
Currency
[cost_calculator_checkout_currency]
Mode
[cost_calculator_checkout_mode]
Status
[cost_calculator_checkout_status]
Checkout link
[cost_calculator_checkout_link]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| text | here | Checkout link text. |
| title | Return to the checkout page | Checkout link title attribute. |
Below you will find shortcodes which you can use on 'Subscription cancel' page.
Subscription id
[cost_calculator_subscription_id]
Subscription status
[cost_calculator_subscription_status]
Subscription amount
[cost_calculator_subscription_amount]
Subscription currency
[cost_calculator_subscription_currency]
Subscription product
[cost_calculator_subscription_product]
If you would like to create calculator without using form builder for some reason, then you can additionally use [vc_row] and [vc_column] components to build the form layout in your page content editor.
Row
[vc_row]content[/vc_row]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| top_margin | none | Specifies the margin top value of the component. Possible values: none page-margin-top page-margin-top-section |
| el_class | Specifies the custom css class for the component. |
Column
[vc_column]content[/vc_column]
Available shortcode parameters:
| Parameter | Default value | Description |
|---|---|---|
| width | 1/1 | Specifies the layout of the column. Possible values: 1/1 1/2 1/3 2/3 1/4 3/4 |
| top_margin | none | Specifies the margin top value of the component. Possible values: none page-margin-top page-margin-top-section |
| el_class | Specifies the custom css class for the component. |
FAQ - Frequently Asked Questions
1. How to make subtraction in the calculation formula?
As hyphen character can be used in component id you will need to surround it with brackets {} when you would like to make subtraction in the formula, example:
slider-box{-}input-box+30*switch-box
You can also surround other operators with brackets {} but that is not required, example:
slider-box{-}input-box{+}30{*}switch-box
2. How to use power operator (^)?
If you would like to use power operator (^) you need to surround the power operation with {powerstart} and {powerend} tags, example:
slider-box+{powerstart}input-box^2{powerend}*switch-box
3. I have multiple 'Summary Boxes' on the page. Is it possible to use the value of them in another 'Summary Box' formula?
Yes, it is possible. Let say that you have prepared a 'Summary Box' which will calculate the price of the materials, the example shortcode:
[cost_calculator_summary_box id="materials-cost" name="materials-cost" formula="wood+paint+windows" currency="$" currency_after="" currency_size="default" thousands_separator="," decimal_separator="." description="" icon="" el_class=""]
Then you have added another 'Summary Box' which will calculate the labor price, example shortcode:
[cost_calculator_summary_box id="labor-cost" name="labor-cost" formula="hours*15" currency="$" currency_after="" currency_size="default" thousands_separator="," decimal_separator="." description="" icon="" el_class=""]
Now you would like to display third 'Summary Box' with total cost. You need to add -total-value suffix to your materials-cost and labor-cost ids and use them in your third 'Summary Box' formula:
[cost_calculator_summary_box id="final-cost" name="final-cost" formula="materials-cost-total-value+labor-cost-total-value" currency="$" currency_after="" currency_size="default" thousands_separator="," decimal_separator="." description="" icon="" el_class=""]
4. I'm using Ceil, Floor or Abs function in my 'Summary Box' and in another 'Summary Box' I would like to use value without Ceil/Floor/Abs applied. Is it possible?
Yes, it is possible. You need to use suffix, similar as in point 3 above but instead of adding -total-value you need to add -total-plain suffix. For example if 'Summary Box' id is materials-cost, then you need to use materials-cost-total-plain id in your another 'Summary Box'.
5. How to use radio input and radio inputs group?
You need to add 'Input Box' component and set 'type' parameter for it to 'radio'. To create group of radio inputs, please add as many as you need and set the same 'name' parameter for each. 'Id' parameter for each should be unique though. Example:
[cost_calculator_input_box id="refrigerator-clean1" name="refrigerator-clean" label="No" group_label="Clean inside the refrigerator?" default_value="0" type="radio" checked="1"] [cost_calculator_input_box id="refrigerator-clean2" name="refrigerator-clean" label="Yes" group_label="Clean inside the refrigerator?" default_value="20" type="radio" checked="0"]
Then to use radio input value in 'Summary Box' component calculation formula, you need to use its name instead of id as for other components. For above radio group it will be refrigerator-clean. Example formula may look like below one:
slider-box*+30*refrigerator-clean
CSS Styles
The plugin uses the following cascade of styles (in order):
- style.css - default styles for timetable,
- responsive.css - styles for responsive design,
- rtl.css - styles for RTL view mode,
- jquery.qtip.css - default styles for tooltips (overwritten in style.css).
Credits
Icons
All icons by QuanticaLabs. Icons are an integral part of this plugin, please do not use it separately for other purposes.
Images
Images that are an integral part of this plugin, please do not use it separately for other purposes.
Premium images you can use along with this plugin without asking permission (included within demo content package):
- Close Up Of Male Hands Measuring Wood Flooring By Dolgachov
https://photodune.net/item/close-up-of-male-hands-measuring-wood-flooring/7141441, - Home Improvement, Renovation Handyman Laying Tile By CandyBoxImages
https://photodune.net/item/home-improvement-renovation-handyman-laying-tile/226023, - Young Plumber Fixing A Sink In Bathroom By AndreyPopov
https://photodune.net/item/young-plumber-fixing-a-sink-in-bathroom/5214616, - Modern House, Living-Room By IgorBorodin
https://photodune.net/item/modern-house-livingroom/2079505,
Changelog
27 August 2024 - v6.2- Payment method and Total amount field name options available under global Payments Config.
ql-cost-calculator.php admin/admin-page-payments-config.php admin/contact_box.php admin/js/cost-calculator-admin.js class/QLCostCalculator_Options.php languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php style/style.css26 August 2024 - v6.1
- Abs math option added for 'Summary Box' component.
- Payment currency, Recurring and Recurring interval options available under global Payments Config.
ql-cost-calculator.php admin/admin-page-payments-config.php admin/summary-box.php admin/js/cost-calculator-admin.js admin/style/style.css class/QLCostCalculator_Options.php js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_summary_box.php22 August 2024 - v6.0
- Added integration with Stripe Payments.
- Supported 'One-time' and 'Subscription' payment modes.
- Subscription payment mode supports 'daily', 'weekly', 'monthly', and 'yearly' recurring periods.
- Custom numeric recurring period intervals for 'Subscription' mode are available, e.g., 'pay every 2 weeks'.
- Configure payment mode, recurring period, and interval individually for each form.
- Dynamic control of payment mode, recurring period, and interval through a 'Dropdown Box' by customer during form completion.
- Two payment methods available: 'On form submit' (immediate redirect to the checkout form after submission) and 'Via e-mail payment link' (checkout form URL sent via e-mail after submission).
- Enable payments globally for all calculation forms on the website or individually for each form.
- Set and manage payments in any currency. Choose the currency for each form to support international transactions easily.
- Predefined payment email templates for clients and admins, editable in the admin area.
- 13 shortcodes for payment templates: [id], [amount], [amount_received], [currency], [mode], [datetime], [status], [summary_label], [name], [email], [subscription_id], [checkout_url], [subscription_cancel_url].
- Payment details, status, transactions, and subscription events are available in the admin area for each submitted form.
- Predefined Payment Success, Payment Cancel, and Subscription Cancel pages added, editable in the admin area.
- 8 shortcodes for Payment Success and Payment Cancel pages: [cost_calculator_checkout_customer_name], [cost_calculator_checkout_customer_email], [cost_calculator_checkout_payment_id], [cost_calculator_checkout_amount], [cost_calculator_checkout_currency], [cost_calculator_checkout_mode], [cost_calculator_checkout_link], [cost_calculator_checkout_status].
- 5 shortcodes for the Subscription Cancel page: [cost_calculator_subscription_id], [cost_calculator_subscription_status], [cost_calculator_subscription_amount], [cost_calculator_subscription_currency], [cost_calculator_subscription_product].
- Payment integration added to 3 example calculation forms available for import: Cleaning, Bookkeeping, Hosting.
- Minor code fixes.
post-type-calculations.php ql-cost-calculator.php admin/admin-page.php admin/admin-page-email-config.php admin/admin-page-global-config.php admin/js/cost-calculator-admin.js admin/style/style.css dummy_content_files/dummy-cost-calculator.xml js/cost_calculator.js js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_dropdown_box.php style/style.css --- new files --- admin/admin-page-payments-config.php admin/help.php class/QLCostCalculator_Options.php class/QLCostCalculator_StripePayment.php includes/stripe-payments.php --- new directory --- libararies/02 August 2023 - v5.4
- 'Radio' type added for 'Input Box' component.
custom_colors.php ql-cost-calculator.php admin/input_box.php admin/js/cost-calculator-admin.js js/cost_calculator.js js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_input_box.php style/rtl.css style/style.css30 June 2023 - v5.3
- 'Thank you page url' option added.
- Fix for issue with 'Form display' option.
- Fix for issue with column settings when using multiple columns.
- Minor code fixes.
custom_colors.php ql-cost-calculator.php admin/admin-page.php admin/admin-page-email-config.php admin/admin-page-global-config.php admin/admin-page-import-dummy-data.php admin/input_box.php admin/slider_box.php admin/summary_box.php admin/js/cost-calculator-admin.js js/cost_calculator.js js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_input_box.php shortcodes/cost_calculator_slider_box.php shortcodes/cost_calculator_summary_box.php style/style.css21 June 2023 - v5.2
- New demos: bookkeeping, calories, loan.
- reCAPTCHA v3 added.
- Font variant option added.
- Form display and form action parameters available to configure.
- Extra class name option for column added.
- Ceil and Floor math options added for 'Summary Box' component.
custom_colors.php ql-cost-calculator.php admin/admin-page.php admin/admin-page-global-config.php admin/column.php admin/summary_box.php admin/js/cost-calculator-admin.js admin/style/style.css dummy_content_files/dummy-cost-calculator.xml js/cost_calculator.js js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_columns.php shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_row.php shortcodes/cost_calculator_slider_box.php shortcodes/cost_calculator_summary_box.php style/responsive.css style/style.css09 February 2023 - v5.1
- Fix for decimal places display in slider box component tooltip.
- 'WPBakery Page Builder noconflict mode' option added.
- Minor code improvements.
custom_colors.php post-type-calculations.php ql-cost-calculator.php admin/admin-page-global-config.php js/cost_calculator.js languages/cost-calculator-default.mo languages/cost-calculator-default.po20 January 2023 - v5.0
- New skin 'Finpeak' added.
- Placeholders option for 'Contact Box' component added.
- 'Currency sign' and 'Thousands separator' options for 'Slider Box' component added.
- 'Display negative result as 0' option for 'Summary Box' component added.
custom_colors.php ql-cost-calculator.php admin/admin-page.php admin/admin-page-global-config.php admin/contact_box.php admin/input_box.php admin/slider_box.php admin/summary_box.php admin/js/cost-calculator-admin.js js/cost_calculator.js js/jQuery.costCalculator.js js/jQuery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_dropdown_box.php shortcodes/cost_calculator_input_box.php shortcodes/cost_calculator_slider_box.php shortcodes/cost_calculator_summary_box.php style/style.css11 August 2022 - v4.1
- Fix for not visible form builder bug.
admin/admin-page.php admin/admin-page-global-config.php08 July 2022 - v4.0
- Minor code improvements.
custom_colors.php ql-cost-calculator.php admin/admin-page.php admin/admin-page-global-config.php admin/admin-page-import-dummy-data.php admin/js/cost-calculator-admin.js js/cost_calculator.js style/style.css28 January 2022 - v3.9
- Fix for shortcode loading issue in admin area.
ql-cost-calculator.php admin/admin-page-email-config.php shortcodes/cost_calculator_contact_box.php style/style.css --- new files --- admin/js/selectmenu_fix.js11 June 2021 - v3.8
- New 'Send From' option added under email config.
- Minor code improvements.
ql-cost-calculator.php admin/admin-page-email-config.php dummy_content_files/dummy-cost-calculator.xml languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php style/rtl.css style/style.css10 December 2020 - v3.7
- Minor code and styles improvements.
admin/style/style.css shortcodes/cost_calculator_dropdown_box.php style/style.css03 September 2020 - v3.6
- Option to display not number results in formula as 0 added.
- Formula is no longer required parameter in Summary Box.
ql-cost-calculator.php admin/summary_box.php admin/js/cost-calculator-admin.js js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_summary_box.php13 August 2020 - v3.5
- Compatibility with WordPress 5.5 added.
ql-cost-calculator.php js/cost_calculator.js js/jquery.qtip.min.js style/jquery.qtip.css style/style.css03 July 2020 - v3.4
- 'Currency vertical align' option added for summary box.
- Minor code improvements.
custom_colors.php admin/summary_box.php admin/js/cost-calculator-admin.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_summary_box.php style/responsive.css style/rtl.css style/style.css19 May 2020 - v3.3
- Fixes for themes conflicts.
custom_colors.php style/rtl.css style/style.css28 April 2020 - v3.2
- New skin added - GymBase (dark style).
custom_colors.php admin/admin-page.php admin/admin-page-global-config.php admin/js/cost-calculator-admin.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_input_box.php style/style.css13 March 2020 - v3.1
- Code and conflicts fixes.
- Minor css fixes.
custom_colors.php ql-cost-calculator.php js/cost_calculator.js shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_dropdown_box.php shortcodes/cost_calculator_input_box.php style/responsive.css style/rtl.css style/style.css10 May 2019 - v3.0
- Minor css fixes.
custom_colors.php shortcodes/cost_calculator_summary_box.php style/responsive.css style/style.css17 April 2019 - v2.9
- Option to hide label for components added.
- Fix for currency position in the calculation template.
admin/dropdown_box.php admin/input_box.php admin/slider_box.php admin/switch_box.php admin/js/cost-calculator-admin.js fonts/template/demo.html js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_dropdown_box.php shortcodes/cost_calculator_input_box.php shortcodes/cost_calculator_slider_box.php shortcodes/cost_calculator_summary_box.php shortcodes/cost_calculator_switch_box.php style/style.css24 January 2019 - v2.8
- Fix for Gutenberg editor javascript error when no shortcodes were available.
ql-cost-calculator.php14 January 2019 - v2.7
- Fix for demo content import issue under WP 5.0.
- Minor code fixes.
ql-cost-calculator.php shortcodes/cost_calculator_summary_box.php style/style.css20 December 2018 - v2.6
- WordPress 5.0 Gutenberg editor integration added.
ql-cost-calculator.php languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php style/style.css --- new files --- admin/js/.babelrc admin/js/block.build.js admin/js/block.js admin/js/package.json admin/js/package-lock.json admin/js/webpack.config.js languages/cost-calculator-en.json23 November 2018 - v2.5
- Ability to set number of displayed decimal places for summary value.
admin/summary_box.php admin/js/cost-calculator-admin.js js/cost_calculator.js js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_summary_box.php16 November 2018 - v2.4
- Fix for js error in cost_calculator.js file.
js/cost_calculator.js15 November 2018 - v2.3
- Bug fix: SMTP settings not being applied in some cases.
ql-cost-calculator.php admin/admin-page-email-config.php admin/style/style.css languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php10 November 2018 - v2.2
- Ability to set calculator fields as required added.
- Minor code fixes.
custom_colors.php admin/dropdown_box.php admin/input_box.php admin/js/cost-calculator-admin.js js/cost_calculator.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_dropdown_box.php shortcodes/cost_calculator_input_box.php style/style.css10 October 2018 - v2.1
- Ability to send via email and store in database multiple summary values from one calculation form.
ql-cost-calculator.php admin/summary_box.php languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_summary_box.php29 August 2018 - v2.0
- Bug fix: power operator doesn't work in some cases when present multiple times in one formula.
js/jquery.costCalculator.js js/jquery.costCalculator.min.js style.css04 August 2018 - v1.9
- New demos: mortgage, bmi, hosting, web design.
- Minor code fixes.
custom_colors.php ql-cost-calculator.php admin/js/cost-calculator-admin.js dummy_content_files/dummy-cost-calculator.xml languages/cost-calculator-default.mo languages/cost-calculator-default.po style/style.css18 July 2018 - v1.8
- New styles for Car Service Skin Summary Box Component.
- Minor code fixes.
custom_colors.php shortcodes/cost_calculator_slider_box.php21 June 2018 - v1.7
- Fix for checkbox appearance under webkit browsers.
custom_colors.php ql-cost-calculator.php style/responsive.css style/style.css13 June 2018 - v1.6
- Fix for Warning: array_flip() issue.
ql-cost-calculator.php08 June 2018 - v1.5
- Option to enable reCAPTCHA in the contact form added.
- Option to enable terms and conditions checkbox in the contact form added.
- Plugin directory name changed to 'ql-cost-calculator' because of the conflict with other calculator plugin.
- Small code fixes.
custom_colors.php admin/admin-page.php admin/admin-page-email-config.php admin/admin-page-global-config.php admin/admin-page-import-dummy-data.php admin/contact_box.php admin/js/cost-calculator-admin.js admin/style/style.css js/cost_calculator.js js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_column.php shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_dropdown_box.php shortcodes/cost_calculator_input_box.php shortcodes/cost_calculator_row.php shortcodes/cost_calculator_slider_box.php shortcodes/cost_calculator_summary_box.php shortcodes/cost_calculator_switch_box.php style/responsive.css style/rtl.css style/style.css ---new files--- ql-cost-calculator.php --- removed files --- cost-calculator.php11 May 2018 - v1.4
- Option to send email with calculation to client added.
- Option to hide text input for slider box component added.
- New example with multiple summary boxes added.
- Small fixes for styles conficts.
cost-calculator.php admin/admin-page-global-config.php admin/slider_box.php admin/js/cost-calculator-admin.js dummy_content_files/dummy-cost-calculator.xml js/cost_calculator.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_slider_box.php style/style.css28 April 2018 - v1.3
- Support for subtraction and power operations in calculation formula added.
- Support for operations between 'Summary Boxes' total values added.
- Small fixes for styles conficts.
custom_colors.php admin/style/style.css js/jquery.costCalculator.js js/jquery.costCalculator.min.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_summary_box.php style/rtl.css style/style.css16 April 2018 - v1.2
- Support for brackets and division in calculation formula added.
- Small fixes for styles conficts.
custom_colors.php fonts/template/style.css js/cost_calculator.js js/jquery.costCalculator.js js/jquery.costCalculator.min.js style/responsive.css style/rtl.css style/style.css12 April 2018 - v1.1
- Update for calculation email template readability (now in a form of table).
- Ability to send 'not checked' state of the checkbox and switch box added.
cost-calculator.php admin/admin-page-email-config.php admin/input_box.php admin/js/cost-calculator-admin.js js/cost_calculator.js languages/cost-calculator-default.mo languages/cost-calculator-default.po shortcodes/cost_calculator_contact_box.php shortcodes/cost_calculator_dropdown_box.php shortcodes/cost_calculator_input_box.php shortcodes/cost_calculator_switch_box.php05 April 2018 - v1.0
- First release
Support
Support for all our items is conducted through our Support Forum.
Please register an account and search the forum or create a new topic, we'll answer as soon as possible.
We're in GMT +1 and we aim to answer all questions within 24 hours (Monday – Friday). In some cases the waiting time can be extended to 48 hours.
Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.