Calculated Fields Form – AI Form Builder for WordPress – Contact, Payment, Quote, Quiz & More vs HTML Forms & Contact Form for WordPress

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 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, and submission storage on the website for review. Commercial versions (Professional, Developer, and Platinum) add 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: 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.

Narrative Forms is the HTML form plugin for WordPress. Instead of dragging boxes around a builder, you write plain semantic HTML, or paste it straight from an AI like ChatGPT, Claude, or Gemini, and Narrative Forms turns it into a real form with fast AJAX form submissions and stored, exportable data. Any input with a name attribute is saved. That is the whole idea: forms are just HTML, so there is no field type registry, nothing proprietary to lock you in, and no ceiling on what your form can be. If you want a clean, fast, developer friendly HTML form plugin, a simple contact form, or a custom form that a heavy form builder cannot easily produce, this is it. It stays lightweight, loads its assets only on pages that contain a form, and is built to scale to millions of submissions. Why an HTML form plugin beats a drag and drop builder Most WordPress form plugins lock you into a drag and drop form builder and a fixed list of field types. If the builder does not offer a field, you cannot have it. Narrative Forms is an HTML form plugin with no field registry: a field is simply an HTML element with a name. Need a multi step layout, an unusual input, a custom widget, or markup your designer already wrote? Paste it in and it works. You keep full control of the markup, the classes, and the look, so your contact form or custom form renders exactly the way you built it. Drag and drop made sense years ago. Today you describe what you want or paste what you already have. No builder, no bloat, and no fighting a clunky UI to recreate a form you can already picture. That is why people who outgrow a drag and drop form builder move to a real HTML form plugin. Build forms with AI: paste from ChatGPT, Claude, or Gemini Because forms are just HTML, any large language model can build one for you. Ask ChatGPT, Claude, Gemini, or your favourite AI for a contact form with a name, email, a dropdown, and a file upload, copy the HTML it returns, and paste it into Narrative Forms. There is no proprietary field format to satisfy, so whatever the AI generates simply works as an HTML form. That makes Narrative Forms an AI friendly form plugin: you bring your own model, paste the markup, and ship the form. The free plugin is completely model agnostic, so you are never tied to one AI. Prefer it built in? AI form generation that writes the HTML for you inside WordPress is on the Narrative Forms Pro roadmap. For now, the free HTML form plugin already works with any AI you paste in. Everything in the free HTML forms plugin The free HTML forms plugin is a complete forms solution, not a teaser. Here is what every install includes: Fast AJAX form submissions. Forms submit without a page reload, and there is a graceful fallback when JavaScript is turned off, so the form never breaks for a visitor. AJAX form submissions also keep your pages cache friendly, because the page can stay static while the form posts in the background. A built in HTML editor. One click field buttons generate the markup for common fields, and a live preview shows the form as you type. Write the HTML by hand, scaffold it quickly with the buttons, or paste a form an AI wrote for you. The editor never hides your markup behind a visual builder, so what you see is what ships. Email notifications. Send a clean, readable email for every form submission, to yourself or any address, in plain text or HTML. Each field is formatted tidily, and you can route different forms to different inboxes with separate email actions. Webhook actions. Send form data to any URL when the form is submitted. Connect your forms to Zapier, Make, a CRM, or your own endpoint with a webhook, no code required, and add more than one webhook action per form so one submission can fan out to several services. File upload form fields. Accept a file upload field with a maximum file size and a maximum number of files per field. Uploaded files are stored safely in the WordPress media folder and recorded with the submission, so building a file upload form is one paste of HTML away. Stored form submissions and CSV export. Optionally keep every submission in a fast, indexed database table that you browse in the admin. Run a CSV export of your form submissions at any time; the export streams in batches, so it works even with very large numbers of submissions and never times out. Layered spam protection. Stop bots with a honeypot, a time trap that rejects instant submissions, a same origin referrer check, a limit on the number of links in a message, and an optional rate limit per IP. You can also switch on Cloudflare Turnstile for a privacy respecting CAPTCHA. This spam protection adds no third party tracking to your site. Custom messages and redirects. Set your own success and error messages, redirect to any URL after a successful submit, and use template tags so the form behaves exactly how you want. Clean, optional styling. A calm, minimal stylesheet ships with the plugin and is on by default, and you can switch it off in one click if your theme or custom CSS should own the look. Semantic wrapper classes keep your theme in charge of how your HTML form appears. Every output is escaped and every input is sanitised, following WordPress coding and security standards, so the plugin stays review safe and secure. Contact forms, custom forms, and every form in between Narrative Forms is a general purpose form plugin, so the same HTML first workflow covers almost any form you need to build. Use it for a simple contact form, a lead capture form, a support request form, a job application, an RSVP, a survey, a registration form, a file upload form, or a custom form with a layout that a drag and drop builder cannot easily produce. Because a field is just an HTML element with a name attribute, you can mix text inputs, email fields, dropdowns, checkboxes, radio buttons, date pickers, textareas, and file upload fields in any structure you like. Agencies and developers reach for this HTML form plugin when a client needs a form that does not fit a builder’s template: a multi column layout, a branded card, a stepper, a pricing calculator, or markup a designer handed over. You paste the HTML, give the fields names, and the form is live with AJAX form submissions, stored data, and CSV export. There is no template to fight and no field type you cannot add, which is the difference between an HTML form plugin and a drag and drop form builder. It is also a great fit when you want to keep your stack lean. A single lightweight form plugin handles your contact form, your file upload form, and your custom forms, with email and webhook actions for routing, layered spam protection to keep out bots, and stored form submissions you can export to CSV whenever you need them. Whether you collect a handful of submissions a month or millions over time, the same plugin scales with you. Developer friendly HTML form plugin Narrative Forms is built for people who like control. Prefill fields with template variables such as {{ user.email }}, {{ get.utm_source | default:’direct’ }}, or {{ site.name }}, using providers like user, URL parameters, post, site, and date, each with filters such as default, upper, lower, date, and truncate. On the front end, public JavaScript events (nrfm-submit, nrfm-submitted, nrfm-success, nrfm-error) let you push conversions to Google Tag Manager or your dataLayer, show a toast, or run any custom logic with a tiny nrfm.on() helper. Filters and actions sit at every decision point, including the form HTML, validation, and webhook request arguments, so you can extend this HTML form plugin without forking it. Built to scale to millions of form submissions Narrative Forms is engineered for sites that collect a lot of data. Form submissions live in a dedicated, indexed database table rather than bloated post meta, so lookups stay fast as the table grows. Repeated reads are cached, queries are paginated and bounded, CSV export streams in batches, and heavy work can run in the background so the front end stays quick. Whether you collect ten form submissions a month or millions over time, this lightweight form plugin is designed to stay responsive. Scaling to millions describes the architecture, indexed storage, caching, and bounded queries, rather than a benchmarked guarantee. Who this HTML forms plugin is for Developers and agencies who want a contact form or custom HTML form they fully control, without a heavy builder. Anyone who uses an AI assistant: generate the HTML, paste it, and you are done. Site owners who need reliable form submissions, email notifications, file upload forms, and CSV export without the bloat. Teams that have outgrown a drag and drop form builder and want a faster, lighter way to build forms. Common uses include contact forms, lead capture, support requests, job applications, RSVPs, surveys, file uploads, registrations, and multi field custom forms that a drag and drop builder cannot easily produce. Upgrade to Narrative Forms Pro Narrative Forms Pro keeps the same lightweight, HTML first core and adds the power features that busy sites and agencies need: Conditional logic: show or hide fields, and trigger actions, based on what the visitor enters. Save and resume: let visitors save a long form as a draft and finish it later from where they left off. Submission notifications: a badge for unread form submissions in the admin so a new entry never slips by. Require login: restrict any form to logged in users only. Schedule windows: open and close a form automatically on the date and time you set. Advanced webhooks: reusable webhook templates, automatic retries with backoff, and a delivery log for every call. REST API: read form submissions programmatically and connect your forms to anything. Share links: generate a hosted, shareable link to any form. AI form generation, which writes the HTML for you from a plain language description, is on the Pro roadmap. Today the free HTML form plugin already works with any AI you paste in. Learn more at https://narrative-forms.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=free Publish form submissions with Frontend Submissions (Views) Most form plugins keep submissions locked in the admin. The Narrative Forms Frontend Submissions add on turns your form submissions into front end content with reusable Views: display any form’s submissions as a public directory, a testimonial wall, a photo gallery, a job board, an event timeline, or product reviews, with instant search, pagination, single pages, per field privacy, and approval moderation. Frontend submission display is a paid add on that requires the free Narrative Forms plugin. Collect with the form, publish with a View. Learn more at https://narrative-forms.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=free Privacy Narrative Forms uses the Appsero SDK to collect some telemetry data, but only after you confirm it. This helps us troubleshoot problems faster and make product improvements. The Appsero SDK does not gather any data by default. It only starts collecting basic telemetry when you allow it through the admin notice. We collect the data to ensure a great experience for all of our users. Integrating the Appsero SDK DOES NOT IMMEDIATELY start gathering data, and never without your confirmation. Learn more about how Appsero collects and uses this data. External services This plugin connects to external services only in these optional cases, and each is off until you enable or allow it. Cloudflare Turnstile (optional CAPTCHA). Used only if you enable Turnstile. When a page with a form loads, the browser requests https://challenges.cloudflare.com/turnstile/v0/api.js to render the widget; on submit, the server sends the Turnstile token, your secret key, and the visitor’s IP address to https://challenges.cloudflare.com/turnstile/v0/siteverify to verify it. Terms: https://www.cloudflare.com/website-terms/ Privacy: https://www.cloudflare.com/privacypolicy/ Webhooks (optional, configured by you). Used only if you add a Webhook action. After a successful submission, the submitted form fields plus limited metadata (timestamp, IP address, user agent, referrer) are sent as JSON or URL encoded data to the exact URL you configure, on a domain you choose. Example URLs in the UI are placeholders and receive nothing. The destination is your choice, so consult that service’s terms and privacy policy. Appsero (optional usage analytics). Off until you allow it through the admin notice; nothing is sent before that. It then sends basic environment details (site URL, WordPress and PHP versions, active theme and plugins, locale, and the admin email used to confirm) to https://api.appsero.com, plus an optional survey if you deactivate. No form submissions or visitor data are sent. Privacy: https://appsero.com/privacy-policy/