Cost Calculator is a versatile WordPress plugin for building custom quote, pricing, and calculation forms. Quickly create interactive price estimators to give clients a clear breakdown of costs. Featuring a user-friendly visual builder, seamless compatibility with Elementor and WPBakery, and secure Stripe Payments integration, it’s the perfect tool for effortless form creation.
Designed for any website with a price structure, allowing you to create a quote form, project cost calculator, or service cost calculator. It can be used to build a contact form or an order form, with or without an estimation component. Perfect for price calculators, cost estimation forms, and product or service configuration forms, with or without a quote. Ideal for cost comparison.
Latest Version: 14 July 2025 – v7.5. Check the changelog
Elementor Integration
If you’re using the Elementor Website Builder for WordPress, the Cost Calculator plugin offers dedicated integration with 8 custom widgets: Cost Calculator, Form Container, Dropdown Box, Slider Box, Input Box, Switch Box, Summary Box, and Contact Box. These widgets allow you to visually build and customize calculator forms directly inside Elementor. See it in action.
WPBakery Page Builder Integration
The Cost Calculator plugin integrates seamlessly with WPBakery Page Builder, allowing you to embed and configure calculation forms within WPBakery layouts. WPBakery is optional — all forms can be created using the built-in form builder, making the plugin fully functional even without any page builder.
Built-in Cost Calculator Form Builder
The Cost Calculator plugin includes its own powerful visual drag-and-drop form builder, allowing you to create calculation forms without relying on any external page builders. Work effortlessly with rows, columns, and components using a clean, intuitive interface designed specifically for building pricing and estimation forms.
You can create an unlimited number of fully responsive calculation forms using a flexible column-based layout and a set of predefined layouts, making customization fast and efficient for any use case.
Stripe Payments Integration
You can integrate Stripe Payments directly into your forms, allowing you to accept secure online payments without external checkout solutions. The plugin supports both one-time payments and subscriptions with flexible billing periods such as daily, weekly, monthly, or yearly plans, as well as custom intervals like “pay every 2 weeks”. You can choose between redirecting users directly to the Stripe checkout or sending a payment link via email.
Dropdown Box
The Dropdown Box component allows you to create selectable lists with fully customizable options. Each option can have its own calculation value, making it ideal for pricing variants and service selections. You can define a default value or placeholder text and mark the field as required if needed.
Available options include:
- Custom component ID and name.
- Editable label with show/hide option.
- Fully configurable dropdown options with individual values.
- Default value and optional placeholder text.
- Required field validation.
- Basic layout spacing control.
Slider Box
The Slider Box lets users slide and select a numeric value within a specified range. You can set the minimum and maximum values, define the step size, and even include an additional input field for precise value entry. It also supports currency symbols, separators, and allows setting a default value.
Available options include:
- Custom label with show or hide option.
- Default value configuration.
- Minimum and maximum value range.
- Step size control for precise value selection.
- Optional display of minimum and maximum range values.
- Optional unit symbols before or after the value (e.g. currency).
- Thousands separator support.
- Optional input field for manual value entry.
Input Box
The Input Box component allows you to add various types of input fields, including text, number, email, date, checkbox, and radio buttons. It can be used both for collecting user data and for calculation purposes. You can control labels, default values, placeholder text, and define whether the field is required.
Available options include:
- Multiple input types (text, number, date, email, checkbox, radio, hidden, submit).
- Custom label with show or hide option.
- Default value configuration.
- Custom placeholder text.
- Required field validation.
Checkbox
The Checkbox component allows users to select one or multiple options within a form. It works well for optional services, add-ons, or feature selection, where each checkbox can contribute its own value to the final calculation.
Available options include:
- Custom label with show or hide option.
- Default checked or unchecked state.
- Calculation value assigned to the checked state.
- Classic or button-style checkbox appearance.
- Optional hidden text for checked and unchecked states.
- Required field validation.
Switch Box
The Switch Box component provides a simple toggle input for binary choices such as “Yes” or “No”. It is ideal for optional features or upgrades, where each switch state can add or remove a value from the final calculation.
Available options include:
- Custom label with show or hide option.
- Custom labels for both switch states.
- Default on or off state.
- Calculation value assigned to the selected state.
Date Picker
The Date Picker component allows users to select a date using a clean calendar interface. It is useful for scheduling, booking-related forms, or date-based calculations where user-selected dates are required.
Available options include:
- Custom label with show or hide option.
- Default date value.
- Custom placeholder text.
- Required field validation.
Summary Box
The Summary Box is the core calculation component used to display results based on values entered in other form fields. It allows you to build advanced formulas using field IDs and mathematical operators, making it possible to calculate totals, subtotals, discounts, or custom pricing logic.
You can use multiple Summary Boxes within a single form to calculate and display different values at the same time, such as cost breakdowns, final totals, or alternative pricing scenarios.
Available options include:
- Custom calculation formulas based on field IDs.
- Optional unit symbols before or after the calculated value (e.g. currency).
- Decimal and thousands separator configuration.
- Custom number of decimal places and rounding rules.
- Handling of error and negative calculation results.
- Optional description text and icon display.
- Custom label displayed before the calculated value.
Contact Details Box
The Contact Details Box allows you to collect user contact information directly after the calculation is completed. It works as the final step of the form, enabling visitors to submit their details together with calculated data such as selected options or total cost.
Available options include:
- Configurable form fields (name, email, phone, message).
- Custom labels, placeholders, and required field validation.
- Custom submit button label and description text.
- Flexible display mode (labels only, placeholders only, or both).
- Optional terms and conditions checkbox.
- Ability to append calculated data from another form using form ID.
- Built-in reCAPTCHA support.
Predefined Layout Skins, Customizable Colors & Google Fonts
The plugin includes five predefined layout skins that help you quickly adjust the visual appearance of your forms. You can fully customize colors by overriding default settings and choose from hundreds of Google Fonts to match your website’s typography and branding.
Responsive Layout
Cost Calculator is fully responsive, ensuring that all form elements and calculations work seamlessly across desktops, tablets, and mobile devices.
Calculations Storage & Email Notifications
The plugin securely stores all calculations and submitted forms in the database, making them accessible from the WordPress admin panel. In addition, calculated results and form submissions can be automatically sent via email, ensuring both the user and the administrator receive all necessary information.
One-Click Demo Importer
The plugin includes a one-click demo importer that allows you to quickly import pre-made calculator forms. This helps you get started faster by editing existing examples instead of building forms from scratch.
Key Features of Cost Calculator for WordPress
- Elementor integration (See it in action).
- WPBakery Page Builder integration.
- WordPress Gutenberg editor integration.
- Built-in visual drag-and-drop form builder (no page builder required).
- Flexible layout system with unlimited rows and multi-column support.
- Stripe Payments integration for secure one-time and subscription payments.
- Support for recurring payments with flexible billing intervals (daily, weekly, monthly, yearly, or custom).
- Dynamic payment controls allowing users to select payment periods and intervals directly in the form.
- Option to redirect users to checkout or send payment links via email.
- Unlimited calculation forms and unlimited submitted calculations.
- Multi-currency support for international payments.
- Customizable email notifications for clients and administrators.
- Payment tracking with 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
- Predefined layout skins with full color and font customization.
- Wide range of form components including Dropdown, Slider, Input, Date Picker, Checkbox, Radio, Switch, Summary, and Contact Details.
- Advanced calculation formulas with support for multiple summary fields per form.
- Support for currencies and units displayed before or after calculated values.
- All calculations and form submissions securely stored in the database.
- Access to submitted calculations directly from the WordPress admin panel.
- Email delivery of calculation results and form submissions.
- Optional terms and conditions checkbox.
- Built-in reCAPTCHA support.
- RTL (Right-to-Left) language support.
- WPML compatible and ready for multilingual websites.
- Fully responsive and mobile-friendly design.
- Cross-browser compatibility.
- One-click demo importer.
- Documentation included.
Admin Features of Cost Calculator for WordPress
Cost Calculator Module
This module allows you to create an unlimited number of calculation forms with different settings for each form. There are many options available.
- Create and copy a simple shortcode to place the form on any page (or)
- Select an existing shortcode ID from the list to edit an existing form.
- Use built-in form builder to create new calculation forms.
- Add or delete rows.
- Create columns, available divisions:
- 1 column.
- 1/2 + 1/2.
- 1/3 + 1/3 + 1/3.
- 1/4 + 1/4 + 1/4 + 1/4.
- 2/3 + 1/3.
- 1/3 + 2/3.
- 3/4 + 1/4.
- 1/4 + 3/4.
- 1/4 + 1/2 + 1/4.
- 1/2 + 1/4 + 1/4.
- 1/4 + 1/4 + 1/2.
- Add components and assign them to columns.
- Available 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.
- Drag and drop columns and rows.
- Set top margin for rows.
- Set extra class names for columns and rows.
- Set advanced settings:
- Select a form template. Choose from 5 different skins.
- Use the built-in color picker to configure form colors regardless of the selected skin. You can style every element of the form.
- Use the built-in font configurator for primary and secondary form fonts. You can choose from hundreds of fonts from the Google Fonts library.
- Set form as visible or hidden.
- Set form action URL.
Global Config Module
Module for managing global changes.
- Select the default template. Choose from 5 predefined skins.
- Use the built-in color picker to configure form colors regardless of the selected skin. You can style every element of the form.
- Use the built-in font configurator for primary and secondary form fonts. You can choose from hundreds of fonts from the Google Fonts library.
- Define whether to send email with calculation to system admin.
- Define whether to send email with calculation to the client.
- Define whether to save the calculation to the database.
- Set the default calculation status (draft, pending, published).
- Define whether to use reCaptcha in calculation forms.
- Configure reCaptcha settings.
- Enable or disable WPBakery Page Builder noconflict mode.
Template Module
This module allows for additional configuration options, including email settings, email template appearance, and error messages configuration.
Import Dummy Data Module
A module that allows you to download predefined calculators included in the demo content. All with just one click.
Calculations Module
Displays a list of all submitted calculations in the system.
This Item is Supported
Support is conducted through our Support Forum. We’re in GMT +1 and we aim to answer all questions within 24 hours on weekdays. In some cases, the waiting time may be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on the next Monday or the next business day.
We Are Trusted by 125,000+ Customers
We are a team of passionate people with 20+ years of experience and 15+ years on Envato Market. We specialize in WordPress, design, and development. Please follow us to stay up to date as we continue to craft new products.
