---
title: "Add Toggle Field"
url: https://docs.coolplugins.net/doc/toggle-field-elementor-form/
date: 2025-07-11
modified: 2026-03-02
author: "Satinder Singh"
description: "A Toggle field is an input element that allows users to switch between two states. You can easily add a toggle field in Elementor forms using Cool FormKit. https://youtu.be/Oygr33B6lJw Why..."
categories:
  - "Cool FormKit for Elementor"
word_count: 305
---

# Add Toggle Field

A **Toggle field** is an input element that allows users to switch between two states. You can easily add a toggle field in Elementor forms using Cool FormKit.

https://youtu.be/Oygr33B6lJw

## Why Use a Toggle Field?

A toggle field makes it very easy for users to choose between two options, like ON or OFF, Yes or No. Unlike a checkbox, it helps users to quickly enable or disable a setting, agree or disagree with something, or make any simple choice without extra clicks.

Follow these simple steps to add a [toggle field in Elementor forms](https://docs.coolplugins.net/doc/toggle-field-elementor-form/):

## Add Toggle Field

* Firstly, make sure you have **“*Turned on*“** the toggle field feature in the **WordPress Admin Panel >> Elementor >> Cool FormKit >> Form Elements Tab.**

- Navigate to the **Content** section of your **Form Field**. From the **Field Type** dropdown, select **Toggle Field**.

[![select toggle field](https://docs.coolplugins.net/wp-content/uploads/2025/07/select-toggle-field.png)](https://docs.coolplugins.net/wp-content/uploads/2025/07/select-toggle-field.png)

Once you’ve selected the toggle field, you can customize it using the following options:

- **Off Text**: Enter the text label to be displayed when the toggle is in the **OFF** (unselected) position, example: Disable. This text works both as the label and as the value saved in the form submission.

- **On Text**: Enter the text label to be displayed when the toggle is in the **ON** (selected) position, example: Enable. This text works both as the label and as the value saved in the form submission.

- **Text Position**: Choose whether to display the On/Off text before or after the toggle switch.

- **Toggle Size:** Drag the slider to adjust the size of the toggle switch.

- **Unselected Color**: Select the color that the toggle will display when it is in the **OFF**.

- **Selected Color:** Select the color that the toggle will display when it is in the **ON**.

- **Checked by Default:** Enable this option if you want the toggle to be **ON by default** when the form loads.
If disabled, the toggle will start in the **OFF** position.