Calculated Fields Form – AI Form Builder for WordPress – Contact, Payment, Quote, Quiz & More vs Customize Submit Button for Gravity Forms

Calculated Fields Form is a full-featured WordPress form builder plugin. It lets you create any type of form — from simple contact forms to complex multi-step booking systems, quote generators, order forms, and payment forms — without writing a single line of code. Its standout capability is real-time dynamic calculations: form fields can automatically compute results (totals, prices, dates, distances, scores) based on values entered by the user. This makes it the ideal choice whenever a form needs to respond intelligently to user input. Is Calculated Fields Form only for forms with calculations? No. Despite its name, Calculated Fields Form is a complete, general-purpose WordPress form builder suitable for any use case. The “calculated fields” refer to an advanced feature the plugin offers on top of all standard form capabilities. You can use it to build: Contact forms — simple name, email, and message forms Booking and reservation forms — with date pickers and availability logic Quote and estimate forms — with automatic price calculation Order forms — with dynamic product pricing Payment forms — integrated with PayPal, Stripe, and many other gateways Registration and sign-up forms — for events, services, or user accounts Survey and quiz forms — with conditional logic and scoring Lead generation forms — connected to Mailchimp, HubSpot, Salesforce, and more Mortgage and loan calculators — with financial operation modules Shipping and logistics forms — with distance and travel time calculations Why choose Calculated Fields Form over other WordPress form plugins? No recurring fees — all commercial versions are a one-time purchase with lifetime updates AI-powered form builder — generate forms and formulas using an integrated AI assistant AI-powered entries filter — filter form submissions using natural language with integrated AI models 4.9/5 rating with over 960 verified reviews on WordPress.org 40,000+ active installations Compatible with all major page builders — Gutenberg, Elementor, Divi, Beaver Builder, WPBakery, SiteOrigin Extensive add-on ecosystem — payment gateways, CRM integrations, PDF generation, e-signatures, and more Real-time calculations — a capability that most other form plugins lack or offer only in expensive tiers Actively maintained — updated regularly with new features and compatibility fixes At the moment, the plugin supports multiple AI providers, including Anthropic Claude, OpenAI, Gemini, MiniMax, DeepSeek, Kimi, as well as all AI connectors supported by the new WordPress 7.x Connectors module. The visual drag-and-drop form builder requires no developer knowledge. Available controls include: text fields, numbers, currency, date/time pickers, slider controls, email, radio buttons, checkboxes, container fields, multi-page controls, QR code readers, voice recording fields, calculated fields, and many others. All forms are fully mobile responsive. Features Core form builder features: Visual drag-and-drop form builder with an intuitive and interactive interface. General-purpose form controls: radio buttons, checkboxes, dropdown lists, date/time pickers, sliders, numeric fields, currency fields, email fields, text areas, and more. Calculated fields that automatically compute values based on other form fields. Insert as many calculated fields as needed. Advanced formula editor with syntax highlighting and real-time error detection. Conditional logic (dependency rules) to show, hide, enable, or disable fields based on user input — ideal for building guided wizards. Multi-page forms using page break controls between field groups. Field grouping inside container controls (Div, Fieldset, and Popups). Multi-column layout support for organized, professional-looking forms. Dozens of predefined form templates to use as starting points. Multiple design themes and templates. Email notifications sent to the site owner when a form is submitted. Form version history to recover previous versions. Form duplication to reuse existing work. Troubleshooting and optimization tools. Option to exclude forms from search indexing for improved site speed. Supported calculation types: Financial calculations: totals, taxes, discounts, interest rates, loan amortization. Date and time calculations: differences between dates, age calculations, booking duration. Mathematical operations: arithmetic, percentages, rounding, trigonometry, and complex functions. Text processing: string manipulation, concatenation, and formatting. Distance calculations: compute distances and travel times between locations using Google Maps. Chart generation: create charts dynamically from form data using Chart.js. External service calls: retrieve real-time data from third-party APIs within form equations. Page builder integrations: Calculated Fields Form integrates natively with all major WordPress page builders: Classic WordPress Editor Gutenberg (Block Editor) Elementor Page Builder by SiteOrigin Beaver Builder WPBakery Page Builder DIVI Builder For any other editor, use the shortcode to insert forms anywhere: [CP_CALCULATED_FIELDS_ID id="1"] Other features: Duplicate any form to reuse and adapt previous work. Built-in troubleshooting and performance optimization area. Disable forms from search indexing to improve website speed. Form version control to recover previous versions. Free vs. Commercial Versions The free version includes the complete visual form builder, notification emails to the site owner, basic calculation operations, conditional logic, design customization, multi-column layout, submission storage on the website for review, and Math CAPTCHA for spam protection. The commercial versions (Professional, Developer, and Platinum) add Math and Classic CAPTCHA options alongside the free Math CAPTCHA, payment gateway integration, confirmation emails to users, advanced data source controls, financial and distance operation modules, chart generation, CRM integrations, PDF generation, e-signatures, and more. All commercial versions are available as a one-time purchase with lifetime access to plugin updates. Visit https://cff.dwbooster.com/download for details. Professional version features: All features of the free version. Send confirmation emails to users with their submitted data. PayPal integration and Stripe integration — dynamically compute the charge amount using a calculated field. SCA (Strong Customer Authentication) compatible with PSD2 (EU Payment Services Directive). Import and export forms between WordPress sites. Form protection: Math and Classic CAPTCHA, WordPress nonces, and honeypot fields. “Thank You” page with a summary of the form submission. Dashboard widget showing the last week’s form submissions. Form caching to increase rendering speed. Export submissions to CSV for use in Excel, OpenOffice, LibreOffice, or any spreadsheet tool. Developer version features: All features of the free and Professional versions. Advanced controls connected to external data sources: databases, CSV files, WordPress posts, taxonomies, user data, and JSON objects. Financial operations module: interest, amortization, and other financial calculations. Date and time operations module: advanced date arithmetic and formatting. Distance and travel time module: powered by Google Maps. Chart.js operations module: generate dynamic charts from form data. Script to save form data to an external database. Add-ons included in the Developer version: Server-Side Equations add-on: Run equations on the server for better performance and security. Verification Code add-on: Email and phone verification with code input before form submission. WooCommerce add-on: Link forms to WooCommerce products to calculate prices, weight, and dimensions. SalesForce add-on: Sync form data with your Salesforce account. WebHooks add-on: Send form data to Webhook URLs; connect with Zapier, IFTTT, and more. User Permissions add-on: Restrict form access and let users manage their own submissions. User Registration Form add-on: Create user sign-up and registration forms. Platinum version features: All features of the free, Professional, and Developer versions. Extending features add-ons: CSV Generator add-on: Export form data to CSV files and attach them to notification emails. PDF Generator add-on: Create PDF documents from submitted form data and include them in emails. Signature add-on: Add e-signature fields — users can sign using a mouse or touchscreen. Unique Fields Values add-on: Ensure submitted values have not been used in previous submissions. iCal add-on: Send iCal attachments in emails for importing events into Google Calendar, Outlook, and more. Upload Files add-on: Save uploaded files to the WordPress media library and support additional file types. Payment gateway add-ons: PayPal Pro add-on: Accept credit card payments directly on your site without redirecting to PayPal. PayPal Checkout add-on: Integrates PayPal Checkout with support for additional payment methods. Revolut add-on: Accept payments through Revolut. Authorize.Net add-on: Accept payments through Authorize.Net. Stripe add-on: Accept payments using the Stripe payment gateway. Stripe Checkout add-on: Use Stripe Checkout for secure, form-based payments. Skrill Payments Integration add-on: Integrate with Skrill Moneybookers for payment processing. TargetPay (iDeal) add-on: Support payments via iDeal through TargetPay. Mollie (iDeal) add-on: Accept iDeal payments using Mollie. RedSys / Servired / Sermepa add-on: Enable credit card payments through Spanish bank gateways. PayTM add-on: Accept payments via cards, net banking, wallets, and EMI through PayTM. SagePay add-on: Accept secure payments using the SagePay gateway. Sage Payment add-on: Support SSL-based credit card and e-check payments via Sage. eWay add-on: Integrate with eWay for payments in Australia, New Zealand, Singapore, Hong Kong, and Malaysia. Payrexx complementary plugin: Connect forms to the Payrexx payment platform. Square Checkout complementary plugin: Accept all major cards worldwide using Square. Third-party service integrations: Google Places add-on: Enable address autocomplete using the Google Places API. Autocomplete Places add-on: Add address autocompletion via the Photon API. Google Analytics add-on: Track user actions in forms and report to Google Analytics. Dropbox Integration add-on: Move uploaded files automatically to your Dropbox account. WebMerge add-on: Generate PDFs or Office documents via FormStack using submitted form data. Sendinblue Contact add-on: Add or update contacts in Sendinblue from form submissions. PrintFriendly add-on: Create PDF files with PrintFriendly and attach them to notification emails. Mailchimp add-on: Add new subscribers to Mailchimp lists on form submission. Mautic add-on: Add or update contacts in Mautic. HubSpot add-on: Send collected form data to HubSpot CRM contacts. Twilio add-on: Send SMS messages automatically on form submission. ip2location add-on: Detect user location using the ip2location database. Third-party plugin integrations: WooCommerce add-on: Connect forms with WooCommerce to dynamically calculate product prices, sizes, and weight. Easy Digital Downloads add-on: Integrate with Easy Digital Downloads to dynamically calculate product prices. Emma add-on: Add new contacts to Emma email marketing lists. MailPoet add-on: Subscribe users to MailPoet (v2 and v3) mailing lists. AffiliateWP add-on: Connect forms with AffiliateWP for affiliate tracking. The Events Calendar add-on: Create events, venues, and more using submitted form data.= Equation and formula format for calculated fields = Calculated fields support any valid JavaScript expression or function. Below are examples of common formula patterns: Simple arithmetic: fieldname1 + fieldname2 fieldname1 * fieldname2 fieldname1 / fieldname2 fieldname1 - fieldname2 Multiple fields with grouping: fieldname1 * (fieldname2 + fieldname3) Rounding to two decimal places: PREC(fieldname2 / fieldname3, 2) Conditional logic inside a formula: (function () { if (100 < fieldname3) return fieldname1 + fieldname2; if (fieldname3 <= 100) return fieldname1 * fieldname2; })(); Complex formulas using the full function format: (function () { var result = 0; /* Your code here */ return result; })(); Operations and operators available in formulas One of Calculated Fields Form’s key strengths is that any valid JavaScript code can be used in formulas. The plugin also provides a wide library of built-in operations: Mathematical Operations and Operators Conditional Operations Date and Time Operations Health-Related Operations Energy-Related Operations Field Handling Operations Operations for Interacting with External Services Operations for Handling URLs and Query Strings Additional modules available in Developer and Platinum versions: Financial Operations Distance and Travel Time Operations Chart Generation Operations Passing external variables to form equations Use the [CP_CALCULATED_FIELDS_VAR] shortcode to create JavaScript variables from GET or POST parameters, SESSION variables, or COOKIES, and reference them inside form equations: [CP_CALCULATED_FIELDS_VAR name="varname"] Access the variable in a formula using: fieldname1 * cff_var.varname Full documentation: Variable Shortcode Reference Complementary Plugins Odoo Contacts, Google Sheets Integration, WhatsApp Button, Xero Contacts, Zoho Leads, Zoom.us Meetings Integration, Data Collector, WooCommerce Products and Variations Prices, Multilanguage Forms, Progress Bar, Upload Files Path, QR Code Generator, Database Queries, Draft Form Data, Email Validator, Reminder Emails, Rich Text Editor, Submissions Removal, Use Limit, Fields Synchronization, RegExp Validation, Autocomplete Fields, Measurement Units Converter, Create Posts, Currency Exchange, hCaptcha, and growing.

