Toggle Field for Elementor Form

Add a toggle switch to let users easily choose between two states, like Yes/No or On/Off, in your Elementor forms.

Excellent Support Team

Add Toggle Field in Your Form

Want to add a Toggle Field in your Elementor form?

With the Cool FormKit plugin, you can easily add a modern, customizable toggle switch. Perfect for simple choices like Yes/No, On/Off, or Agree/Disagree, it’s more intuitive than a checkbox and saves extra clicks!

It works with:

Elementor Pro form widget
And also with Elementor Free using:
- Hello Plus (form lite widget)
- Pro Elements plugin
- Cool FormKit (cool form widget)

No Elementor Pro? No worries! Just install Cool FormKit and start creating powerful forms with smart fields like the Toggle Switch today.

Toggle Field Settings

The Toggle Field in Cool FormKit gives you full control with easy-to-use settings inside Elementor’s form widget. You can fine-tune its behavior, appearance, and labels in just a few clicks.

On Text – Set the label when the toggle is active (e.g., Yes, Enable).
Off Text – Set the label when the toggle is inactive (e.g., No, Disable).
Text Position – Choose whether to show the labels before or after the toggle switch.
Toggle Size – Adjust the overall size of the switch for better visibility.
Checked by Default – Enable this if you want the toggle ON by default when the form loads.
Selected Color – Choose the color when the toggle is in the ON position.
Unselected Color – Choose the color when the toggle is in the OFF position.

These options let you create a more interactive and branded user experience in your Elementor forms.

FAQs

How do I add a toggle switch in Elementor Form?

Install the Cool FormKit plugin, open your Elementor form, and select the Toggle Field from the available field types.

Can I set the toggle to be ON by default?

Yes, you can enable the “Checked by Default” option in the settings. This makes the toggle switch active (ON) when the form initially loads.

Can I customize the look of the toggle switch?

Absolutely! You can set custom colors for ON/OFF states, adjust size, position label text, and even style it further using CSS.

What are common use cases for a toggle switch?

A toggle switch offers a clean and intuitive way for users to make quick binary choices (like Yes/No or Agree/Disagree) without checkboxes or dropdowns.