Flexy Product Designer | Plugin WooCommerce WordPress - Rating, Reviews, Demo & Download
Plugin Description
Flexy Product Designer for WooCommerce
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
Support
Support is provided through the CodeCanyon comments and support tab. Response time is within 2 business days. Please read the included documentation before submitting a support request, as most common questions are answered there.
