Color Picker
The Color Picker element enables customers to select a custom color using an interactive color panel. It's ideal for customizable products where the color of the item or text is important.
🔧 Basic Settings
Label / Name: Customize the label to guide users.
Required Field: Make the color selection mandatory if needed.
Default Value: Set a default color (via hex code) to be pre-selected when the page loads.

💡 Advanced Settings
Color Preview Function: This feature allows the selected color from the Color Picker to be linked to elements such as a Text Box, Text Area, Heading, or Paragraph, enabling a real-time preview.
🎨 Example: When a customer chooses a color and types into a text field, or views static content like a heading or paragraph, the text will dynamically reflect the selected color. This enhances interactivity and lets customers better visualize personalized options.

For other setting of Help text position/ HTML class /Column width, You can set up the same as other elements
📧 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!
Last updated
Was this helpful?