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

Email Field Element

The Email field is a form input designed specifically to collect customer email addresses. It ensures the format entered is a valid email structure (e.g., [email protected]), helping reduce errors and improve the quality of collected data.


πŸ”§ Basic Settings

You can configure the following options for the Email field:

  • Label / Name: Customize the name shown next to the email field.

  • Required Field: Make this field mandatory before submission.

  • Add-on Price: Add an additional charge if the email field is part of a special service or feature.

  • Placeholder / Help Text: Provide a hint or instruction inside or near the field to guide customers.

  • Default Value: Pre-fill the field with an email value (optional).

  • Conditional Logic: Show or hide this field based on the values of other fields.


βš™οΈ Advanced Settings

The Email field also supports advanced customization, similar to other text-based input elements:

  • Text Transform: Choose how the text is displayed (e.g., none, uppercase, lowercase).

  • Helptext Position: Set where the help text appears (e.g., below label, below element, above element, tooltip).

  • Suffix / Prefix: Add text before or after the field (e.g., "@example.com").

  • HTML Class: Add custom CSS classes for more styling control.

  • Column Width: Adjust how wide the field appears in the layout.


βœ… Validation

This field automatically validates that the input is in the correct email format. If not, users will be prompted to enter a valid email before submitting the form.


πŸ“§ 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!

PreviousNumber and Phone fieldNextHidden Field Element

Last updated 2 months ago