# Switch button element

The **Switch** element is a toggle-style input that allows customers to enable or disable a specific option. It's visually similar to a light switch or mobile setting toggle, offering a clean and user-friendly experience.

**🔧 Basic Settings:**

* **Label / Name**: Customize the title of the switch.
* **Required Field**: Make the switch mandatory before proceeding.
* **Add-on Product / Price**: Attach an additional product or cost if the switch is enabled.
* **Default Value**: Set the switch to ON or OFF by default.
* **Conditional Logic**: Use conditions to show or hide the switch based on other field values.

**⚙️ Advanced Settings:**

* **Suffix/Prefix**: Display additional text before or after the switch.
* **Help Text & Position**: Add helper text and choose its position (above, below, tooltip, etc.).
* **HTML Class**: Add custom styling if needed.
* **Column Width**: Adjust the width of the switch field to fit your layout.

**🧠 Use Case Examples:**

* Enable gift wrapping
* Add extended warranty
* Opt-in for personalized engraving
* Toggle special packaging or services

This element adds flexibility and improves the buying experience by allowing customers to make quick yes/no decisions with a simple click.

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FuAfGuJVVWvH0WbJ5kCcx%2Fimage.png?alt=media&#x26;token=4527ec72-4779-435b-8a7a-4b38ce882b9e" alt=""><figcaption></figcaption></figure>

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email **<contact@globosoftware.net>**.

We’re always here and happy to help — with sincerity and care!
