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. Selection Option Type

Button Element

PreviousRadio Button and CheckboxNextColor Swatch and Image Swatch

Last updated 2 months ago

The Button element is a flexible and visually appealing option that lets customers select one or more values by clicking on stylized button choices — similar in functionality to Radio Buttons and Checkboxes, but with a more modern look.

🧩 How It Works

  • Buttons appear as clickable blocks (not dropdowns or standard input fields).

  • They can be configured for:

    • Single selection (like radio buttons)

    • Multiple selections (like checkboxes)

⚙️ General Settings

You can customize the following settings in the Basic Configuration:

  • Label / Name: Change the title of the field.

  • Required Field: Force customers to make a selection before proceeding.

  • Hidden Field: Hide the field from view if needed (used for logic or advanced workflows).

  • Helptext

  • Add-on Price: Attach a price to specific button values.

  • Allow multiple:

  • Default Value: Pre-select a button when the page loads.

🧠 Advanced Settings

Just like other elements, the Button element supports:

  • Conditional Logic: Show/hide the element based on other selections.

  • Style: Horizontal & Vertical:

  • Expand/collapse option values

  • Help text position

  • HTML Class / Column Width: For layout and style control.

📧 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!