Cool FormKit For Elementor Forms

Adding fields rather than changing form plugin

If you already have Elementor Pro, you already have a form builder. It works, it is integrated and it costs nothing extra. The problem appears the day you need something it does not bring: a signature, a star rating, a field that calculates a price, or a field that appears only if the visitor answered a certain way.

The usual reaction is installing a whole form plugin and duplicating the function. Cool FormKit takes the other route: it extends the form you already have rather than replacing it.

The fields it adds

• Conditional fields, appearing or locking according to what the visitor answered earlier.
• Country code for phone numbers, with automatic detection based on where they are connecting from.
• Rating, one to five or one to ten, with stars, hearts or whichever icon you choose.
• Range slider, with minimum, maximum and live feedback.
• Signature, drawn by the visitor in the form itself.
• Calculator, doing the arithmetic across the other fields and showing it instantly.
• Image options, for choosing by looking rather than reading.

Plus the styling side: customisable radio buttons and checkboxes, and floating labels combining the label with the placeholder text.

The two that change the outcome

The calculator. It is what turns a contact form into a quoting tool. The visitor picks square metres, services and timescale, and sees the amount before sending. It filters out whoever cannot afford it and convinces whoever can, and both save you meetings.

The signature. It looks incidental and it solves specific cases that previously required printing: authorisations, informed consent, quote acceptance, collecting a minor. With one caveat: a signature drawn on screen counts as evidence of agreement in many contexts, but it is not equivalent to a qualified electronic signature. For documents with strong legal requirements, worth checking what your adviser asks for.

Requirements

Here is the important part and worth being clear before buying: it needs Elementor Pro, the free version will not do. It is an extension of the form widget, and that widget only exists in the paid version of Elementor. Without it, this has nothing to attach to.

How to start

One. Check that the form you want to improve is the Elementor Pro one and not another plugin's.

Two. Add one field at a time and test the submission after each. Forms fail silently.

Three. If you use the calculator, test with extreme values: zero, the maximum and a decimal. That is where badly written formulas show up.

Four. Send a test submission to an external email and check it arrives and does not land in spam.

Alternatives in the catalogue

If you do not yet have Elementor Pro, the arithmetic changes: a complete form plugin may work out better than the sum of the two.

In that case, WPForms is the easiest to handle without technical knowledge, Fluent Forms performs best with long forms and many integrations, and MetForm is the option that also lives inside Elementor but replaces the form rather than extending it.

And if what you need is the form to book an appointment against real availability, that is no longer a form plugin: Gravity Forms Booking adds a calendar and a diary.

Frequently asked questions

Does it work with free Elementor?
No. It needs Elementor Pro, because it extends its form widget.

Can it calculate a quote?
Yes, with the calculation field, which operates on the other fields and shows the result instantly.

Can fields be shown depending on answers?
Yes, with conditional fields that appear or lock.

Does it include a signature field?
Yes, the visitor draws it in the form.

Can I send different emails depending on the answers?
Yes, it allows conditioning email sending on the form's conditions.

Does it replace a form plugin?
No, the opposite: it extends the one Elementor Pro already brings so you do not run two systems.