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

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 generator — describe what the form should do in plain language and the plugin builds the complete form structure for you AI Assistant inside the form builder — refine calculation equations, form design, generate lists of choices, and generate notification emails with natural-language prompts, directly in the equation editor and email settings AI-powered entries search — filter form submissions using natural language across the entries database, with semantic matching instead of simple text search AI agents via MCP (Model Context Protocol) — connect external AI agents such as Claude Code, OpenCode, and Codex to build new forms and generate submission reports directly from the agent’s interface 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, and any connector available through the WordPress AI Connector API exposed by WordPress 7.x. Or let the AI build the form from a plain-language description: 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, audio and video 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). Repeater container to duplicate rows of fields with row indexes and per-column totals, useful for orders, registrations, itemized lists, and any scenario where the same set of fields must be filled multiple times. Multi-column layout support for organized, professional-looking forms. Map location picker control powered by OpenStreetMap, supporting both an interactive map with draggable pin and a static map preview. 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. Optional Akismet integration to flag or discard spam submissions before they reach your inbox or the entries database. 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, Math CAPTCHA for spam protection, Akismet integration for advanced spam filtering, AI-powered form generation with an integrated AI Assistant for equations and emails, AI-powered entries search, MCP integration for external AI agents such as Claude Code and OpenCode, a Repeater container for dynamic row-based data, and a Map location picker powered by OpenStreetMap. 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.

