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
  • 🎯 Purpose
  • 🌐 Font Sources
  • ⚙️ General Settings
  • 🧠 Advanced Settings
  • 🎨 Style Options
  1. Selection Option Type

Font Picker Element

PreviousColor Swatch and Image SwatchNextRedirect Links Elements

Last updated 1 month ago

The Font Picker element allows customers to choose a font style from a predefined list. It’s perfect for personalized products like custom signs, apparel, or engraved gifts — giving customers the freedom to style their text just the way they like.

🎯 Purpose

The Font Picker enables customers to visually preview and select their preferred font style directly on the product page. This enhances the personalization experience and increases customer confidence in their selections.

🌐 Font Sources

You can choose from two types of font sources:

  1. Google Fonts (Default)

    • All standard Google Fonts are supported and available for quick selection.

  2. Custom Fonts

    • Upload your own font files via: Settings > Design > Font Upload

    • Accepted formats: .woff, .ttf, .otf

    • Once uploaded, your custom fonts will appear in the font list for use in the Font Picker element.

⚙️ General Settings

You can configure the following:

  • Label / Name – Customize the title of the field

  • Required Field – Make font selection mandatory

  • Hidden Field – Hide from the frontend but use in logic or workflows

  • Default Value – Preselect a font when the page loads

  • Help Text – Add descriptions or instructions to guide customers

🧠 Advanced Settings

Font Picker supports advanced customizations like:

  • Conditional Logic – Show or hide the font field based on other selections

  • Help Text Position – Choose where to display (above, below, tooltip)

  • HTML Class / Column Width – Adjust spacing and style in your layout

🎨 Style Options

  • Style Display: Choose between

    • Dropdown: Clean list-style selector

    • Button: Clickable font blocks for a modern UI

  • Font Preview: Fonts display in their actual style to help customers visualize their text.

  • Search Suggestion: Enable search to help users quickly find their desired font in long lists.

📧 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].