Globo Docs
Globo Product Options
Globo Product Options
  • Getting Started
  • Option Set configurations
    • 🛠️ How to Set Up Product Options
  • 🧩 Set Up Option Set Using Templates
  • Apply Option Sets to Products
  • Apply Option Sets to Specific Customers
  • Apply Option Sets to Countries
  • How to Delete an Option Set
  • Import & Export Option Sets
  • Option Elements
    • Set up Required filed
    • Hide Element Label
    • Change the Element Name Displayed in Cart and Checkout
    • Input Type options
      • Text and Textarea
      • Number and Phone field
      • Email Field Element
      • Hidden Field Element
      • File Upload Element
      • Color Picker
      • Switch button element
      • Range Slider
  • Selection Option Type
    • Dropdown and Select
    • Image and Color Dropdown
    • Radio Button and Checkbox
    • Button Element
    • Color Swatch and Image Swatch
    • Font Picker Element
    • Redirect Links Elements
  • Static Option Type
    • Heading element
    • Divider & Spacing
    • Pop Up Modal And Paragraph
    • HTML element
    • Size chart element
    • Tab Element
  • Add-on Feature
    • Advanced Add-on Function
    • Manage Add-On Products
  • How to Manage Option Stock via Add-On Products
  • Translate Option Values to Multiple Languages
  • App Setting
    • General Setting
    • Add-on Price Setting
    • Set Option Set Position On Product page
    • List of themes supporting Ajax Cart function
    • 🎨 Change Option Set’s Background Color
Powered by GitBook
On this page
  1. Option Elements
  2. Input Type options

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.

📧 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 [email protected].

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

PreviousColor PickerNextRange Slider

Last updated 2 months ago