Product Icon

Product Add-Ons for WooCommerce

Trending
Offer add-ons like gift wrapping, special messages or other special options for your products.

Add Color Picker and Google Fonts Picker to Product Add-Ons fields

I’d like to request the addition of two new field types for the Product Add-Ons for WooCommerce plugin:
1. Color Picker Field
2. Google Fonts Picker Field

Explained:

1. Color Picker Field

Visual color selection interface for product customization
Standard HTML5 color input with native browser color picker
Hex color code output
Optional default color setting
Color preview in the cart/checkout
Perfect for products like t-shirts, mugs, phone cases, etc.

2. Google Fonts Picker Field

Integration with Google Fonts API
Dropdown with live preview of available Google Fonts
Real-time font preview showing selected font in action
Font family name output for frontend implementation
Option to limit fonts to specific categories (serif, sans-serif, display, etc.)
Ideal for personalized products like mugs, posters, business cards

Technical Implementation:

Both fields save values as custom meta data
Frontend displays selected color/font preview
Easy configuration in admin add-on field settings
Compatible with existing pricing logic (fixed price, conditional logic, etc.)

Use Cases:

Custom t-shirt color selection
Personalized mug text with custom fonts
Business card design customization
Any product requiring visual customization options

This feature would significantly enhance the plugin’s customization capabilities and open up new markets for personalized products.

Author

jm

Current Status

Open

Last updated: November 27, 2025

0 comments

Log in to comment on this feature request.