Gravity Forms already lets you customize the Submit Button under its Form Settings for each form; you can change the button’s text and you can select whether the button should be an or an element. However, you can’t add html as part of the button text and you’re restricted to using either an input or image element for the button. With this plugin you can choose to use a tag element instead, which also lets you embed HTML inside it. Moreover, this plugin also lets you conveniently change the CSS classes of the submit button. There are plenty of use cases for adding HTML into the submit button text. For instance, if your button text is multiple words long and you’d like to bold or italicize some of them by wrapping certain words in strong or em tags. Likewise, there are many reasons to change the button’s default CSS class. For example, GravityForms automatically adds the ‘button’ class, but, if you’re using the Twitter Bootstrap framework, ‘btn’ would actually be more helpful. Gravity Forms requires at least: 1.9.12.16 Gravity Forms tested up to: 1.9.15.11 After activating the plugin, please navigate to the form settings of the form that you wish to customize. Scroll down to the ‘form button’ section where, in addition to ‘text’ and ‘image’, you’ll also be given ‘button’ as an input type option. Selecting the ‘button’ option will change the submit button’s markup to a element. You will also be able to embed html in the ‘HTML Button Text’ field. In the same ‘form button’ section under form settings, there’s an input called ‘Submit Button CSS Classes’. This is where you can change the CSS classes being currently used by the submit button. Currently you are only able to customize the submit buttons on a per form basis within the form settings and not globally. Please note that Gravity Forms must be installed and activated for the plugin to work.