Title: Fand Product Customizer Author: Florence ANDROLUS Published: June 25, 2026 Last modified: June 25, 2026 --- Search plugins ![](https://ps.w.org/fand-product-customizer/assets/icon-256x256.png?rev=3585908) # Fand Product Customizer By [Florence ANDROLUS](https://profiles.wordpress.org/fandevelop/) [Download](https://downloads.wordpress.org/plugin/fand-product-customizer.1.0.0.zip) * [Details](https://wordpress.org/plugins/fand-product-customizer/#description) * [Reviews](https://wordpress.org/plugins/fand-product-customizer/#reviews) * [Installation](https://wordpress.org/plugins/fand-product-customizer/#installation) * [Development](https://wordpress.org/plugins/fand-product-customizer/#developers) [Support](https://wordpress.org/support/plugin/fand-product-customizer/) ## Description **Fand Product Customizer** adds a Gutenberg block to your WooCommerce product pages that allows customers to personalize their order with a custom text and a font of their choice. The block is fully dynamic (server-side rendered) and integrates natively with WooCommerce: the chosen text and font are displayed in the cart, in the order summary, and saved in the order details in the back office. **Key features:** **Customer-facing features (front end):** * Personalization block insertable in any WooCommerce single product template * Text input field with configurable character limit (default: 15 characters) * Live preview of the text rendered in the selected font, in real time * Font selector showing only the fonts enabled for that product * Validation on form submit : prevents adding to cart without a text entry **Store owner features (back end):** * Enable or disable the personalization block per product with a simple checkbox * Choose which fonts are available for each product individually * Fonts managed natively via the WordPress font library (Appearance > Editor > Styles > Fonts) — no external dependency * Chosen text and font displayed in the cart under the product name * Chosen text and font displayed in the order confirmation summary * Chosen text and font saved in the order detail in the WooCommerce back office * No coding required : fully configurable via the WordPress admin ### Source Code This plugin uses npm and webpack to compile JavaScript and CSS assets. The full source code is publicly available on GitHub: https://github.com/Florence-Androlus/fand-product-customizer To rebuild the assets from source: 1. Clone the repository 2. Run `npm install` 3. Run `npm run build` ## Blocks This plugin provides 1 block. * Fand Product Customizer Product personalization block (text, font) for WooCommerce. ## Installation #### Step 1 : Install and activate the plugin 1. Upload the `fand-product-customizer` folder to the `/wp-content/plugins/` directory, or install it directly via the WordPress plugin screen (**Plugins > Add New**). 2. Activate the plugin via the **Plugins** screen in WordPress. #### Step 2 : Add fonts via the WordPress font library The plugin uses fonts registered natively in WordPress (introduced in WordPress 6.5). 1. Go to **Appearance > Editor**. 2. Click the **Styles** icon (top right), then **Fonts**. 3. Upload or add the fonts you want to offer your customers (e.g. Love, Cardenio Modern, etc.). 4. Once added, the fonts will automatically appear in the plugin’s font selector. #### Step 3 : Insert the block in the single product template 1. Go to **Appearance > Editor > Templates**. 2. Open the **Single Product** template. 3. Click the **+** button to add a block and search for **Fand Product Customizer**. 4. Insert the block where you want it to appear on the product page (recommended: between the product excerpt and the Add to Cart button). 5. Save the template. **Note:** This step requires a Full Site Editing (FSE) compatible theme (such as Twenty Twenty-Four, Twenty Twenty-Five, or any block-based theme). If your theme does not support FSE, the block remains available in the classic Gutenberg editor— you can insert it directly in the product description or via a custom template using a page builder that supports blocks. In all cases, the block must be placed inside or alongside the WooCommerce Add to Cart form to ensure the personalization data is correctly submitted with the order. #### Step 4 : Enable the block on each product The block will only be displayed on products where it has been explicitly enabled. 1. Go to **Products** and open the product you want to configure. 2. In the **Product data** panel, go to the **General** tab. 3. Check **Activate personalization**. 4. Save the product. #### Step 5 : Choose available fonts per product Each product can offer a different set of fonts to the customer. 1. On the product edit screen, find the **Available fonts for this product** meta box in the right sidebar. 2. Check the fonts you want to offer for this specific product. 3. Save the product. The font selector displayed to the customer will only show the fonts you have checked for that product. #### How it works on the front end Once configured, customers visiting the product page will see a personalization block with: * A text input field (max 15 characters) * A live preview area showing the text rendered in the selected font in real time * A font selector showing only the fonts enabled for that product When the customer adds the product to the cart, the chosen text and font are attached to the cart item and displayed in: * The **cart page** (under the product name) * The **checkout order summary** * The **order confirmation page** * The **order detail in the back office** (under the product line) This allows you to see at a glance, for each order, the exact personalization requested by the customer (text and font). ## FAQ ### Does it work with any WooCommerce theme? Yes, as long as your theme supports the WordPress block editor (FSE themes such as Twenty Twenty-Four, Twenty Twenty-Five, Storefront Block, etc.). The block is inserted in the Single Product template via the Site Editor. ### Can I offer different fonts for different products? Yes. Each product has its own selection of fonts. You can offer X fonts on one product and Y completely different fonts on another. ### Where do I add fonts? Fonts are managed natively in WordPress via **Appearance > Editor > Styles > Fonts**. Any font you add there will automatically become available in the plugin’s font selector. ### Is the customer’s personalization saved in the order? Yes. The chosen text and font are saved as order item meta data. They appear in the cart, in the order confirmation email, and in the order detail in the WooCommerce back office. ### Can I limit the number of characters? In the current version, the limit is set to 15 characters. This will be configurable per product in a future Pro version. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Fand Product Customizer” is open source software. The following people have contributed to this plugin. Contributors * [ Florence ANDROLUS ](https://profiles.wordpress.org/fandevelop/) [Translate “Fand Product Customizer” into your language.](https://translate.wordpress.org/projects/wp-plugins/fand-product-customizer) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/fand-product-customizer/), check out the [SVN repository](https://plugins.svn.wordpress.org/fand-product-customizer/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/fand-product-customizer/) by [RSS](https://plugins.trac.wordpress.org/log/fand-product-customizer/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. * Gutenberg block with live text and font preview. * Native WordPress font library integration. * Per-product enable/disable checkbox. * Per-product font selection meta box. * Cart, order summary and back-office order detail integration. ## Meta * Version **1.0.0** * Last updated **2 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.8 or higher ** * Tested up to **7.0** * PHP version ** 7.4 or higher ** * Tags * [custom text](https://wordpress.org/plugins/tags/custom-text/)[font](https://wordpress.org/plugins/tags/font/) [personalization](https://wordpress.org/plugins/tags/personalization/)[product customizer](https://wordpress.org/plugins/tags/product-customizer/) [woocommerce](https://wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://wordpress.org/plugins/fand-product-customizer/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/fand-product-customizer/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/fand-product-customizer/reviews/) ## Contributors * [ Florence ANDROLUS ](https://profiles.wordpress.org/fandevelop/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/fand-product-customizer/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://fan-develop.fr)