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?