wpDataTables integration for Forminator Forms is an add-on that connects the best WordPress table plugin wpDataTables and easy-to-use WordPress form builder Forminator. A powerful tool that adds “Forminator Form” as a new table type in wpDataTables and allows you to create responsive, sortable tables & charts based on Forminator Forms submissions from your site frontend using intuitive wpDataTables table and chart wizard. You will need to install wpDataTables and Forminator plugins to be able to use this integration. This great integration is compatible with wpDataTables Premium version and Forminator PRO and their advanced features. You can use any combination of these two plugins. Isn’t that awesome? When the form/quiz/poll is created and entries are ready, you can begin creating a wpDataTable based on it. First, go to wpDataTables -> Create a Table, choose “Create a table linked to an existing data source” option, and click “Next”. Then choose “Forminator Form” as the Input data source type. After you choose “Forminator Form” as a table type, a new select-box “Choose a Forminator Form” will appear. With this select-box, you can choose a form, quiz or poll, that will provide entries as data for your new table. After this step you will see a select-box “Choose fields to show as columns” that allows you to choose the form/quiz/poll fields that you will use as columns. Using this select-box, you can choose form fields that will be used in the table. Furthermore, you can choose which form fields will be shown in the table. Here is the list of the supported form fields: NEW! Slider Field (Single and Range) NEW! Group Field Name (Single and Multiple) Email Phone Address Website Input Textarea Number Radio Checkbox Calculations Select (Single and Multiple) Datepicker (Calendar, Dropdowns, and Text input) Timepicker ( Dropdowns and Number input) File Upload (Single and Multiple) Post Data Hidden Field Currency PayPal Stripe E-Signature (only available in Forminator PRO) Please note that fields like reCaptcha, HTML, Page break, Section, and GDPR Approval are excluded from tables. Important: For all form types that you want to create tables (form, quiz, or poll) you will need to have submission data for those form types in the database. That means that you need to turn off the option “Disable store submissions in my database” on Data Storage settings in the Forminator plugin. You will be able to save submissions in the database and then create a table in wpDataTables. Forms When you create a table from Regular form, in table column headers will be used names of your fields, and each row will be shown as a separate submission. Common fields such as Entry data, Entry ID, and User IP are available for each form. Fields like “Name (Multiple)” and “Address” will be formatted like on the Forminator forms Submissions page. If you want to show those data in one line with space between without formatting, you can use hooks for “Name(Multiple)” like in the following example: // Remove formatting from Name (Multiple) fields // $removeForminatorFormatting- false by default - bool // $formID - Id of the form - int function remove_style_from_name_multiply_fields($removeForminatorFormatting, $formID){ // Example for the form with id 1 if ($formID == 1){ // Provide true to remove formatting $removeForminatorFormatting= true; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_style_from_name_multiply_fields', 'remove_style_from_name_multiply_fields', 10, 2); and for the “Address” fields as well you can show the data in one line separated with a comma using this hook: // Remove formatting from the Address fields // $removeForminatorFormatting- it is false by default - bool // $formID - Id of the form - int function remove_style_form_address_fields($removeForminatorFormatting, $formID){ // Example for form with id 1 if ($formID == 1){ // Provide true to remove formatting $removeForminatorFormatting= true; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_style_form_address_fields','remove_style_form_address_fields', 10, 2); For the upload fields, there are some formatting rules applied depending on file extension. For image extensions (jpg, jpeg, png, gif, webp) the output will be formatted like image links. Files with the ‘mp3’ and ‘wav’ extensions will be formatted as audio HTML tags, and the files with ‘mp4’ and ‘webm’ extensions will be formatted as video HTML tags. If you need some different formatting rules for those upload fields you can use the following hook: // Filter formatted file URL // $fileURLOutput - Already formatted file URL - string // $fileURLExtension - File URL Extension (png,csv,pdf,mp4...) - string // $file - Original file URL - string function filter_file_upload_output($fileURLOutput, $fileURLExtension, $file, $formID){ // Example for form with id 1 if ($formID == 1){ // Example only for the jpg extension if ($fileURLExtension == 'jpg'){ // Set a custom image HTML tag with width of 400px $fileURLOutput = ' '; } } return $fileURLOutput; } add_filter('wdt_forminator_filter_file_upload_output', 'filter_file_upload_output', 10, 4); All other uploaded files will be formatted as HTML links. For the Website and email fields, there is no formatting rules applied from Forminator. If you need formatting rules from Formiantor for those fields (to be shown as links) you can use the following hook for Email field: // Add formatting from Formiantor for Email field // $removeForminatorFormatting- it is true by default - bool // $formID - Id of the form - int function remove_style_form_email_fields($removeForminatorFormatting, $formID){ // Example for form with id 1 if ($formID == 1){ // Provide false to add Forminator formatting as link $removeForminatorFormatting = false; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_style_form_email_fields','remove_style_form_email_fields', 10, 2); and for Website field: // Add formatting from Formiantor for Website (URL) field // $removeForminatorFormatting- it is true by default - bool // $formID - Id of the form - int function remove_style_form_url_fields($removeForminatorFormatting, $formID){ // Example for form with id 1 if ($formID == 1){ // Provide false to add Forminator formatting as link $removeForminatorFormatting = false; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_style_form_url_fields','remove_style_form_url_fields', 10, 2); New field support – Group field Now, support for Group fields is avalible with our integration as well. Every Group field in form will be shown as separate column and all fields that are in group will be parsed as table layout (in each cell you will have separate table as is shown on Formiantor submissions). Each field in group will be represent in the head of that table and entries from those fileds will be in the body of that table. If Repeater is enabled then those entries will be populated in table body as well. Additionally, there is a hook available for filtering all the formatted entries (only for forms and quizzes) // Filter all the formatted entries // $formattedEntry - Already formatted entry - string // $field - Forminator_Form_Field_Model - object // $entry - Forminator_Form_Entry_Model - object function filter_formatted_entry($formattedEntry, $field, $entry){ // Example for form with id 1 if ($entry->form_id == 1){ // Example only for custom forms if ($entry->entry_type == 'custom-forms'){ // Check is set meta data for current field if (isset($entry->meta_data[$field->slug])) { $entryValue = $entry->meta_data[$field->slug]['value']; // Check is field type 'name' and that is not array if ($field->raw['type']== 'name' && !is_array($entryValue)) { // if $entryValue is John return null - it will not be shown in the table if ($entryValue == 'John') $formattedEntry = null; } } } } return $formattedEntry; } add_filter('wdt_forminator_filter_formatted_entry','filter_formatted_entry', 10, 3); Quizzes You can create a table from the Personality and Knowledge quizzes. For quizzes, common fields like Entry Date and Entry ID are available. If lead generation feature is enabled, it will be available two more fields like Email and Name generated by this feature. When you create a table from a Knowledge quiz, in the table, questions will appear as column headers, and each row will be populated with the separate submission answers. For this type of quiz, three more fields are available like Correct answers, Incorrect answers and Score (Correct answers/Total answers). In that table, the answers will be formatted the same way as on the Forminator Submissions page. (correct answers have a green background and the wrong ones have a red background). When you create a table from the Personality quiz, questions will appear as column headers in that table. Also, the “Quiz result” will show up in the columns (if you choose it in the option “Choose fields to show as columns”), and each row will be shown as a separate submission answer. If you want to show answers from Knowledge quiz without their formatting, you can use the following hook: // Remove formatting from answers in Knowledge quiz // $removeForminatorFormatting - it is false by default - bool // $formID - Id of the form - int function remove_quiz_iscorrect_style($removeForminatorFormatting, $formID){ // Example for form with id 1 if ($formID == 1){ // Provide true to remove formatting $removeForminatorFormatting = true; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_quiz_iscorrect_style','remove_quiz_iscorrect_style', 10, 2); Polls Polls entries in the Forminator submissions are shown as grouped values based on the answers. The same data can be displayed in a chart (Bar or Pie chart depending on your settings). In accordance with that, you can create tables based on the Forminator poll submissions either for the Bar chart or for the Pie chart structure, no matter what was chosen in the Forminator settings for the poll chart type. Polls do not have common fields like forms and quizzes. In the first case, if you select the Poll for Bar chart option, you can choose the columns to be created from the Poll question and Answers of that poll in the table. Only one row of data will be shown, since the data is grouped. After creating a table you are able to create a Google Bar chart and to show it on the front-end. In the second case, if you select the Poll for Pie chart option, you can choose only the columns to be created from the Poll answers and Total votes of that poll in the table. Then, the first column will list all the possible answers (Poll answers), and the second one (Total votes), will display grouped data for each answer. After creating a table, you can create a Google Pie chart and add it on the website page as well. If you need, you can show both charts (Pie and Bar) on the front-end for the same Poll. Integration settings Each Forminator form-based wpDataTable receives an extra Forminator settings tab on the table configuration page, together with several additional table settings. Using this tab, you can define which form entries will appear in the wpDataTable based on the range of entry IDs, entry date by choosing one of the two possible filtering logic options in the Filter by date select box. You can select between Filter by date range and Filter by the last X time period; or, you can leave this block empty if you don’t wish to filter form entries displayed in the table. Filter by entry ID range – Two input fields (“From” and “To”) are shown in this section. If you define some values in these number input fields, wpDataTable rows will be updated according to the selected range. Filter by date range – If you select this option, two input fields (“From” and “To”) will be displayed right to the Filter by date select box. By defining some date values in these datetimepicker input fields, wpDataTable rows will be narrowed down according to the provided date range. Filter by last X time period – When this option is selected, the Filter by date select box will display two input fields. In the first one, you can define a number (e.g., 30), and in the second one, you can choose between (Day(s), Week(s), Month(s), and Year(s)). By selecting, e.g., “30 Day(s)” you will filter and display in the wpDataTable only the entries added in the last 30 days in the Forminator Form used as a data source for this wpDataTable. In those tables, you can use all features that are included in wpDataTables: NEW! Create 9 different Chart.js charts types, NEW! Responsive datatables NEW! Integration with Avada Website builder NEW! Integration with DIVI Website builder NEW! Caching data NEW! Auto update cache data NEW! FULL Frontend WCAG compatibility NEW! Responsive Charts – now each chart (both Google and Chartjs) can be responsive NEW! Grouping Charts – rows with same labels would be treated as a single entry, summing up all the values in other cells Global search, Sorting, Column visibility, Pagination, Show rows per page, Row grouping, Table layout, Scrollable, Export data (in Excel, CSV, PDF, Copy or Print), Create 14 different Google charts types, Global and , Column customization If, apart from creating tables based on the Forminator forms data, you would also like to create tables from scratch or from other data sources, wpDataTables provides more options for you: NEW! Create tables from Nested JSON – Text and video documentation Create Simple tables from scratch – Text and video documentation Create tables from Excel – Text and video documentation Create tables from CSV – Text and video documentation Create tables from JSON – Text and video documentation Create tables from XML – Text and video documentation Create tables from Serialized PHP array – Text and video documentation To check out the table on the front-end you can insert wpDataTables shortcode in your page or post (for example [wpdatatable id=1]) or with page widgets/blocks if you are using some of the page builders like WP Bakery, Elementor or Gutenberg. Limitation Those tables do not have a server-side option (this means that these tables can’t contain a large amount of data (no exact limit, but 2.000 – 3.000 rows is a good example)), and that they cannot be editable.