Skip to content

This plugin empowers your Elementor Forms with advanced functionality that simplifies workflows, improves usability, and integrates seamlessly with tools like WhatsApp.

Notifications You must be signed in to change notification settings

CoolPluginsTeam/extensions-for-elementor-form

Repository files navigation

=== Cool FormKit Lite - Advanced Form Builder for Elementor ===
Contributors: coolplugins, narinder-singh, satindersingh
Donate link: https://donate.stripe.com/5kQdR92iBevO75WbPm6c00i
Tags: form builder, contact form, elementor form, elementor, elementor form builder
Requires at least: 6.2
Tested up to: 6.8.2
Stable tag: 2.5.3
Requires PHP: 8.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Elementor tested up to: 3.31.5
Elementor Pro tested up to: 3.31.3

Contact form addon for Elementor. Create forms in Elementor Free or extend Elementor Pro forms with conditional logic, country code and extra fields.

== Description ==

**[Cool FormKit](https://coolformkit.com/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_name)** is an advanced contact form builder for Elementor. It provides a form widget for Elementor Free and also extends the default Elementor Pro form widget with additional fields and smart features.

If you already use **Elementor Pro**, you can extend default Elementor form widget using **Cool FormKit** (aka coolformkit) to unlock advanced features. For example, you can enhance phone fields with a [Country Code](https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=country_code) and apply [Conditional Logic](https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=conditional_logic) to show or hide fields dynamically based on user input. You can also add a [Range Slider](https://docs.coolplugins.net/doc/range-slider-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=range_slider) for interactive input, a [Signature Field](https://docs.coolplugins.net/doc/signature-field-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=signature_field) for collecting e-signatures, or a [Calculator Field](https://docs.coolplugins.net/doc/calculator-field-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=calculator_field) for creating instant estimates and quotes. Means aside from building simple contact forms, Cool FormKit helps you create advanced forms in Elementor. 

Not just that β€” if you are using the **Hello Plus** plugin with its form widget, **Cool FormKit** also extends it with the same advanced options, making it a truly all-in-one form builder for Elementor Free, Pro, and Hello Plus.  

---  

πŸ‘‰ **[VIEW FORM EXAMPLES](https://coolformkit.com/elementor-forms/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_elementor_forms)**  

https://youtu.be/gJ2ON1-oJhM

With Cool FormKit, you can create contact forms, registration forms, booking forms, feedback forms, survey forms, calculator forms, and more β€” all with a drag-and-drop form builder and no coding required. It makes building forms in Elementor fast, flexible, and user-friendly.

---

### Cool FormKit Lite Features

* **Form Widget for Elementor Free**: Build forms directly in Elementor Free with a drag-and-drop contact form widget.  
* **Form Extender for Elementor Pro**: Already using Elementor Pro forms? Extend them with extra options like conditional logic and country code.  
* **Form Extender for Hello Plus**: Create forms with the Hello Plus form widget and extend them with advanced fields and logic.  
* **Save Form Entries**: Automatically save form submissions in your WordPress dashboard for records management.  
* **[WhatsApp Redirect Form](https://coolformkit.com/features/whatsapp-redirect-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_whatsapp_redirect)**: Redirect users to WhatsApp after submitting a form β€” perfect for instant lead follow-ups.  
* **[Conditional Fields](https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_conditional_logic)**: Show or hide fields dynamically based on other field values for smarter forms.  
* **[Country Code Field](https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_country_code)**: Add an international country code dropdown with flags inside the `Tel field`.  
* **[Form Input Masks](https://coolformkit.com/features/input-mask-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_input_masks)**: Help users enter properly formatted data like dates, phone numbers, and credit cards.  

---

### Cool FormKit Premium Features

* **[Range Slider](https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_range_slider)**: Add interactive range sliders to capture numeric values in a visual way.  
* **[Signature Field](https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_signature_field)**: Let users sign electronically with a responsive signature pad.  
* **[Rating Field](https://coolformkit.com/features/rating-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_rating_field)**: Collect star ratings and feedback in your Elementer forms.  
* **[Select2 Field](https://coolformkit.com/features/select2-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_select2_field)**: Enhance dropdowns with search, AJAX, and multi-select options.  
* **[Checkbox & Radio Styles](https://coolformkit.com/features/checkbox-radio-styles-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_checkbox_radio)**: Apply modern styles on checkboxes and radio buttons.  
* **[Image Radio Field](https://coolformkit.com/features/image-radio-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_image_radio)**: Replace boring radio buttons with images as selectable options.  
* **[Toggle Field](https://coolformkit.com/features/toggle-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_toggle_field)**: Add toggle switches for on/off style selections.  
* **[Cloudflare Turnstile](https://coolformkit.com/features/cloudflare-turnstile-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_turnstile)**: Protect your forms with Cloudflare Turnstile security.  
* **[hCaptcha](https://coolformkit.com/features/hcaptcha-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_hcaptcha)**: Add hCaptcha verification to Elementor forms for anti-spam security.  
* **[Country & State Field](https://coolformkit.com/features/country-and-state-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_country_state)**: Add a Country + State selector in Elementor form.  
* **[WYSIWYG Field](https://coolformkit.com/features/wysiwyg-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_wysiwyg)**: Insert a rich-text editor field so users can enter formatted content.  
* **[Calculator Forms](https://coolformkit.com/features/calculator-for-elementor/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_calculator)**: Create calculators like **BMI**, **EMI**, and **Interest Calculator** directly in Elementor πŸ‘‰ Examples: [BMI Calculator](https://coolformkit.com/elementor-forms/bmi-calculator/), [EMI Calculator](https://coolformkit.com/elementor-forms/emi-calculator/), [Interest Calculator](https://coolformkit.com/elementor-forms/interest-calculator/)  
* **Spam Protection**: Secure your Elementor forms by blocking submissions that contain restricted or spam words in form fields.  
* **Smart Conditional Logic**: Apply advanced conditional logic in Elementor forms to trigger automatic workflows like:  
   - [Conditional Redirects](https://docs.coolplugins.net/doc/conditional-redirect-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_redirect)  
   - [Conditional Emails](https://docs.coolplugins.net/doc/conditional-email-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_email)  
   - [Conditional Mailchimp Integration](https://docs.coolplugins.net/doc/conditional-mailchimp-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_mailchimp)  

πŸ‘‰ **[VIEW MORE FEATURES](https://coolformkit.com/features/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_all)**  

---

#### Cool FormKit – Exclusive Features for Elementor Pro Forms  

* **Frontend Post Submission Forms**: Enable users to submit content from the frontend and instantly create WordPress posts. πŸ‘‰ [Watch Demo](https://www.youtube.com/watch?v=fNIoWyXF9js)  

* **Hide Form After Submission & Show Custom Message**: Hide the form after successful submission and show a custom success message. πŸ‘‰ [Watch Demo](https://www.youtube.com/watch?v=CMN32j4hGlA)  

---

### More Form Extensions For Elementor

Using the default Elementor form builder widget from Elementor Pro?  
Now enhance your Elementor forms with these lightweight form addons developed by **Cool Plugins**.

* **[Conditional Fields for Elementor Form](https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons)**  
   Add advanced if/else logic to your forms. Show, hide, enable, or disable fields dynamically depending on user selections.  

* **[Country Code for Elementor Form Telephone Field](https://wordpress.org/plugins/country-code-field-for-elementor-form/)**  
   Insert an international country dial code dropdown with flags into phone fields. Ensure visitors always enter valid, well-formatted phone numbers.  

* **[Form Input Masks for Elementor Forms](https://wordpress.org/plugins/form-masks-for-elementor/)**  
   Apply flexible input masks on form fields like phone, date, credit card, and more so that users enter data in the correct format every time.

---

### More Addons for Elementor You’ll Love  

Cool Plugins team has also built several other popular addons that extend Elementor with unique design and functionality options.

* **[Timeline Widget for Elementor](https://cooltimeline.com/plugin/timeline-widget-pro/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons)**: Showcase your history, milestones, or company story in modern vertical or horizontal timeline layout in Elementor.  

* **[Events Widgets for Elementor](https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons)**: Display The Events Calendar upcoming events in grid, list, or carousel layouts styled beautifully in Elementor editor.  

* **[AutoPoly – AI Translation for Polylang](https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons)**: Automatically translate Elementor pages with AI. Create multilingual websites quickly using Polylang + AutoPoly.  

* **[LocoAI – Auto Translate for Loco Translate](https://locoaddon.com/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons)**: Instantly translate WordPress plugins and themes with AI with One-click.  

* **[Loop Grid Extender for Elementor Pro](https://wordpress.org/plugins/loop-grid-extender-for-elementor-pro/)**: Supercharge Elementor Pro loop grids with support for ACF repeater fields and advanced taxonomy filters.

---

#### Disclaimer

Cool FormKit is an independent product developed by **Cool Plugins**. It is *not affiliated with, endorsed, or sponsored by Elementor*. Elementor is a registered trademark of Elementor Ltd. All references to *Elementor* in this plugin are strictly for descriptive purposes, to indicate that it works as an addon/extension for the Elementor page builder.

---

== Screenshots ==

1. Advanced form builder for Elementor Free  
2. Use Cool FormKit with Elementor Free, Pro, or Hello Plus  
3. Save form entries and submissions in WordPress  
4. Cool FormKit Pro features preview

== Installation ==

1. **Install the Plugin**  
   - Go to your WordPress admin dashboard β†’ **Plugins β†’ Add New**.  
   - Search for **Cool FormKit Lite** and click **Install Now**.  
   - Or upload the ZIP file by clicking **Upload Plugin** and selecting the downloaded plugin ZIP.  
   - You can also install manually by uploading the unzipped folder to **/wp-content/plugins/** using FTP.  

2. **Activate the Plugin**  
   - After installation, go to **Plugins β†’ Installed Plugins**.  
   - Find **Cool FormKit Lite** and click **Activate**.  

3. **Create or Extend Elementor Forms**  
   - If you use **Elementor Free**, search for the **Cool Form** widget in the Elementor editor. Drag and drop it to build forms like contact forms, booking forms, or surveys with advanced options.  
   - If you use **Elementor Pro**, open the form created via default **Form widget** and you’ll see extra features added by Cool FormKit, such as **apply conditional logic** on fields or enable **country code dropdown** in Tel fields.  
   - If you use the **Hello Plus form lite widget**, Cool FormKit will extend it with similar enhancements.  

For advanced usage, visit the [Cool FormKit Documentation](https://docs.coolplugins.net/plugin/cool-formkit-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=installation).  

== Frequently Asked Questions ==

= What is Cool FormKit and who can use it? =  
Cool FormKit is an advanced form builder addon for Elementor. It allows Elementor Free users to create forms directly inside the page builder, and also enhances Elementor Pro and Hello Plus form widgets with extra fields and advanced options. Anyone building websites with Elementor can use Cool FormKit.

= Can I extend Elementor Pro forms using Cool FormKit? =  
Yes. If you already use Elementor Pro, you can extend its default form widget with advanced features such as [conditional logic](https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs), [country code dropdown](https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs), and [WhatsApp redirect](https://coolformkit.com/features/whatsapp-redirect-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs).  

= Can I use Cool FormKit without Elementor Pro? =  
Yes. Cool FormKit provides its own form builder widget for Elementor Free users. You can create contact forms, booking forms, survey forms, and more without Elementor Pro.  

= How to extend Hello Plus forms using Cool FormKit? =  
Cool FormKit also works with the Hello Plus form widget. You can add [conditional logic](https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs), [country code](https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs), input masks, and more features to forms created with Hello Plus.  

= What advanced features are available in Cool FormKit Pro? =  
The Pro version unlocks premium fields and features such as:

* [Range slider](https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs)  
* [Calculator field](https://coolformkit.com/features/calculator-for-elementor/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs) (create BMI, EMI, or Interest calculators)  
* [Image radio field](https://coolformkit.com/features/image-radio-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs)  
* [Signature field](https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs)  
* [Rating field](https://coolformkit.com/features/rating-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs)  
* [WYSIWYG field](https://coolformkit.com/features/wysiwyg-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs)  

And more advanced conditional logics such as redirects, emails, and Mailchimp integration. πŸ‘‰ [View All Features](https://coolformkit.com/features/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs)

= How to protect Elementor forms from spam? =  
Cool FormKit Pro includes multiple spam protection options such as [hCaptcha](https://coolformkit.com/features/hcaptcha-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs), [Cloudflare Turnstile](https://coolformkit.com/features/cloudflare-turnstile-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs), and a built-in spam blocker that restricts forms when users enter blacklisted words.  

= Can I show or hide form fields using conditional logic? =  
Yes. Cool FormKit allows you to apply [conditional logic](https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs) so that fields are displayed only when certain conditions are met.  

= How to redirect an Elementor form to WhatsApp after submission? =  
You can use the [WhatsApp redirect feature](https://coolformkit.com/features/whatsapp-redirect-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=faqs) to send users directly to a WhatsApp chat after they submit your form.  

= Can I publish posts from the frontend using Elementor Pro forms? =  
Yes. Cool FormKit Pro adds a feature to let users create WordPress posts or custom post types directly from Elementor Pro form submissions.  

= How can I create calculators in Elementor using Cool FormKit? =  
With Pro, you can build calculators such as [BMI Calculator](https://coolformkit.com/elementor-forms/bmi-calculator/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=demo&utm_content=faqs), [EMI Calculator](https://coolformkit.com/elementor-forms/emi-calculator/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=demo&utm_content=faqs), and [Interest Calculator](https://coolformkit.com/elementor-forms/interest-calculator/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=demo&utm_content=faqs).

= Does this plugin use any third-party libraries or services? =  
Yes. This plugin uses the **intl-tel-input** library for country code functionality (licensed under [MIT License](https://github.com/jackocnr/intl-tel-input/blob/master/LICENSE)).  

It also integrates with **Google reCAPTCHA v2/v3** for spam protection. reCAPTCHA is a third-party service provided by Google and is subject to the [Google Terms of Service](https://www.google.com/recaptcha/about/). No proprietary code is bundled with the plugin.  

= How can I get support if I face issues? =  
You can open a support ticket on the [WordPress.org support forum](https://wordpress.org/support/plugin/extensions-for-elementor-form/) or contact us via our [official support page](https://coolplugins.net/support/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=support&utm_content=faqs).  

= How can I report security bugs? =  
You can report vulnerabilities through the [Patchstack Vulnerability Disclosure Program](https://patchstack.com/database/vdp/extensions-for-elementor-form). The Patchstack team helps validate, triage, and handle reported issues responsibly.  

== Changelog ==

= 2.5.3 - 2025-08-26 =
* Fixed: Editor side warning and undismissable review notice button issue.

= 2.5.2 - 2025-08-18 =
* Optimization: Bug fixes and security code improvements.
* Tested upto: Elementor Version 3.31.2 and Elementor Pro Version 3.31.2
* Updated: Dashboard Links.

= 2.5.1 - 2025-07-25 =
* Optimization: Bug fixes and code improvements.  
* Tested up to: Elementor 3.30.3 and Elementor Pro 3.30.0.  

= 2.5.0 - 2025-07-17 =
* Added: Support for Hello Plus Form Lite and Elementor Form widget.  
* Updated: Admin dashboard enhancements.  
* Tested up to: Elementor 3.30.2 and Elementor Pro 3.30.0.  

= 2.4.5 - 2025-05-26 =
* Improved: Enhanced user opt-in options for better customization.  
* Fixed: All fields visible on load.  
* Tested up to: Elementor 3.29.0 and Elementor Pro 3.29.0.  

= 2.4.4 - 2025-04-11 =
* Fixed: Critical error during plugin activation on certain server configurations.  

= 2.4.3 - 2025-04-10 =
* Added: Conditional field support.  
* Added: Country code option for telephone field.  
* Added: reCAPTCHA integration for enhanced security.  
* Tested up to: WordPress 6.8.  

= 2.4.2 - 2025-03-26 =
* Added: Collect Entries action after form submission.  
* Added: Dashboard & Entries page to view and manage submissions.  
* Added: Review notice in the dashboard and form editor.  
* Fixed: Default value not sent in the select field.  
* Improved: Security updates.  

= 2.4.1 - 2025-03-18 =
* Tested up to: Elementor 3.28.0 and Elementor Pro 3.28.0.  

= 2.4.0 - 2025-03-04 =
* Added: Drag-and-drop form builder for Elementor Free, allowing custom form creation without Elementor Pro.  
* Enhanced: Improved compatibility with Elementor Free.  
* Updated: Plugin branding from **Extensions for Elementor Form** to **[Cool FormKit Lite - Advanced Elementor Form Builder](https://coolformkit.com/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=changelog)**.  
* Optimized: Improved overall code structure and performance.  
* Updated: Refreshed readme content for clarity.  

= 2.3 =
* Refactored code to support Pro version.  
* Improved asset build process.  

= 2.2 =
* Code improvements.  

= 2.1 =
* Added: Dynamic controls for phone and WhatsApp redirection actions.  
* Updated: PHP minimum version to 7.4.  
* Code improvements.  

= 2.0.3 =
* Compatibility updates for WordPress 6.7.  
* Code improvements.  

= 2.0.2 =
* Compatibility updates for WordPress 6.5.  
* Code improvements.  

= 2.0.1 =
* Compatibility updates for WordPress 6.2.  

= 2.0 =
* Added: Action to register posts and custom post types with forms.  
* Code improvements.  

= 1.3.7 =
* Compatibility updates for WordPress 6.1.  

= 1.3.6 =
* Compatibility updates for WordPress 6.0.  

= 1.3.1 =
* Compatibility updates for WordPress 5.7.  

= 1.3 =
* Fixed: Form hiding after submission.  

= 1.2 =
* Added: Support for break line with token `%break%`.  

= 1.1 =
* Fixed: Bug in phone number field.  

= 1.0 =
* Initial release.  

== Upgrade Notice ==

= 2.4.0 =
This release introduces a drag-and-drop form builder for Elementor Free users. It also improves compatibility, optimizes code efficiency, and rebrands the plugin as **Cool FormKit Lite**.

About

This plugin empowers your Elementor Forms with advanced functionality that simplifies workflows, improves usability, and integrates seamlessly with tools like WhatsApp.

Topics

Resources

Stars

Watchers

Forks

Contributors 9