--- title: "Toggle Field for Elementor Form" url: https://coolformkit.com/features/toggle-field-for-elementor-form/ date: 2025-07-18 modified: 2025-10-29 author: "cpsatinder" description: "Cool FormKit   »   Features    »   Toggle FieldShare it: Toggle Field for Elementor Form Add a toggle switch to let users easily choose between two states, like Yes/No or On/Off,..." word_count: 1100 --- # Toggle Field for Elementor Form [Cool FormKit](/)   **»   **[Features](/features/)    **»   Toggle Field** Share it: # 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. Get Plugin View Demo ![](https://coolformkit.com/wp-content/uploads/2025/07/cool-team.png) Excellent Support Team https://youtu.be/Oygr33B6lJw?si=QB7RV6MG7ztIEvQY - Overview - Toggle Field Demo - Settings - [ Documentation ](https://docs.coolplugins.net/doc/toggle-field-elementor-form/) - FAQs - Reviews - **Pricing** ## 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​ [ ![Toggle Field Settings](https://coolformkit.com/wp-content/uploads/2025/07/toggle-field-settings.png) ](https://coolformkit.com/wp-content/uploads/2025/07/toggle-field-settings.png) 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. - Simplifies decision-making- Faster than checkboxes or dropdowns- Touch-friendly and modern- Improves form UX and design What are the most common use cases for a range slider? Here are a few practical examples: - Newsletter subscription (Yes/No)- Enable notifications or dark mode- Accept terms and conditions- Show/hide additional fields- Enable advanced settings Install the Cool FormKit plugin, open your Elementor form, and select the Toggle Field from the available field types.Yes, you can enable the "Checked by Default" option in the settings. This makes the toggle switch active (ON) when the form initially loads.Absolutely! You can set custom colors for ON/OFF states, adjust size, position label text, and even style it further using CSS.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. - Simplifies decision-making- Faster than checkboxes or dropdowns- Touch-friendly and modern- Improves form UX and designHere are a few practical examples: - Newsletter subscription (Yes/No)- Enable notifications or dark mode- Accept terms and conditions- Show/hide additional fields- Enable advanced settings ### Toggle Field Demo Marketing Consent Form With Toggle Switch ### Real Feedback from Our Plugin Users Our WordPress plugins are trusted for their quality, compatibility and excellent customer support. ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) Amazing experience. The support stuff are amazing. Specially Joyti. Amazing guys ![md-rahman](https://coolformkit.com/wp-content/uploads/2025/08/md-rahman.png) @md_habibur_rahman ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) Good quality program. You can saving many time. And good support team.! Very quickly support fix problem and very kindly ![](https://coolformkit.com/wp-content/uploads/2025/07/gregvlahokostas-reviw-image.png) @silviamalavasi ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) This plugin is easy to use and does what it has to do. Most important: The support is quick and solve your issues! ![](https://coolformkit.com/wp-content/uploads/2025/07/@slavton-1.jpeg) @kevin ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) Excellent plugin very easy to use and extremely fast response to my support email, would highly recommend ![Neil-White-1](https://coolformkit.com/wp-content/uploads/2025/07/Neil-White-1.png) @neil_white ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) It’s a nice plugin, easy to install and very good support, even for free version, my questions are answered! ![](https://coolformkit.com/wp-content/uploads/2025/07/Wayne-Haston.png) @wayne_haston ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) Great software and friendly service. They helped me very quickly solve an issue I created myself. Highly recommend. ![](https://coolformkit.com/wp-content/uploads/2025/07/andytop72-review-image.png) @andytop72 ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) The plugins are excellent and their customer support is also quick and friendly ![Heeren-Tanna](https://coolformkit.com/wp-content/uploads/2025/07/Heeren-Tanna.png) @heeren_tanna ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) Amazing experience. The support stuff are amazing. Specially Joyti. Amazing guys ![md-rahman](https://coolformkit.com/wp-content/uploads/2025/08/md-rahman.png) @md_habibur_rahman ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) Good quality program. You can saving many time. And good support team.! Very quickly support fix problem and very kindly ![](https://coolformkit.com/wp-content/uploads/2025/07/gregvlahokostas-reviw-image.png) @silviamalavasi ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) This plugin is easy to use and does what it has to do. Most important: The support is quick and solve your issues! ![](https://coolformkit.com/wp-content/uploads/2025/07/@slavton-1.jpeg) @kevin ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) Excellent plugin very easy to use and extremely fast response to my support email, would highly recommend ![Neil-White-1](https://coolformkit.com/wp-content/uploads/2025/07/Neil-White-1.png) @neil_white ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) It’s a nice plugin, easy to install and very good support, even for free version, my questions are answered! ![](https://coolformkit.com/wp-content/uploads/2025/07/Wayne-Haston.png) @wayne_haston ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) Great software and friendly service. They helped me very quickly solve an issue I created myself. Highly recommend. ![](https://coolformkit.com/wp-content/uploads/2025/07/andytop72-review-image.png) @andytop72 ![review-quote](/wp-content/uploads/2025/07/double_quote.svg) ![review-stars](/wp-content/uploads/2025/07/five-star.svg) The plugins are excellent and their customer support is also quick and friendly ![Heeren-Tanna](https://coolformkit.com/wp-content/uploads/2025/07/Heeren-Tanna.png) @heeren_tanna [![Trustpilot Stars](https://coolformkit.com/wp-content/uploads/2025/03/trustpilot-45-stars.png) Read **164+** reviews on **Trustpilot.com**](https://www.trustpilot.com/review/coolplugins.net) ###### Cool FormKit - Advanced Form Builder for Elementor ## Pricing Plans *Use **Cool FormKit** to add a beautiful **Toggle Field** in Elementor form along with 20+ others advanced fields & features.* Annual License For 1 Website$x$x / Year 0% Discount Applied - Get Plugin Updates For 1 Year - 1 Year Premium Support 1 Website5 Websites25 Websites Buy Plugin Renew Yearly POPULAR Lifetime License For 1 Website$x$x / One Time 0% Discount Applied - Get Plugin Updates For Lifetime - Premium Support For Lifetime 1 Website5 Websites25 Websites Buy Plugin 🔥 Limited-Time Discount Offer! Ending in: Days Hours Minutes Seconds ###### 14-Day Money Back Guarantee We want you to love our plugins. If it’s not the right fit, you’re covered by our 14-day money-back guarantee. Secure SSL encrypted payment by PayPal & Stripe (Credit & Debit Cards) ![](https://coolformkit.com/wp-content/uploads/2025/07/secure-payment-coolplugins.png) #### More features of Cool FormKit [View All](https://coolformkit.com/features/) ###### Radio & Checkbox Styles Give your forms a polished look with checkbox and radio styles. ###### Range Slider Field Add a slider to let users pick numbers easily in Elementor form. ###### Rating Field Let users give star-based feedback with interactive rating input fields. ###### Image Radio Field Show image options as radio buttons for a more visual selection. ###### Select2 Field Enhance dropdowns with searchable, multi-select options using Select2. ###### Apply Conditional Logic on Fields Show or hide fields based on user input with advanced conditional rules.