Flexy Product Designer is a professional WooCommerce product customisation plugin that places a fully-featured canvas designer directly on your product pages. Customers can add text, upload images, search millions of royalty-free photos via Pixabay, generate QR codes, apply pre-built design templates, and save their work — all without leaving your store. Built on Fabric.js and coded to meet Envato/WordPress standards. Live Preview Features Fabric.js 5 HTML5 canvas — smooth, real-time object manipulation Drag, resize, rotate and flip any text or image element Undo / Redo history (up to 50 states) Horizontal and vertical rulers with snap guides Layer management panel — reorder, lock and delete layers Object alignment — top, middle, bottom, left, center, right Zoom and full-canvas preview modal One-click Download and Print the finished design Text Customisation Add single or multi-line text with full font control 17 bundled fonts including Google Fonts (Roboto, Montserrat, Pacifico, Dancing Script and more) Bold, Italic, Underline, Strikethrough formatting Left, Centre and Right text alignment Line height and character spacing sliders Curved / arc text with adjustable radius Per-character colour picker with hex input and shadow editor Admin-defined text templates that customers can insert with one click Optional price surcharge per text element Image Tools Drag-and-drop or browse image upload (PNG, JPG, SVG, GIF) Admin-configurable max file size (default 5 MB) Pixabay library integration — search millions of free stock images directly inside the designer QR code generator — enter any URL or text, choose foreground and background colours, and place the QR code on the canvas instantly Optional price surcharge per uploaded or Pixabay image Scale, rotate, flip (horizontal and vertical), and adjust opacity on any image Saved Designs and Cart Integration Customers can save, rename, load and delete their designs from any product page Saved design thumbnail displayed on the product page with hover zoom preview “Add to cart with this design” and “Edit this design” one-click actions Design thumbnail shown in the WooCommerce cart, mini-cart and Block Cart Design JSON and thumbnail stored with every order for fulfilment reference Re-edit a design directly from the cart page Design Categories Admin-managed design library with unlimited categories and items Category thumbnail, item images, item names and individual pricing Customers browse by category then click to place any design on the canvas Includes 6 built-in demo categories (Animals, Sports, Shapes, Nature, Flags, Quotes) WP Media Library picker for all category and item images Admin Control Panel GENERAL SETTINGS Custom designer button label and page position (before cart, after cart, after summary) Require a design before the customer can add to cart Global customisation surcharge added automatically at checkout Custom info message shown in the designer File menu Option to delete all plugin data on uninstall BUTTON STYLE SETTINGS Primary button background and text colour (live WordPress colour picker) Secondary button background and text colour Font size for all product-page buttons Styles apply to “Customise Product”, “Add to cart with this design” and “Edit this design” buttons CANVAS SETTINGS Configurable canvas width and height in pixels Per-product print area defined as percentage offsets (top, left, width, height) PIXABAY SETTINGS Enable or disable the Pixabay tab Enter your free Pixabay API key Set an optional surcharge per Pixabay image used API results are cached for 1 hour via WordPress transients PER-PRODUCT TOGGLE Enable or disable the designer on any individual WooCommerce product from the product edit sidebar Developer and Performance Features Minified assets served in production (designer.min.js, designer.min.css) — full source included Assets switch automatically to full source when SCRIPT_DEBUG is enabled All scripts and styles loaded via wp_enqueue_script / wp_enqueue_style — no direct file loading All AJAX endpoints protected with WordPress nonces All database queries use $wpdb->prepare for SQL injection protection All output escaped with esc_html, esc_attr, esc_url All user input sanitized with WordPress sanitize_* functions Custom DB table for saved designs plus Custom Post Type for media-library thumbnails Translation-ready with a complete .pot file included No jQuery deregistered; no duplicate library loading Tested with WordPress 6.x and WooCommerce 8.x Requirements WordPress 5.8 or higher WooCommerce 6.0 or higher PHP 7.4 or higher A modern browser (Chrome, Firefox, Safari, Edge) Free Pixabay API key (optional, required only for the Pixabay image tab) What Is Included Fully documented plugin files Comprehensive HTML documentation (Getting Started, Admin Guide, Front-End Guide, FAQ, Changelog) Translation template file (flexyproductdesigner.pot) Minified and unminified CSS and JavaScript assets 6 demo design categories with sample items 6 months of item support