Title: Live Font Preview for WooCommerce Author: WPMajestic Published: February 23, 2026 Last modified: February 23, 2026 --- Search plugins ![](https://ps.w.org/live-font-preview-for-woocommerce/assets/banner-772x250.png? rev=3467446) ![](https://ps.w.org/live-font-preview-for-woocommerce/assets/icon-256x256.png?rev =3467446) # Live Font Preview for WooCommerce By [WPMajestic](https://profiles.wordpress.org/wpmajestic/) [Download](https://downloads.wordpress.org/plugin/live-font-preview-for-woocommerce.1.0.zip) * [Details](https://en-au.wordpress.org/plugins/live-font-preview-for-woocommerce/#description) * [Reviews](https://en-au.wordpress.org/plugins/live-font-preview-for-woocommerce/#reviews) * [Installation](https://en-au.wordpress.org/plugins/live-font-preview-for-woocommerce/#installation) * [Development](https://en-au.wordpress.org/plugins/live-font-preview-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/live-font-preview-for-woocommerce/) ## Description Live Font Preview for WooCommerce allows you to offer real-time text previews with a variety of fonts for your customizable products. This empowers customers to see exactly what their personalized items will look like, increasing confidence and conversion rates. Perfect for stores selling engraved jewelry, custom apparel, embroidery, or personalized gifts, this plugin adds a sleek font selection dropdown and text input field directly to your product pages. **Key Features:** * **Real-Time Preview:** Customers see exactly how their text looks in their chosen font instantly * **Google Fonts Integration:** Securely loads high-quality fonts for accurate rendering * **Flexible Display Logic:** Enable globally, per category, or for specific products only * **High-Performance Order Storage (HPOS) Compatible** * **Cart & Order Integration:** Selected fonts and text are clearly displayed in the cart, checkout, and order emails * **Customizable Labels:** Easily change field labels and placeholders to match your store’s language * Compatible with WooCommerce Blocks checkout * Compatible with classic WooCommerce checkout ### Usage 1. Navigate to `WooCommerce → Live Font Preview` in your WordPress admin. 2. Enable the feature globally or select specific categories/products. 3. Choose which Google Fonts you want to offer to your customers. 4. Save your settings. 5. Visit a product page to see the live font selector in action. ## Screenshots [⌊General plugin settings and global configuration.⌉⌊General plugin settings and global configuration.⌉[ General plugin settings and global configuration. [⌊Configuring font selection for specific product categories.⌉⌊Configuring font selection for specific product categories.⌉[ Configuring font selection for specific product categories. [⌊Managing available Google Fonts for the preview.⌉⌊Managing available Google Fonts for the preview.⌉[ Managing available Google Fonts for the preview. [⌊Customize labels and placeholders for the frontend.⌉⌊Customize labels and placeholders for the frontend.⌉[ Customize labels and placeholders for the frontend. [⌊Frontend view: Live font preview on a product page.⌉⌊Frontend view: Live font preview on a product page.⌉[ Frontend view: Live font preview on a product page. [⌊Cart page displaying the selected custom font and text.⌉⌊Cart page displaying the selected custom font and text.⌉[ Cart page displaying the selected custom font and text. [⌊Order details showing the customer's font choice.⌉⌊Order details showing the customer's font choice.⌉[ Order details showing the customer’s font choice. ## Installation 1. Upload the plugin files to the `/wp-content/plugins/live-font-preview-for-woocommerce` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Go to ‘WooCommerce Live Font Preview’ to configure your settings. ## FAQ ### Does this work with the new WooCommerce Blocks checkout? Yes, this plugin is compatible with both the traditional WooCommerce checkout experience and the new WooCommerce Blocks checkout. ### Can I add my own custom fonts? Currently, the plugin supports a curated list of Google Fonts. Custom font upload support is planned for a future version. ### Is it compatible with HPOS (High-Performance Order Storage)? Yes, this plugin is fully compatible with WooCommerce’s High-Performance Order Storage( HPOS). ### Will the chosen font show up in the order email? Yes, the “Font” and “Custom Text” fields are saved as order item metadata, so they will appear in the admin order view and in customer emails. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Live Font Preview for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ WPMajestic ](https://profiles.wordpress.org/wpmajestic/) [Translate “Live Font Preview for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/live-font-preview-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/live-font-preview-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/live-font-preview-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/live-font-preview-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/live-font-preview-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Initial release * Added live font preview with Google Fonts * Added High-Performance Order Storage (HPOS) support * Compatible with both classic checkout and WooCommerce Blocks ## Meta * Version **1.0** * Last updated **8 months ago** * Active installations **20+** * WordPress Version ** 6.0 or higher ** * Tested up to **6.9.10** * PHP Version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/live-font-preview-for-woocommerce/) * Tags * [engraving](https://en-au.wordpress.org/plugins/tags/engraving/)[fonts](https://en-au.wordpress.org/plugins/tags/fonts/) [product customization](https://en-au.wordpress.org/plugins/tags/product-customization/) [typography](https://en-au.wordpress.org/plugins/tags/typography/)[woocommerce](https://en-au.wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://en-au.wordpress.org/plugins/live-font-preview-for-woocommerce/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/live-font-preview-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/live-font-preview-for-woocommerce/reviews/) ## Contributors * [ WPMajestic ](https://profiles.wordpress.org/wpmajestic/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/live-font-preview-for-woocommerce/)