Font Picker

πŸ“Œ 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.(Advanced Plan Feature)


🎯 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 > Font files

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

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


πŸ”§ Basic Settings

  • Name – Change the display name shown to customers.

  • Required Field – Make the field mandatory before form submission.

  • Column width - Option represents a percentage of the overall width, e.g., 100%, 50%.

  • Add-on Price – Add an extra cost when a customer fills out this field.

  • Conditional Logic – Show/hide this field based on other option selections.


πŸ’‘ Advanced Settings

1

πŸ“ Display type

  • Dropdown - Clean list-style selector

  • Button - Clickable font blocks for a modern UI

2

πŸ–ΌοΈ Select input options for preview (Advanced Plan Feature)

3

πŸ” Enable search in dropdown (Dropdown type)

4

βœ… Show checkbox (Dropdown type)

Last updated