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

Satinder Singh

CoolHappy

Cool Plugins

Eduardo Villão

<a href="https://coolformkit.com/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_name" rel="nofollow ugc">Cool FormKit</a> 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 <a href="https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=country_code" rel="nofollow ugc">Country Code</a> and apply <a href="https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=conditional_logic" rel="nofollow ugc">Conditional Logic</a> to show or hide fields dynamically based on user input. You can also add a <a href="https://docs.coolplugins.net/doc/range-slider-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=range_slider" rel="nofollow ugc">Range Slider</a> for interactive input, a <a href="https://docs.coolplugins.net/doc/signature-field-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=signature_field" rel="nofollow ugc">Signature Field</a> for collecting e-signatures, or a <a href="https://docs.coolplugins.net/doc/calculator-field-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=calculator_field" rel="nofollow ugc">Calculator Field</a> 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.
👉 <a href="https://coolformkit.com/elementor-forms/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_elementor_forms" rel="nofollow ugc">VIEW FORM EXAMPLES</a>
<iframe loading="lazy" title="Cool FormKit: Add Smart Features to Elementor Forms" width="750" height="422" src="https://www.youtube.com/embed/gJ2ON1-oJhM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
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.
<h3>Cool FormKit Lite Features</h3>
<ul>
<li>Form Widget for Elementor Free: Build forms directly in Elementor Free with a drag-and-drop contact form widget. </li>
<li>Form Extender for Elementor Pro: Already using Elementor Pro forms? Extend them with extra options like conditional logic and country code. </li>
<li>Form Extender for Hello Plus: Create forms with the Hello Plus form widget and extend them with advanced fields and logic. </li>
<li>Save Form Entries: Automatically save form submissions in your WordPress dashboard for records management. </li>
<li><a href="https://coolformkit.com/features/whatsapp-redirect-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_whatsapp_redirect" rel="nofollow ugc">WhatsApp Redirect Form</a>: Redirect users to WhatsApp after submitting a form — perfect for instant lead follow-ups. </li>
<li><a href="https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_conditional_logic" rel="nofollow ugc">Conditional Fields</a>: Show or hide fields dynamically based on other field values for smarter forms. </li>
<li><a href="https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_country_code" rel="nofollow ugc">Country Code Field</a>: Add an international country code dropdown with flags inside the <code>Tel field</code>. </li>
<li><a href="https://coolformkit.com/features/input-mask-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_input_masks" rel="nofollow ugc">Form Input Masks</a>: Help users enter properly formatted data like dates, phone numbers, and credit cards. </li>
</ul>
<h3>Cool FormKit Premium Features</h3>
<ul>
<li><a href="https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_range_slider" rel="nofollow ugc">Range Slider</a>: Add interactive range sliders to capture numeric values in a visual way. </li>
<li><a href="https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_signature_field" rel="nofollow ugc">Signature Field</a>: Let users sign electronically with a responsive signature pad. </li>
<li><a href="https://coolformkit.com/features/rating-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_rating_field" rel="nofollow ugc">Rating Field</a>: Collect star ratings and feedback in your Elementer forms. </li>
<li><a href="https://coolformkit.com/features/select2-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_select2_field" rel="nofollow ugc">Select2 Field</a>: Enhance dropdowns with search, AJAX, and multi-select options. </li>
<li><a href="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" rel="nofollow ugc">Checkbox & Radio Styles</a>: Apply modern styles on checkboxes and radio buttons. </li>
<li><a href="https://coolformkit.com/features/image-radio-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_image_radio" rel="nofollow ugc">Image Radio Field</a>: Replace boring radio buttons with images as selectable options. </li>
<li><a href="https://coolformkit.com/features/toggle-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_toggle_field" rel="nofollow ugc">Toggle Field</a>: Add toggle switches for on/off style selections. </li>
<li><a href="https://coolformkit.com/features/cloudflare-turnstile-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_turnstile" rel="nofollow ugc">Cloudflare Turnstile</a>: Protect your forms with Cloudflare Turnstile security. </li>
<li><a href="https://coolformkit.com/features/hcaptcha-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_hcaptcha" rel="nofollow ugc">hCaptcha</a>: Add hCaptcha verification to Elementor forms for anti-spam security. </li>
<li><a href="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" rel="nofollow ugc">Country & State Field</a>: Add a Country + State selector in Elementor form. </li>
<li><a href="https://coolformkit.com/features/wysiwyg-field-for-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_wysiwyg" rel="nofollow ugc">WYSIWYG Field</a>: Insert a rich-text editor field so users can enter formatted content. </li>
<li><a href="https://coolformkit.com/features/calculator-for-elementor/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_calculator" rel="nofollow ugc">Calculator Forms</a>: Create calculators like BMI, EMI, and Interest Calculator directly in Elementor 👉 Examples: <a href="https://coolformkit.com/elementor-forms/bmi-calculator/" rel="nofollow ugc">BMI Calculator</a>, <a href="https://coolformkit.com/elementor-forms/emi-calculator/" rel="nofollow ugc">EMI Calculator</a>, <a href="https://coolformkit.com/elementor-forms/interest-calculator/" rel="nofollow ugc">Interest Calculator</a> </li>
<li>Spam Protection: Secure your Elementor forms by blocking submissions that contain restricted or spam words in form fields. </li>
<li>Smart Conditional Logic: Apply advanced conditional logic in Elementor forms to trigger automatic workflows like:
<ul>
<li><a href="https://docs.coolplugins.net/doc/conditional-redirect-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_redirect" rel="nofollow ugc">Conditional Redirects</a> </li>
<li><a href="https://docs.coolplugins.net/doc/conditional-email-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_email" rel="nofollow ugc">Conditional Emails</a> </li>
<li><a href="https://docs.coolplugins.net/doc/conditional-mailchimp-elementor-form/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=docs&utm_content=features_conditional_mailchimp" rel="nofollow ugc">Conditional Mailchimp Integration</a> </li>
</ul>
</li>
</ul>
👉 <a href="https://coolformkit.com/features/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=features&utm_content=features_all" rel="nofollow ugc">VIEW MORE FEATURES</a>
<h4>Cool FormKit – Exclusive Features for Elementor Pro Forms</h4>
<ul>
<li>
Frontend Post Submission Forms: Enable users to submit content from the frontend and instantly create WordPress posts. 👉 <a href="https://www.youtube.com/watch?v=fNIoWyXF9js" rel="nofollow ugc">Watch Demo</a>
</li>
<li>
Hide Form After Submission & Show Custom Message: Hide the form after successful submission and show a custom success message. 👉 <a href="https://www.youtube.com/watch?v=CMN32j4hGlA" rel="nofollow ugc">Watch Demo</a>
</li>
</ul>
<h3>More Form Extensions For Elementor</h3>
Using the default Elementor form builder widget from Elementor Pro? 
Now enhance your Elementor forms with these lightweight form addons developed by Cool Plugins.
<ul>
<li>
<a href="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" rel="nofollow ugc">Conditional Fields for Elementor Form</a> 
Add advanced if/else logic to your forms. Show, hide, enable, or disable fields dynamically depending on user selections.
</li>
<li>
<a href="https://wordpress.org/plugins/country-code-field-for-elementor-form/" rel="ugc">Country Code for Elementor Form Telephone Field</a> 
Insert an international country dial code dropdown with flags into phone fields. Ensure visitors always enter valid, well-formatted phone numbers.
</li>
<li>
<a href="https://wordpress.org/plugins/form-masks-for-elementor/" rel="ugc">Form Input Masks for Elementor Forms</a> 
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.
</li>
</ul>
<h3>More Addons for Elementor You’ll Love</h3>
Cool Plugins team has also built several other popular addons that extend Elementor with unique design and functionality options.
<ul>
<li>
<a href="https://cooltimeline.com/plugin/timeline-widget-pro/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Timeline Widget for Elementor</a>: Showcase your history, milestones, or company story in modern vertical or horizontal timeline layout in Elementor.
</li>
<li>
<a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Events Widgets for Elementor</a>: Display The Events Calendar upcoming events in grid, list, or carousel layouts styled beautifully in Elementor editor.
</li>
<li>
<a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">AutoPoly – AI Translation for Polylang</a>: Automatically translate Elementor pages with AI. Create multilingual websites quickly using Polylang + AutoPoly.
</li>
<li>
<a href="https://locoaddon.com/?utm_source=cfkl_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">LocoAI – Auto Translate for Loco Translate</a>: Instantly translate WordPress plugins and themes with AI with One-click.
</li>
<li>
<a href="https://wordpress.org/plugins/loop-grid-extender-for-elementor-pro/" rel="ugc">Loop Grid Extender for Elementor Pro</a>: Supercharge Elementor Pro loop grids with support for ACF repeater fields and advanced taxonomy filters.
</li>
</ul>
<h4>Disclaimer</h4>
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.

Alternatives to Cool FormKit Lite – Advanced Form Builder for Elementor

Top alternatives