Font Picker Element
Last updated
Last updated
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.
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.
You can choose from two types of font sources:
Google Fonts (Default)
All standard Google Fonts are supported and available for quick selection.
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.
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
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 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].